:root{
  --ink:#292625;
  --muted:#736d68;
  --line:#ded8d2;
  --paper:#fff;
  --bg:#f7f4ef;
  --brand:#9f002b;
  --brand-dark:#76001f;
  --brand-soft:#f6e9ec;
  --brand2:#ead8cf;
  --vizon:#8b7468;
  --danger:#b42318;
  --shadow:0 14px 40px rgba(42,31,27,.08);
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(159,0,43,.045),transparent 28rem),
    linear-gradient(180deg,#faf8f4 0,#f5f1eb 100%);
  color:var(--ink);
  letter-spacing:.005em;
}
header{
  min-height:138px;
  padding:22px max(24px,calc((100% - 1280px)/2));
  background:rgba(255,255,255,.94);
  color:var(--ink);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 30px rgba(45,33,28,.06);
}
.brand-block{display:flex;align-items:center;gap:28px;min-width:0}
.brand-logo{display:block;width:clamp(250px,27vw,390px);height:auto;mix-blend-mode:multiply}
.brand-copy{padding-left:28px;border-left:1px solid var(--line)}
.brand-copy h1{font:500 clamp(25px,3vw,38px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:.015em}
.brand-copy .eyebrow{color:var(--brand);opacity:1}
.eyebrow{color:var(--brand);opacity:1;letter-spacing:.19em}
h2{font:600 30px/1.15 Georgia,"Times New Roman",serif;letter-spacing:.01em}
nav{
  gap:4px;
  padding:9px max(16px,calc((100% - 1280px)/2));
  background:#292625;
  border:0;
  box-shadow:0 8px 22px rgba(35,30,28,.14);
}
.tab{color:#d9d1cb;border-radius:8px;padding:12px 15px;transition:background .18s,color .18s,transform .18s}
.tab:hover{background:#3b3734;color:#fff}
.tab.active{background:var(--brand);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
main{max-width:1280px;padding-top:34px}
.section-title{margin:16px 0 20px}
input,textarea,select{
  border-color:#cfc6bf;
  border-radius:10px;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(40,30,27,.03);
  transition:border-color .18s,box-shadow .18s;
}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(159,0,43,.11)}
.add-row,.card,.table-wrap,.warehouse-panel,.stats div{
  border:1px solid rgba(190,179,170,.62);
  border-radius:14px;
  box-shadow:var(--shadow);
}
.add-row{padding:22px}
.product-bulk-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(42,31,27,.05)}
.product-bulk-tools span{margin-right:auto;color:var(--muted);font-weight:700}
.product-bulk-tools button:disabled{opacity:.42;cursor:not-allowed;transform:none}
.product-card{justify-content:flex-start}
.product-card-content{flex:1;min-width:0}
.product-select{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#faf8f5;cursor:pointer}
.product-select input{width:20px;height:20px;margin:0;accent-color:var(--brand);box-shadow:none}
.product-select span{font-size:13px}
.selected-product-card{border-color:rgba(159,0,43,.45);background:#fffafb;box-shadow:0 14px 40px rgba(159,0,43,.09)}
.primary{
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));
  border-color:var(--brand);
  box-shadow:0 8px 18px rgba(159,0,43,.18);
}
.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}
.ghost,.file-btn,.small{border-color:#cfc6bf;background:#fff;color:var(--ink)}
.ghost:hover,.file-btn:hover,.small:hover{border-color:var(--brand);color:var(--brand);background:#fffafa}
.danger{color:var(--danger)}
th{background:#f2ede8;color:#665d58;border-bottom-color:#d7cec8}
tbody tr{transition:background .16s}
tbody tr:hover{background:#fcf8f6}
.order-estimate tbody tr.estimate-missing,.order-estimate tbody tr.estimate-missing:hover{background:#fff3e2}
.card.order-card{display:block;min-width:0}
.order-summary{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:14px;color:var(--muted)}
.order-summary strong{font-size:16px;color:var(--ink)}
.order-card>.card-actions{margin-top:14px}
.order-details-toggle{font-weight:650;color:var(--brand)}
.order-details-toggle[aria-expanded="true"]{background:var(--brand-soft);border-color:#cfabb5}
.order-items-detail{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.order-items-detail[hidden]{display:none}
.order-items-detail .chips{margin-top:0}
.order-items-detail .chip{font-size:14px;max-width:100%;overflow-wrap:anywhere}
.chip,.cart-variant{background:var(--brand-soft)!important;color:#6f1730}
.color-field{border-color:#cfc6bf!important;border-radius:11px!important}
.color-field legend{color:#4b4541!important}
.color-option span{border-color:#cfc6bf!important}
.color-option input:checked+span{background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(159,0,43,.11)!important}
.product-suggestion:hover,.product-suggestion.active,.customer-suggestion:hover{background:var(--brand-soft)!important}
.selected-product{color:var(--brand)!important}
.status-filter.active{background:var(--brand)!important;border-color:var(--brand)!important}
.status-badge.sent{background:var(--brand-soft)!important;color:var(--brand-dark)!important}
.status-badge.processing{background:#ece5e0!important;color:#644e43!important}
.status-toggle.sent{background:var(--brand)!important;border-color:var(--brand)!important}
.card.sent-order{border-left-color:var(--brand)!important}
.card.processing-order{border-left-color:var(--vizon)!important}
.priority-row{background:#fbf1f3!important}
.processing-row{background:#f7f1ed!important}
.warehouse-actions .primary{background:var(--brand)!important;border-color:var(--brand)!important}
.drag-handle{color:var(--brand)!important;border-color:#cdb8bd!important}
.queue-row.dragging{background:var(--brand-soft)!important;outline-color:var(--brand)!important}
.sync-status{background:#eee8e2!important;color:#5f5149!important}
.sync-status::before{color:var(--brand)}
.sync-status.syncing{background:#f6eadf!important;color:#7c4a22!important}
.sync-status.offline{background:#fbe6e7!important;color:#8f1f2d!important}
.login-screen{background:linear-gradient(145deg,#211f1e,#514740)!important}
.login-card{width:min(470px,100%)!important;border:1px solid rgba(255,255,255,.4);border-radius:18px!important}
.login-brand-logo{display:block;width:min(330px,100%);height:auto;margin:0 auto 22px;mix-blend-mode:multiply}
.login-card h2{font:600 30px/1.15 Georgia,"Times New Roman",serif!important;text-align:center}
.login-card>p{text-align:center}
#toast{background:#292625;border:1px solid #514740;box-shadow:0 14px 35px rgba(0,0,0,.2)}
@media(max-width:850px){
  header{align-items:flex-start}
  .brand-block{gap:16px}
  .brand-copy{padding-left:16px}
  .brand-logo{width:230px}
}
@media(max-width:720px){
  header{padding:16px 18px;gap:12px}
  .brand-block{align-items:flex-start;flex-direction:column;gap:7px}
  .brand-logo{width:190px}
  .brand-copy{padding:0;border:0}
  .brand-copy h1{font-size:23px}
  .header-actions{gap:6px!important}
  .header-actions button{font-size:13px}
  main{padding-top:22px}
  h2{font-size:26px}
  .product-bulk-tools button{flex:1}
  .product-bulk-tools span{width:100%;order:-1}
  .product-select{width:100%;justify-content:flex-start}
}
@media print{
  body{background:#fff}
  .table-wrap,.stats div{border-color:#bbb;box-shadow:none}
}