:root{--bg:#f5f6f3;--paper:#fff;--ink:#213b34;--muted:#7b8580;--green:#204c40;--line:#e7ebe5;--lime:#dcebbd;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #afca85;outline-offset:3px}a{color:var(--green);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:7px}h2{font-size:18px;margin-bottom:14px}h3{font-size:16px;margin-bottom:8px}small{font-size:11px}.muted{color:var(--muted)}.eyebrow{font-size:11px;color:#7c8c76;display:block;margin-bottom:8px}.primary,.secondary,.danger{padding:11px 19px;border-radius:9px;font-weight:bold;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--green);color:white}.primary:hover{background:#163d32}.secondary{background:#f4f6f1;border:1px solid #dde4d8;color:var(--ink)}.secondary:hover{background:#e9efdf}.danger{background:#fceeea;color:#a34e3c}.text-button{background:transparent;color:var(--green);font-size:12px;font-weight:bold;padding:7px}.shell{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;position:fixed;right:0;top:0;bottom:0;background:#183e36;color:white;padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:37px;font-weight:bold;line-height:1.5;letter-spacing:2px;padding:0 15px}.brand span{display:block;font-size:10px;letter-spacing:0;color:#b0c4b8;font-weight:normal}.workspace-label{color:#a3baac;font-size:10px;padding:37px 14px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;color:#c3d1c9;text-align:right;padding:13px 14px;border-radius:9px;margin-bottom:6px;font-size:12px}.nav-item>span{font-size:20px;line-height:1}.nav-item small{margin-right:auto;background:#405e43;border-radius:5px;padding:1px 7px;color:#dcebbd}.nav-item:hover{background:#244a40}.nav-item.active{background:#dcebbd;color:#254536;font-weight:bold}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:24px;border-top:1px solid #36564b}.avatar{background:#315448;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;color:#daebc0}.sidebar-bottom strong{display:block;font-size:11px}.sidebar-bottom small{display:block;color:#adc0b2;font-size:10px}.sidebar-bottom button{margin-right:auto;background:transparent;color:#adc0b2;font-size:22px}.main{margin-right:235px;width:calc(100% - 235px)}.topbar{height:77px;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.top-right{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.live-dot{width:6px;height:6px;background:#6c9566;border-radius:50%}.date{margin-right:20px;border-right:1px solid var(--line);padding-right:20px}.content{max-width:1550px;margin:auto;padding:35px 40px 15px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:12px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stats article{padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.stats article>span{font-size:11px;display:flex;align-items:center;justify-content:space-between;color:#778479}.stats i{font-style:normal;font-size:21px;color:#879e7c}.stats strong{display:block;font-size:33px;margin:10px 0 3px;font-weight:normal;line-height:1.4}.stats strong.balance{font-size:23px;margin-top:19px}.stats small{color:#869084}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{padding:22px 24px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:15px;margin:0}.panel-heading .muted{font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,1fr);gap:24px}.inventory-watch{padding:25px;background:#edf1e5;border-color:#e0e7d6}.inventory-watch h2{font-size:16px}.inventory-watch p{font-size:11px}.inventory-watch>.secondary{width:100%;margin-top:20px;background:transparent}.stock-alert{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #dce3d5}.product-icon{height:39px;width:39px;background:#dfe7d4;display:grid;place-items:center;border-radius:8px;font-size:24px;color:#798c6f}.stock-alert strong{font-size:11px;display:block}.stock-alert small{display:block;color:var(--muted)}.stock-alert b{margin-right:auto;font-size:15px;font-weight:normal}.quiet{text-align:center;padding:30px;color:#8c9e7b;font-size:30px}.quiet p{margin:10px 0;font-size:12px}.workflow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 25px;border:1px dashed #d9e1d1;border-radius:12px;margin-top:25px;font-size:11px;color:#7a8974}.workflow strong{color:#405940}.workflow b{font-weight:normal;color:#aab89e}footer{margin-top:38px;padding:20px 0;border-top:1px solid var(--line);font-weight:bold;color:#788d77;font-size:12px}footer span{font-size:10px;font-weight:normal;float:left;color:#94a08e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}th{background:#fafbf8;color:#8b968b;font-size:10px;font-weight:normal;padding:13px 20px;white-space:nowrap}td{padding:17px 20px;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}td strong{font-size:12px;font-weight:normal}.cell-small{display:block;color:#939c91;font-size:10px;margin-top:4px;max-width:260px;white-space:pre-wrap}.order-number{color:#587c4e;font-family:Arial,sans-serif}.nowrap{white-space:nowrap}.badge{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:10px;white-space:nowrap;background:#f0f2ec;color:#78816d}.badge.quote{background:#f2eee5;color:#978357}.badge.confirmed,.badge.ready,.badge.customer{background:#e9f0df;color:#688446}.badge.preparing,.badge.ordered,.badge.supplier{background:#eef0f8;color:#7d83a3}.badge.delivered,.badge.received,.badge.both{background:#e3efea;color:#477c68}.badge.cancelled{background:#f9e9e4;color:#ad7869}.empty{text-align:center;padding:55px 25px;color:var(--muted)}.empty>span{font-size:35px;color:#a6b795}.empty h3{color:#607756;font-size:15px;margin-top:13px}.empty p{font-size:12px}.empty button{margin-top:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}.search{display:flex;align-items:center;gap:10px;min-width:240px;max-width:400px;background:#f7f8f5;border:1px solid #e8ece3;border-radius:8px;padding:0 10px}.search span{font-size:24px;color:#8d9b80}.search input{background:none;border:0;outline:0;width:100%;padding:10px 0;font-size:11px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{font-size:11px;padding:6px 10px;background:transparent;color:#8b9683;border-radius:6px}.tabs .selected{background:#edf2e6;color:#486640}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.product-visual{height:175px;background:#eaece4;position:relative;display:grid;place-items:center}.product-visual>span:not(.category){font-size:100px;line-height:1;color:#b5c0a5}.product-visual img{width:100%;height:100%;object-fit:contain}.category{position:absolute;top:13px;right:13px;background:#ffffffde;border-radius:5px;font-size:10px;padding:3px 9px}.product-body{padding:20px}.sku{color:#9da58f;font-family:Arial}.product-body h3{margin:7px 0;font-size:15px}.product-body p{font-size:11px;color:#87917e;white-space:pre-wrap;max-height:54px;overflow:auto}.product-price{display:flex;align-items:center;gap:10px;margin:18px 0}.product-price strong{font-size:16px}.product-price small{color:#95a08e;font-size:9px}.product-bottom{border-top:1px solid #edf0e7;padding-top:13px;display:flex;justify-content:space-between;font-size:10px}.available{color:#78964f}.spaced{margin-top:23px}.padded{padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid>.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#60715c}input,select,textarea{border:1px solid #dde4d6;border-radius:7px;padding:10px 12px;width:100%;background:white;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#73975f;box-shadow:0 0 0 3px #c9dbb633}textarea{resize:vertical}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.padded form>.primary{margin-top:20px}dialog{width:min(850px,94vw);max-height:90vh;overflow:auto;border:1px solid #d9e3d2;border-radius:18px;padding:26px;color:var(--ink);box-shadow:0 30px 100px #13241f30}dialog::backdrop{background:#17352980;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;padding-bottom:15px;border-bottom:1px solid var(--line)}.modal-heading h2{margin:0}.modal-heading button{background:#f2f5ec;border-radius:50%;width:32px;height:32px;font-size:22px;color:#728965}.error{color:#b34e41;font-size:12px}.form-error:empty{display:none}.line-adder{display:flex;gap:14px;align-items:end}.line-adder label{flex:1}.draft-empty{border:1px dashed #d7dfce;padding:25px;text-align:center;color:#98a18d;font-size:12px;border-radius:9px}.draft-list{background:#f7f9f3;padding:15px;border-radius:9px}.draft-row{display:grid;grid-template-columns:1fr 90px 135px 25px;gap:13px;align-items:center;margin-bottom:12px}.draft-row strong{font-size:12px}.draft-row label{font-size:10px}.draft-row input{padding:6px}.remove{background:none;color:#a57865;font-size:23px}.draft-total{padding:18px 0;display:flex;justify-content:space-between;font-size:13px}.detail-meta{display:flex;justify-content:space-between;gap:15px}.detail-meta p{font-size:12px}.totals{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:#f1f5e9;padding:18px;border-radius:10px;margin:20px 0}.totals span{font-size:10px;color:#879475}.totals b{display:block;font-size:13px;color:#3f5d37;margin-top:7px}.detail-actions,.status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.status-actions{border-top:1px solid var(--line);padding-top:20px}.status-actions strong{font-size:12px;margin-left:10px}.payment-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:20px 0;border-top:1px solid var(--line)}.payment-log{font-size:12px;padding:10px;border-bottom:1px solid var(--line)}.payment-log strong{margin:0 15px}.supplier-options{display:flex;flex-direction:column;gap:12px}.contact-heading{display:flex;gap:20px;align-items:start}.large-avatar{width:65px;height:65px;border-radius:18px;background:#e9efdf;display:grid;place-items:center;font-size:25px}.contact-heading p{font-size:12px;margin:10px 0}.contact-balances{display:flex;gap:60px;border-top:1px solid var(--line);padding-top:20px;margin-top:15px;font-size:12px}.contact-balances p{margin:5px 0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#183e36;color:#e0eccf;padding:60px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:'';width:370px;height:370px;border:1px solid #547a5140;border-radius:50%;position:absolute;bottom:-100px;left:-150px;box-shadow:0 0 0 60px #547a5110,0 0 0 120px #547a510a}.login-story .brand{padding:0}.login-story h1{font-size:44px;line-height:1.7;margin:18px 0}.login-story p{font-size:14px;color:#b7c9b5;line-height:2}.login-story .eyebrow{color:#a9c492}.login-story small{color:#92ae99}.login-form{max-width:460px;width:100%;padding:40px;margin:auto}.login-form h2{font-size:28px}.login-form>p{font-size:12px;margin-bottom:35px}.login-form label{margin-bottom:20px}.login-form .primary{width:100%;padding:14px;margin:10px 0 25px}.login-form>small{font-size:10px}.loading{display:grid;place-items:center;height:100vh;color:var(--green);font-size:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(90px);background:#233f35;color:white;padding:13px 25px;border-radius:10px;font-size:13px;z-index:10000;transition:transform .2s;box-shadow:0 5px 30px #0002;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}#print-area{display:none}@media(min-width:1550px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1150px){.sidebar{width:200px;padding:25px 12px}.main{margin-right:200px;width:calc(100% - 200px)}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stats article{padding:15px}.dashboard-grid{grid-template-columns:1fr}.inventory-watch{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.workflow{flex-wrap:wrap}.stats strong.balance{font-size:18px}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;padding:15px}.sidebar .brand{font-size:25px;padding:0}.sidebar .brand span{display:none}.workspace-label{position:absolute;top:23px;left:20px;padding:0}.sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:12px}.nav-item{flex-shrink:0;width:auto;margin:0;padding:8px;font-size:10px;gap:5px}.nav-item>span{font-size:16px}.nav-item small{display:none}.sidebar-bottom{position:absolute;top:8px;left:150px;border:0;padding:0}.sidebar-bottom>div{display:none}.main{width:100%;margin:0}.topbar{height:50px;padding:0 18px;font-size:10px}.top-right .date{display:none}.content{padding:23px 16px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;max-width:220px}.page-heading .primary{font-size:10px;padding:10px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.stats article{padding:15px}.stats strong{font-size:28px}.stats article>span{font-size:10px}.stats small{font-size:10px}.dashboard-grid{gap:15px}.workflow{font-size:10px;padding:17px;gap:9px}.workflow strong{width:100%}.product-grid{gap:12px}.product-visual{height:130px}.product-body{padding:12px}.product-body h3{font-size:12px}.product-price{display:block}.product-price small{display:block}.product-price strong{font-size:13px}.product-bottom{font-size:9px;gap:7px}.toolbar{padding:14px;gap:10px}.search{width:100%;max-width:none;min-width:0}.tabs button{padding:5px 7px;font-size:10px}th,td{padding:12px}.form-grid{grid-template-columns:1fr}.form-grid>.wide{grid-column:auto}.totals{grid-template-columns:1fr 1fr}.draft-row{grid-template-columns:1fr 60px 85px 20px;gap:7px}.draft-row strong{font-size:10px}.payment-form{grid-template-columns:1fr}.contact-balances{gap:25px}dialog{padding:18px}.detail-actions .secondary{font-size:10px}.login{display:block}.login-story{min-height:0;padding:25px}.login-story>div:not(.brand){display:none}.login-story>small{display:none}.login-story:after{display:none}.login-form{padding:45px 25px}.login-form h2{font-size:24px}.contact-heading{gap:12px}}@media print{@page{size:A4;margin:15mm}body{background:white;font-size:12px}#app,#modal,#toast{display:none!important}#print-area{display:block;color:#111}#print-area table{font-size:11px}#print-area td,#print-area th{border:1px solid #ddd;padding:10px}#print-area tr{break-inside:avoid}.print-header{display:flex;justify-content:space-between;border-bottom:3px solid #204c40;margin-bottom:25px;padding-bottom:15px}.print-header h1{font-size:22px}.print-header h2{font-size:18px}.print-product{width:65px;height:65px;object-fit:contain}.print-totals{margin-right:auto;width:260px;padding:20px 0}.print-footer{margin-top:35px;border-top:1px solid #ccc;padding-top:10px;color:#888;text-align:center}a{color:#204c40}#print-area p{white-space:pre-wrap}}
.attachment-field{padding:14px;background:#f7f9f3;border:1px dashed #cddbc1;border-radius:9px}.attachment-field small{color:#87917e}.attachment-field input{font-size:11px;padding:8px;background:#fff}.attachment-button{width:100%;margin-top:14px;font-size:10px}

@media screen{body.preview-open{background:#e7ebe5}.preview-open #app{display:none}.preview-open #print-area{display:block;max-width:950px;margin:20px auto 40px;padding:35px;background:white;box-shadow:0 8px 30px #0001;overflow:auto}#print-tools{max-width:950px;margin:20px auto;padding:20px;background:white;border-radius:12px}#print-tools[hidden]{display:none}#print-tools>div{display:flex;gap:12px;align-items:center;justify-content:space-between}#print-tools p{font-size:12px;color:#75826f;margin:15px 0}.print-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #204c40;margin-bottom:24px}.print-product{width:80px;height:80px;object-fit:contain}.print-totals{margin-right:auto;width:260px;padding-top:20px}.print-footer{border-top:1px solid #ddd;text-align:center;margin-top:25px;padding:15px}#print-area p{white-space:pre-wrap}#print-area td,#print-area th{border:1px solid #e7ebe5}@media(max-width:720px){#print-tools{margin:12px;padding:15px}#print-tools>div{flex-wrap:wrap}.preview-open #print-area{margin:12px;padding:15px}.print-header h1{font-size:20px}}}@media print{#print-tools{display:none!important}}
/* Readable Arabic typography across desktop and touch screens. */
@media screen {
  :root { --muted: #647168; }
  body { font-size: 16px; line-height: 1.8; }
  .nav-item, .primary, .secondary, .danger, .text-button,
  .tabs button, .search input, label, table, td strong { font-size: 14px; }
  .nav-item { gap: 9px; padding-inline: 10px; }
  .topbar, .top-right, .workspace-label, .brand span,
  .eyebrow, .page-heading p, .panel-heading .muted,
  .cell-small, .badge, th, .stats article > span, .stats small,
  .sidebar-bottom small, .sidebar-bottom strong,
  .product-body p, .product-price small, .product-bottom,
  .attachment-button, .attachment-field small, .attachment-field input,
  .empty p, .inventory-watch p, .stock-alert strong,
  .workflow, footer, footer span, .detail-meta p,
  .totals span, .payment-log, .contact-heading p,
  .contact-balances, #print-tools p { font-size: 13px; }
  small, .stock-alert small { font-size: 12px; }
  .page-heading p, .cell-small, th, .eyebrow, .stats small,
  .stats article > span, .product-body p, .product-price small,
  .attachment-field small, .tabs button, .totals span,
  .workflow, footer span { color: #647168; }
  th, .badge { font-weight: 500; }
  .panel-heading h2, .product-body h3, .inventory-watch h2 { font-size: 18px; }
  .totals b, .draft-row strong, .status-actions strong { font-size: 14px; }
  .draft-row label { font-size: 12px; }
  .search { min-width: 280px; }
  input, select, textarea { font-size: 16px; }
  .search input { min-height: 44px; }
  .login-form > p, .login-form > small { font-size: 14px; }
  .login-form label { font-size: 15px; }
}
@media screen and (max-width: 1150px) {
  .sidebar { width: 220px; }
  .main { margin-right: 220px; width: calc(100% - 220px); }
  .toolbar { flex-wrap: wrap; }
}
@media screen and (max-width: 720px) {
  .sidebar { width: 100%; }
  .main { margin-right: 0; width: 100%; }
  .nav-item { font-size: 13px; min-height: 42px; }
  .topbar, .top-right { font-size: 11px; }
  .page-heading { flex-wrap: wrap; }
  .page-heading p { max-width: none; font-size: 13px; }
  .page-heading .primary { font-size: 13px; }
  .stats article > span, .stats small { font-size: 12px; }
  .search { min-width: 0; }
  .search input { font-size: 16px; }
  .product-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
  .product-body h3 { font-size: 16px; }
  .product-price strong { font-size: 16px; }
  .detail-actions .secondary { font-size: 13px; }
  .draft-row { grid-template-columns: 1fr 65px 85px 20px; }
  .draft-row strong { font-size: 12px; }
}
.brand{font-family:Arial,sans-serif;font-size:27px;letter-spacing:1px;white-space:nowrap}.category-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.dashboard-shortcuts{padding:24px;margin-bottom:24px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shortcut-grid button{min-height:58px}.order-editor{width:min(1200px,96vw)}.catalog-controls{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}.order-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:52vh;overflow:auto;padding:3px}.order-product{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.order-product-image{height:155px;background:#f1f4ed;display:grid;place-items:center}.order-product-image a{display:block;width:100%;height:100%}.order-product-image img{width:100%;height:155px;object-fit:contain}.order-product-image>span{font-size:40px;color:#809477}.order-product-info{padding:16px}.order-product-info>small{display:block;color:#647168;font-size:12px}.order-product-info h3{margin:8px 0;font-size:16px}.order-product-info p{white-space:pre-wrap;font-size:13px;max-height:90px;overflow:auto}.order-product-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.order-product-actions .secondary{font-size:13px}.order-catalog{background:#f7f9f4;padding:18px;border-radius:12px}@media(max-width:720px){.shortcut-grid{grid-template-columns:1fr 1fr}.catalog-controls{grid-template-columns:1fr}.order-product-grid{grid-template-columns:1fr}.order-catalog{padding:10px}}
.modal-notice{padding:15px 18px;margin:0 0 18px;background:#fff3db;border:1px solid #e4c580;border-radius:9px;color:#704c13;font-size:15px;line-height:1.9;white-space:pre-wrap}
.order-product{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start}.order-product-image,.order-product-image img{height:100px;max-width:100%;object-fit:contain}.order-product-info{min-width:0;overflow-wrap:anywhere}.order-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:120px}.product-visual img{height:120px;width:100%;object-fit:contain}.product-card,.product-body{min-width:0;overflow-wrap:anywhere}.product-body p{max-height:100px}.draft-row .line-spec{grid-column:span 2}.line-spec textarea{width:100%;min-height:65px;resize:vertical}.line-spec-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.print-product{width:60px!important;height:60px!important;object-fit:contain}.product-filter-label{max-width:300px;margin:0 22px 20px}.sidebar nav{overflow-y:auto}.product-bottom{flex-wrap:wrap;gap:10px}@media(max-width:800px){.order-product-grid{grid-template-columns:1fr}.order-product{grid-template-columns:80px minmax(0,1fr)}.order-product-image,.order-product-image img{height:80px}}@media print{.line-spec-text{font-size:11px}}
.order-product-image{width:100px;height:100px;overflow:hidden;flex-shrink:0}.order-product-image a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.order-product-image img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain}.product-visual{height:140px;width:100%;overflow:hidden}.product-visual img{display:block;height:100%;width:100%;object-fit:contain}.draft-row{padding:18px;border:1px solid #dfe6d7;background:white;border-radius:10px;margin-bottom:18px}.draft-row .line-spec{grid-column:1/-1;width:100%;min-width:0}.draft-row .line-spec textarea{display:block;box-sizing:border-box;width:100%;height:100px;min-height:100px;line-height:1.8;padding:12px;resize:vertical}.draft-row .cost-field{grid-column:1/-1;max-width:260px}.form-grid>label.wide textarea{height:100px;min-height:100px}@media(max-width:800px){.order-product-image{width:80px;height:80px}.draft-row{padding:12px}}
.contact-picker{position:relative;min-width:0}.contact-picker>input[type=search]{margin-top:7px;min-height:46px}.contact-picker>small{display:block;margin-top:6px}.contact-results{position:absolute;inset-inline:0;top:100%;background:white;border:1px solid #cbd8c3;border-radius:10px;box-shadow:0 10px 25px #0002;max-height:280px;overflow:auto;z-index:10}.contact-results[hidden]{display:none}.contact-results button{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;padding:14px;text-align:right;background:white;color:#213b34;border-bottom:1px solid #e7ebe5}.contact-results button:hover,.contact-results button:focus{background:#edf4e7}.contact-results small{flex-basis:100%;color:#647168}.contact-results p{padding:15px;margin:0}.search{max-width:520px;flex:1}.search input::placeholder{color:#647168}
#quick-contact{margin-top:12px;padding:16px;border:1px solid #cad9bf;border-radius:10px;background:#f6f9f1}#quick-contact label{margin-top:10px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.import-table{max-height:320px;overflow:auto;margin-bottom:16px}#page-content>a.secondary,#page-content>button.secondary{margin:0 0 10px 10px}