#sales-view{display:none;flex:1;min-width:0;overflow:auto;padding:24px;background:var(--bg,#f7f8fa);color:var(--text,#202638)}
#sales-view.active{display:block}
.sales-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.sales-header h1{font-size:23px;margin:0 0 6px;letter-spacing:-.4px}
.sales-help{font-size:13px;color:var(--muted,#64748b);line-height:1.55;max-width:850px}
.sales-tabs,.sales-filters,.sales-actions,.sales-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}
#sales-view button,.sales-dialog button{cursor:pointer;border:1px solid var(--border,#dce2eb);border-radius:8px;padding:8px 12px;font:inherit;font-size:13px;background:var(--panel,#fff);color:inherit;min-height:36px}
#sales-view button:hover,.sales-dialog button:hover{border-color:#6474dd;background:var(--hover,#f2f4ff)}
#sales-view button:disabled,.sales-dialog button:disabled{opacity:.5;cursor:default}
#sales-view button.active,.sales-dialog button.primary,#sales-view button.primary{color:#fff;background:#405bd8;border-color:#405bd8}
#sales-view :focus-visible,.sales-dialog :focus-visible{outline:3px solid #8ea2ff;outline-offset:2px}
.sales-filters label,.sales-dialog label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted,#64748b)}
.sales-filters input,.sales-filters select,.sales-dialog input,.sales-dialog select,.sales-dialog textarea{border:1px solid var(--border,#dce2eb);border-radius:7px;background:var(--panel,#fff);color:var(--text,#202638);padding:9px;font:inherit;min-width:140px;max-width:100%;box-sizing:border-box}
.sales-dialog input[type=checkbox]{min-width:0}
.sales-metric{background:var(--panel,#fff);border:1px solid var(--border,#e4e8ef);padding:14px 18px;border-radius:10px;min-width:125px;flex:1}
.sales-metric strong{display:block;font-size:24px;font-weight:650;line-height:1.4}
.sales-metric span{font-size:12px;color:var(--muted,#64748b)}
.sales-table-wrap{overflow:auto;border:1px solid var(--border,#e1e5ec);border-radius:10px;background:var(--panel,#fff)}
.sales-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:normal}
.sales-table th{position:sticky;top:0;background:var(--bg,#f8f9fc);font-size:12px;font-weight:600;color:var(--muted,#64748b);white-space:nowrap}
.sales-table th,.sales-table td{padding:13px 12px;border-bottom:1px solid var(--border,#e7ebf1);vertical-align:top;line-height:1.5}
.sales-table tbody tr:last-child td{border-bottom:0}
.sales-table td:first-child{min-width:25px}
.sales-client-link{font-weight:600;text-align:left!important;color:#405bd8!important;background:transparent!important;border:0!important;padding:0!important;min-height:24px!important}
.sales-tag{display:inline-block;font-size:11px;padding:3px 7px;border-radius:5px;background:var(--bg,#f0f2f7);margin:2px 3px 2px 0;white-space:nowrap}
.sales-tag.warn{color:#a54817;background:#fff0e3}.sales-tag.bad{color:#af2743;background:#ffedf0}
.sales-date{white-space:nowrap}.sales-muted{color:var(--muted,#64748b);font-size:12px}
.sales-empty{padding:44px;text-align:center;color:var(--muted,#64748b);line-height:1.7}
.sales-error{color:#ad263e;background:#fff0f2;border-radius:8px;padding:12px;font-size:13px;margin:10px 0}
.sales-notice{color:#244977;background:#eaf3ff;border-radius:8px;padding:12px;font-size:13px;margin:10px 0}
.sales-footer{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:12px;color:var(--muted,#64748b)}
.sales-dialog{border:1px solid var(--border,#dce2eb);border-radius:14px;background:var(--panel,#fff);color:var(--text,#202638);box-shadow:0 20px 70px #0004;width:720px;max-width:calc(100vw - 36px);max-height:88vh;padding:24px;overflow:auto}
.sales-dialog::backdrop{background:#11182780}
.sales-dialog h2{font-size:21px;margin:0 0 12px}.sales-dialog h3{font-size:15px;margin:22px 0 12px}
.sales-dialog form{display:grid;gap:14px}.sales-form-row{display:flex;flex-wrap:wrap;gap:12px}.sales-form-row>*{flex:1}
.sales-dialog label.check{display:flex;flex-direction:row;align-items:center;gap:8px;margin:6px 0}
.sales-timeline{border-left:2px solid var(--border,#e4e8ef);padding-left:14px;margin:14px 0;font-size:13px}
.sales-timeline p{margin:6px 0 16px;line-height:1.5}.sales-panel{background:var(--panel,#fff);border:1px solid var(--border,#e4e8ef);padding:18px;border-radius:10px;margin:14px 0}
.sales-panel h3{margin:0 0 12px;font-size:16px}.sales-panel details{margin:14px 0}.sales-panel summary{cursor:pointer;font-weight:600}
.sales-toast{position:fixed;right:24px;bottom:24px;max-width:440px;background:#243b68;color:#fff;padding:14px 20px;border-radius:10px;z-index:15000;box-shadow:0 6px 30px #0003}
@media(max-width:720px){#sales-view{padding:16px 12px}.sales-header h1{font-size:20px}.sales-filters label{flex:1;min-width:130px}.sales-tabs{gap:6px}.sales-tabs button{flex:1}.sales-dialog{padding:18px}.sales-table th,.sales-table td{padding:10px}.sales-metric{min-width:105px;padding:10px}.sales-help{font-size:12px}}