:root {
  --taimas-navy: #102A56;
  --taimas-blue: #2563EB;
  --taimas-ink: #0E172A;
  --taimas-slate: #667085;
  --taimas-mist: #F7F9FC;
  --taimas-pale-blue: #DCE8FF;
  --taimas-success: #16845B;
  --taimas-warning: #B45309;
  --taimas-error: #C92A36;
  --bg: var(--taimas-mist);
  --card: #fff;
  --ink: var(--taimas-ink);
  --muted: var(--taimas-slate);
  --line: #dfe6ef;
  --blue: var(--taimas-blue);
  --nav: var(--taimas-navy);
  --green: var(--taimas-success);
  --orange: var(--taimas-warning);
  --red: var(--taimas-error);
}
html,body,button,input,select,textarea { font-family: Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body { background: var(--taimas-mist); color: var(--taimas-ink); }
.sidebar { background: var(--taimas-navy); }
.taimas-wordmark { color: inherit; font-weight: 800 !important; letter-spacing: .14em; line-height: 1; }
.auth-brand>.taimas-wordmark { min-width: 112px; color: var(--taimas-navy); font-size: 25px; }
.brand { padding: 5px 12px 27px; text-align: left; }
.brand span { margin: 0 !important; }
.brand .taimas-wordmark { color: #fff; font-size: 22px; }
.brand small { margin-top: 7px; color: #c7d5eb; font-size: 10px; letter-spacing: 0; }
/* Keep the home control visually part of the sidebar, not a native grey button.
   modes.css is optional on some owner screens, so the reset belongs here. */
.sidebar .brand-button,
.sidebar .brand-button:hover,
.sidebar .brand-button:active {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.sidebar .brand-button:focus-visible { outline: 2px solid #83baff; outline-offset: 2px; }
nav button { border-radius: 10px; }
nav button:hover,nav button.active { background: rgba(220,232,255,.15); color: #fff; }
.primary { border-color: var(--taimas-blue); background: var(--taimas-blue); }
.primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
.secondary { border-color: #cbd7e7; color: var(--taimas-navy); }
.panel,.metric,.buyer-product,.deal-card,.modal-card,.auth-card,.module-card,.flow-column,.access-requests article { border-radius: 16px !important; }
input,select,textarea,.search,.primary,.secondary { border-radius: 10px !important; }
.badge,.deal-steps span { border-radius: 10px; }
.live-heading,.workspace-hero,.kaspi-hero { background: var(--taimas-navy) !important; border-radius: 16px; }
.buyer-tabs button.active,.catalog-filter-row button.active { color: var(--taimas-blue); }
.buyer-product,.deal-card,.panel { box-shadow: 0 4px 16px rgba(14,23,42,.05); }
.safe { background: rgba(14,23,42,.22); border-color: rgba(220,232,255,.2); }
.safe i { background: var(--taimas-success); }
.toast { background: var(--taimas-ink); border-radius: 10px; }
.bundle-pick-button { border-color: var(--taimas-blue); color: var(--taimas-blue); }
.bundle-pick-button.active { background: var(--taimas-blue); }
.bundle-draft-bar { border-color: var(--taimas-blue); }
.bundle-label { color: var(--taimas-blue); }
*:focus-visible { outline: 3px solid rgba(37,99,235,.26); outline-offset: 2px; }
@media(max-width:950px){.brand .taimas-wordmark{font-size:14px;letter-spacing:.08em}.brand small{display:none}}
/* Owner business context switches the entire navigation, not partner permissions. */
.sidebar .business-area-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;flex-shrink:0;gap:0;margin:0 20px 22px;padding:4px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0b;isolation:isolate}
.business-area-switch[hidden]{display:none}
.sidebar .business-area-switch button{position:relative;z-index:1;min-width:0;min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#a8b9d0;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .18s}
.sidebar .business-area-switch button[aria-pressed="true"]{color:#102a56}
.business-switch-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:8px;background:#f2f6ff;box-shadow:0 2px 5px #0002;transition:transform .2s ease}
.business-area-switch[data-area="buyers"] .business-switch-thumb{transform:translateX(100%)}
.business-area-switch button:focus-visible{outline:2px solid #83baff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.business-switch-thumb{transition:none}}
#packaging-stock .packaging-stock-item{display:grid;gap:12px;border:1px solid #dce4ee;border-radius:14px;padding:18px;margin:12px 0;background:#fff}
#pricing-packaging-directory{padding:24px;background:#fff;border:1px solid #e0e7f0;border-radius:16px;margin-top:20px}
#pricing-packaging-directory .pricing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
#pricing-packaging-directory label{display:grid;gap:8px;font-size:13px;color:#4c5d76}
#pricing-packaging-directory input,#pricing-packaging-directory select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d8e1ed;border-radius:9px;padding:10px 12px;background:#fff;color:#182b45;font:inherit}
#pricing-packaging-directory input:focus,#pricing-packaging-directory select:focus{outline:2px solid #9fc6fa;outline-offset:1px}
#pricing-packaging-directory p{font-size:14px;line-height:1.6;color:#62728a}
#pricing-packaging-directory>button{margin-right:8px;margin-bottom:8px}
.packaging-order-policy{padding:18px;background:#f4f7fc;border-radius:12px;margin:20px 0}
.packaging-order-policy small{display:block;color:#63738b;margin-top:10px}
@media(max-width:650px){#pricing-packaging-directory .pricing-fields{grid-template-columns:1fr}}
.unified-product{max-width:1160px;margin:20px auto;gap:20px}
.unified-section{padding:24px;background:#fff;border:1px solid #e0e7f0;border-radius:16px;min-width:0}
.unified-section h2{font-size:20px;margin:0 0 15px}.unified-section p,.unified-section small{color:#65758c;line-height:1.6}
.unified-section>label{margin:14px 0}.unified-variants{display:grid;gap:12px}
.unified-variants>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:12px;background:#f6f8fc;border-radius:12px}
.editor-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:16px 0}
.editor-photo-grid figure{margin:0}.editor-photo-grid img{width:100%;height:130px;object-fit:contain;background:#f5f7fa;border-radius:10px}.editor-photo-grid figcaption{font-size:11px;color:#62728b;margin-top:6px}
.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}
.unified-product .classification-tools{flex-wrap:wrap}.unified-product summary{cursor:pointer;font-weight:700}
@media(max-width:650px){.unified-section{padding:16px}.unified-variants>div{grid-template-columns:1fr}.unified-product .form-grid{grid-template-columns:1fr}}
.intake-color{margin:20px 0}.intake-color h2{display:flex;align-items:center;justify-content:space-between;gap:12px}
.intake-defaults{padding:16px;background:#f5f8fc;border-radius:12px;margin:20px 0}.intake-defaults h3{margin-top:0;font-size:15px}
.intake-size-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.intake-size-chips button{min-width:44px;padding:9px 13px;background:#fff;border:1px solid #d5dfec;border-radius:9px;color:#38516f;font:inherit;font-weight:700;cursor:pointer}
.intake-size-chips button.selected{background:#e7f0ff;color:#125cc3;border-color:#4c91ec}
.intake-custom-size{display:flex;gap:8px;max-width:350px;margin-bottom:20px}.intake-custom-size button{white-space:nowrap}
.intake-size-row{display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));gap:12px;padding:14px 0;border-bottom:1px solid #e5ebf2;align-items:end}
.intake-size-row strong{align-self:center}.intake-photo-hint{font-size:12px}
@media(max-width:800px){.intake-size-row{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-size-row strong{grid-column:1/-1}}
.intake-kaspi-size{grid-column:2/-1;background:#fff7e7;padding:12px;border-radius:10px}.intake-kaspi-size small{font-weight:400}
.intake-attribute-multi{border:1px solid #dce4ef;border-radius:10px;max-height:190px;overflow:auto;padding:12px;min-width:0}
.intake-attribute-multi legend{font-size:13px;font-weight:700}.intake-attribute-multi label{display:flex;align-items:center;gap:8px;margin:6px 0;font-weight:400}
.intake-attribute-multi input[type="checkbox"]{width:17px;height:17px;min-height:0;flex:0 0 17px}