.staff-sales { width:100%;max-width:1040px;margin:0 auto;color:#17372f;font-size:16px;line-height:1.55; }
.staff-sales *, .staff-sales *::before, .staff-sales *::after { box-sizing:border-box; }
.sales-header,.sales-row { display:flex;justify-content:space-between;align-items:center;gap:16px; }
.sales-header { margin:12px 0 20px; }
.sales-header p { margin:0;color:#61746b;font-size:13px; }.sales-header h1 { font-size:26px;margin:5px 0; }
.staff-sales h2 { font-size:19px;margin:0 0 12px; }.staff-sales h3 { font-size:17px; }
.staff-sales button,.staff-sales input,.staff-sales select,.staff-sales textarea { font:inherit; }
.staff-sales button { min-height:44px;padding:9px 15px;border:1px solid #c7d2cc;border-radius:9px;background:#fff;color:#17372f;cursor:pointer; }
.staff-sales button:disabled { opacity:.5;cursor:default; }.staff-sales :focus-visible { outline:3px solid #c3973c;outline-offset:3px; }
.staff-sales .sales-primary { background:#1c5041;color:white;border-color:#1c5041; }
.sales-card { padding:24px;background:#fff;border:1px solid #dce2dc;border-radius:14px;margin:18px 0; }
.sales-shortcuts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.sales-shortcuts button,.sales-shortcuts a { display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;border:1px solid #c7d2cc;border-radius:12px;background:#fff;text-decoration:none;color:inherit; }
.sales-shortcuts strong { font-size:18px; }.sales-shortcuts span { font-size:13px;margin-top:6px;color:#61746b; }
.staff-sales fieldset,.sales-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0;padding:0;margin:16px 0;min-width:0; }
.staff-sales label { display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;min-width:0; }
.staff-sales input,.staff-sales select,.staff-sales textarea { width:100%;min-width:0;padding:11px 12px;border:1px solid #bdc9c1;border-radius:8px;background:#fff;color:#17372f;min-height:46px; }
.staff-sales input[type=checkbox] { width:20px;min-height:20px; }.staff-sales .sales-check { flex-direction:row;align-items:center; }
.sales-full { grid-column:1 / -1; }.sales-new-customer { margin:0; }.sales-new-customer[hidden] { display:none; }
.sales-muted,.sales-upload small { color:#61746b;font-size:13px;font-weight:400; }.sales-muted { margin:8px 0; }
.sales-summary { padding:12px;background:#f0f5ef;border-radius:8px;margin:0; }.sales-actions { display:flex;flex-wrap:wrap;gap:10px; }
.sales-error { color:#9c342b;background:#fff0ec;padding:12px;border-radius:8px; }.sales-note { padding:10px 12px;background:#f6f3e9;border-radius:8px; }
.sales-feedback:empty { display:none; }.sales-feedback p { margin:8px 0; }
.sales-section-nav {display:flex;gap:12px;margin-bottom:12px;}
.sales-section-nav button:first-child {background:#1c5041;color:#fff;}
.sales-step {font-size:13px;color:#61746b;margin:0 0 16px;}
.sales-terms {font-size:14px;line-height:1.6;}
.sales-terms summary {cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;}
.sales-terms p {margin:8px 0;}
.sales-customer-filter {max-width:320px;margin:12px 0;}
.staff-sales .sales-check {align-items:flex-start;font-weight:400;}
.sales-check input {flex:0 0 20px;margin:3px 0;}
.sales-receipts>div {flex-wrap:wrap;}
.sales-receipts button {max-width:100%;}
.sales-header h1 {margin:0;}
.sales-orders article { padding:20px 0;border-top:1px solid #e4e8e3; }.sales-orders article:first-child { margin-top:8px; }
.sales-order-amount { margin-top:10px;font-weight:700;font-size:21px; }.sales-order-amount small { font-size:14px;font-weight:400;display:inline-block;margin-left:10px; }
.sales-status { font-size:12px;background:#eef2ec;border-radius:20px;padding:5px 10px;white-space:nowrap; }.sales-status.returned { background:#fff0e6;color:#894119; }.sales-status.pending { background:#f6efd7; }.sales-status.approved { background:#e4f0e8;color:#24543e; }
.sales-empty { padding:26px 0;color:#61746b; }.sales-receipts>div { display:flex;gap:8px;align-items:center;margin:8px 0; }.sales-receipts button { overflow-wrap:anywhere; }
.sales-receipt-image { width:100%;max-height:700px;object-fit:contain;background:#f3f4f0;margin:14px 0; }
.sales-facts { display:grid;grid-template-columns:1fr 1fr;gap:16px; }.sales-facts dt { color:#61746b;font-size:13px; }.sales-facts dd { margin:3px 0 0;font-weight:600; }
.sales-filter select { font-size:13px; }.sales-sr { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }
body.staff-sales-mode .presale-topbar,body.staff-sales-mode #metricGrid,body.staff-sales-mode #staffLaunchBoard,body.staff-sales-mode .staff-client-state-board,body.staff-sales-mode .presale-tabs { display:none!important; }
body.staff-sales-mode.staff-data-pending .presale-main > #salesPanel.presale-panel.active { display:block!important; }body.staff-sales-mode #staffDataStatus { display:none!important; }
@media(max-width:1000px) {
 body.staff-sales-mode .presale-workbench { display:block; }body.staff-sales-mode .presale-rail { position:static;padding:10px 16px;height:auto;min-height:0;display:flex;gap:12px; }
 body.staff-sales-mode:not(.staff-daily-simple) .presale-rail > :not(#staffWorkbenchLink):not(#userCard) { display:none!important; }
 body.staff-sales-mode .presale-user-card { display:flex;align-items:center;gap:12px;margin:0;padding:0;background:none;flex:1; }
 body.staff-sales-mode .presale-user-card > :not(strong):not(button) { display:none; }body.staff-sales-mode .presale-main { padding:16px; }
}
@media(max-width:600px) {
 .sales-header h1 { font-size:23px; }.sales-card { padding:16px; }.sales-shortcuts { grid-template-columns:1fr 1fr;gap:8px; }.sales-shortcuts a:last-child { grid-column:1 / -1;padding:12px 16px;flex-direction:row;justify-content:space-between; }
 .sales-shortcuts button { padding:15px 12px; }.sales-shortcuts strong { font-size:17px; }.sales-order-amount small { display:block;margin:4px 0 0; }
 .sales-facts { grid-template-columns:1fr; }.staff-sales fieldset { gap:12px; }.sales-actions .sales-primary { flex:1; }.sales-actions { gap:8px; }
 .sales-filter select { max-width:155px; }.sales-row { gap:8px;align-items:flex-start; }
}