.sales-toolbar,.sales-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-toolbar h3{margin:0 0 4px}.sales-toolbar small,.sales-bottom span{color:#64748b}.sales-grid-wrap{overflow-x:auto;border:1px solid #d9e1eb;border-radius:10px}.sales-grid-header,.sales-item{display:grid;grid-template-columns:26px minmax(180px,2.4fr) 70px 58px minmax(95px,1fr) minmax(95px,1fr) minmax(130px,1.5fr) 70px;gap:8px;min-width:830px;padding:10px 12px;align-items:start}.sales-grid-header{background:#edf2f7;font-size:12px;font-weight:600;align-items:center}.sales-item{border-top:1px solid #e2e8f0;background:#fff}.sales-item:focus-within{background:#f5f9ff}.sales-item label>span{display:none}.sales-item input,.sales-item textarea,.sales-item select{width:100%;min-width:0;box-sizing:border-box;padding:9px 7px!important;border:1px solid #cdd7e3;border-radius:6px;font:inherit;font-size:13px!important}.sales-item textarea{resize:vertical;min-height:40px;line-height:18px}.sales-index{padding-top:10px;color:#64748b;font-size:12px}.sales-row-actions{display:flex;gap:4px}.sales-row-actions button{min-height:38px!important;width:32px;padding:0!important;font-size:20px!important;background:#eff3f8!important;color:#35506d!important;border:0!important}.sales-row-extra{grid-column:2/-2;margin-top:-4px;font-size:11px;color:#64748b}.sales-row-extra summary{cursor:pointer}.sales-row-extra label{display:flex;align-items:center;gap:8px;margin-top:8px}.sales-row-extra select{max-width:140px}.sales-lookup{justify-content:end}.sales-buyer{padding:12px 16px;border:1px solid #dce3ed;border-radius:8px;white-space:pre-line;font-size:13px}.sales-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sales-totals article{padding:14px;background:#f1f5f9;border-radius:8px;font-size:12px}.sales-totals strong{display:block;font-size:19px;margin-top:8px;font-variant-numeric:tabular-nums}.sales-totals .sales-profit{background:#eaf4ee}.sales-totals .sales-loss{background:#fff0ec;color:#9e2c1c}.sales-paste,.sales-details{border:1px solid #dce3ed;padding:12px 16px;border-radius:8px}.sales-paste summary,.sales-details summary{cursor:pointer;font-weight:600}.sales-paste textarea{width:100%;box-sizing:border-box;margin:10px 0}.sales-details .form-grid{margin-top:14px}.sales-note{font-size:12px!important;margin-top:0}#sales-invoice-form button{min-height:42px}#sales-invoice-form [data-sales-download]{padding:12px}@media(max-width:700px){.sales-toolbar{align-items:flex-start}.sales-grid-wrap{overflow:visible;border:0}.sales-grid-header{display:none}.sales-item{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce3ed;border-radius:8px;margin-bottom:12px;padding:12px}.sales-index{grid-column:1/3;padding:4px}.sales-index:before{content:'Позиция '}.sales-row-actions{grid-column:3/5;grid-row:1;justify-content:flex-end}.sales-name{grid-column:1/-1}.sales-item label>span{display:block;font-size:11px;color:#64748b;margin:0 0 4px}.sales-item label{grid-column:span 2}.sales-item .sales-name,.sales-item .sales-source{grid-column:1/-1}.sales-row-extra{grid-column:1/-1}.sales-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-totals .sales-profit,.sales-totals .sales-loss{grid-column:1/-1}.sales-totals strong{font-size:18px}.sales-toolbar small{display:none}}
.sales-history{margin-top:32px;border-top:1px solid #dce3ed;padding-top:24px}.sales-history>.field{margin:16px 0}.sales-history-row{display:grid;gap:8px;padding:16px 0;border-bottom:1px solid #e2e8f0}.sales-history-row>span{font-size:13px;color:#526174}.sales-history-row>div{display:flex;gap:16px;align-items:center}.sales-history-row button{min-height:36px}.sales-history [data-sales-history]{margin:16px 0}.sales-lookup{display:flex!important;flex-direction:row;align-items:end;gap:8px}.sales-lookup button{font-size:12px!important}
.sales-viewer{width:min(1120px,calc(100vw - 40px));max-width:none;max-height:90dvh;padding:0;border:1px solid #dce3ed;border-radius:16px;color:#183049;background:#fff;box-shadow:0 24px 90px #10233c55;overflow:hidden}.sales-viewer[open]{display:flex;flex-direction:column}.sales-viewer::backdrop{background:#11243a99}.sales-viewer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sales-viewer-heading h2{font-size:23px;margin:0;overflow-wrap:anywhere}.sales-viewer-heading p{margin:5px 0;color:#64748b;font-size:12px}.sales-viewer-heading button{flex:none;width:40px;height:40px;font-size:26px;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#334155;cursor:pointer}.sales-viewer-body{overflow:auto;overscroll-behavior:contain;padding:24px 26px;min-height:80px}.sales-viewer-buyer{margin-bottom:20px}.sales-viewer-buyer h3{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.sales-viewer-buyer p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.sales-viewer-item{padding:18px;border:1px solid #dce3ed;border-radius:10px;margin:12px 0;background:#fff}.sales-viewer-item h4{font-size:15px;margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.sales-viewer dl{margin:0}.sales-viewer-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px!important}.sales-viewer-detail{min-width:0}.sales-viewer dt{font-size:12px;color:#64748b;margin-bottom:5px}.sales-viewer dd{font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.sales-viewer-metrics dd{font-weight:600;font-variant-numeric:tabular-nums}.sales-viewer-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:#f5f8fb;border-radius:10px}.sales-viewer-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 26px;border-top:1px solid #e2e8f0;background:#f8fafc}.sales-viewer-actions p{font-size:12px;color:#64748b;margin:0 auto 0 0;max-width:390px}.sales-viewer-actions a,.sales-viewer-actions button{font-size:13px;padding:11px 16px;border:1px solid #cbd5e1;border-radius:8px;white-space:nowrap;cursor:pointer;text-decoration:none;color:#183049;background:#fff}.sales-viewer-actions button{background:#234c75;color:#fff;border-color:#234c75}.sales-viewer-actions button:disabled{opacity:.5;cursor:wait}.sales-viewer a[hidden]{display:none}.sales-viewer .sales-totals strong{font-size:18px;overflow-wrap:anywhere}.sales-viewer .sales-note{color:#64748b;line-height:1.5;margin:14px 0 24px}
@media(max-width:700px){.sales-viewer{width:calc(100vw - 16px);max-height:96dvh;border-radius:12px}.sales-viewer-heading,.sales-viewer-body{padding:16px}.sales-viewer-heading h2{font-size:18px}.sales-viewer-metrics,.sales-viewer-notes{grid-template-columns:1fr 1fr;gap:14px}.sales-viewer-notes{grid-template-columns:1fr}.sales-viewer-item{padding:14px}.sales-viewer-actions{padding:12px;flex-wrap:wrap;gap:8px}.sales-viewer-actions p{max-width:none;width:100%}.sales-viewer-actions a,.sales-viewer-actions button{flex:1;text-align:center;white-space:normal}.sales-viewer .sales-totals strong{font-size:16px}}

/* Long saved company names must not widen the form on small screens. */
#sales-invoice-form .field { grid-template-columns: minmax(0, 1fr); }
#sales-invoice-form .field > select { min-width: 0; max-width: 100%; width: 100%; }