/* Shared visual layer for Dashboard child pages. Keep page behavior local. */
:root{
  --tadro-bg:#FBF8F2;
  --tadro-surface:#FFFFFF;
  --tadro-ink:#18334D;
  --tadro-muted:#8493A1;
  --tadro-border:rgba(24,51,77,.09);
  --tadro-peach:#FCE4DC;
  --tadro-lavender:#EFEAFB;
  --tadro-mint:#E8F7EF;
  --tadro-sky:#E8F5FC;
  --tadro-green:#20A36A;
  --tadro-violet:#7555E8;
  --tadro-coral:#F7646C;
  --tadro-blue:#2F90D5;
  --tadro-logo-lockup-width:104px;
  --tadro-card-radius:24px;
  --tadro-card-shadow:0 12px 30px rgba(24,51,77,.07);
  --tadro-primary-gradient:linear-gradient(90deg,#673cc1 0%,#a84e90 52%,#e76e54 100%);
  --cta-primary:var(--tadro-primary-gradient);
  --cta-primary-active:var(--tadro-primary-gradient);
}

html,body{background:var(--tadro-bg);color:var(--tadro-ink)}
body{
  background:
    radial-gradient(circle at 92% 2%,rgba(252,228,220,.86),transparent 27%),
    radial-gradient(circle at 3% 29%,rgba(239,234,251,.68),transparent 30%),
    radial-gradient(circle at 96% 78%,rgba(232,247,239,.68),transparent 27%),
    var(--tadro-bg);
  background-attachment:fixed;
  font-family:"Peyda",Tahoma,sans-serif;
  font-synthesis:none;
}

/* Keep the orders-page background identical before and after data loads. */
body.orders-page{
  min-height:100dvh;
  background:transparent;
  isolation:isolate;
}
body.orders-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 92% 2%,rgba(252,228,220,.86),transparent 27%),
    radial-gradient(circle at 3% 29%,rgba(239,234,251,.68),transparent 30%),
    radial-gradient(circle at 96% 78%,rgba(232,247,239,.68),transparent 27%),
    var(--tadro-bg);
}

.header,.page{position:relative}
.header .logo,.top .logo,.brand-logo{
  display:block!important;
  width:var(--tadro-logo-lockup-width)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  mix-blend-mode:normal!important;
}

.workspace-return,.workspace-home-action{
  border:1px solid var(--tadro-border)!important;
  background:rgba(255,255,255,.9)!important;
  color:var(--tadro-ink)!important;
  box-shadow:0 7px 18px rgba(24,51,77,.05);
}

/* Catalog */
.header .hero,.checkout-panel,.registration-panel,.order-summary,.summary-card{
  border-color:rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:var(--tadro-card-shadow)!important;
}
.header .hero{border-radius:var(--tadro-card-radius)!important}
.section-head h2{color:var(--tadro-ink)!important}
.select-btn,.order-primary-cta,.new-order,.action-primary,.editor-save{
  border:0!important;
  background:var(--tadro-primary-gradient)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(168,78,144,.20)!important;
}
.tadro-bottom-nav{
  --bottom-nav-surface:var(--tadro-bg);
  --bottom-nav-selected:var(--tadro-violet);
  --bottom-nav-selected-tint:rgba(117,85,232,.08);
  --bottom-nav-muted:var(--tadro-muted);
  background:rgba(251,248,242,.97)!important;
}

/* My Orders */
.page>.top{margin-bottom:14px}
.page>.hero,.list .card,.empty{
  border:1px solid rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:var(--tadro-card-shadow)!important;
}
.list .card{
  border-right:4px solid var(--status-accent)!important;
}
.page>.hero{border-radius:var(--tadro-card-radius)!important}
.page>.hero h1,.doc,.meta-value,.empty strong{color:var(--tadro-ink)!important}
.meta-box{background:rgba(251,248,242,.82)!important}

/* Order detail */
.invoice{
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:var(--tadro-card-radius)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--tadro-card-shadow)!important;
}
.head,.parties{border-color:var(--tadro-border)!important}
.party,.note,.note-time{background:rgba(251,248,242,.88)!important}
.total{background:var(--tadro-ink)!important}
.editor{border-color:rgba(32,163,106,.17)!important;background:rgba(232,247,239,.62)!important}
.confirm-sheet{background:var(--tadro-bg)!important}

@media(max-width:480px){
  .header .logo,.top .logo,.brand-logo{width:var(--tadro-logo-lockup-width)!important}
}

/* Supplier Orders UI tokens */
:root{
  --tadro-action-link:#6A648C;
  --tadro-action-select:#66AA98;
  --tadro-border-raised-color:rgba(255,255,255,.84);
  --tadro-border-width:1px;
  --tadro-border-default:var(--tadro-border-width) solid var(--tadro-border);
  --tadro-border-raised:var(--tadro-border-width) solid var(--tadro-border-raised-color);
  --tadro-border-status-width:4px;
  --tadro-font-family:"Peyda",Tahoma,sans-serif;
  --tadro-font-size-10:10px;
  --tadro-font-size-11:11px;
  --tadro-font-size-12:12px;
  --tadro-font-size-13:13px;
  --tadro-font-size-14:14px;
  --tadro-font-size-15:15px;
  --tadro-font-size-16:16px;
  --tadro-font-size-18:18px;
  --tadro-font-size-23:23px;
  --tadro-font-synthesis:none;
  --tadro-font-weight-700:700;
  --tadro-font-weight-800:800;
  --tadro-line-height-body:1.7;
  --tadro-line-height-compact:1.2;
  --tadro-line-height-heading:1.5;
  --tadro-line-height-product:1.55;
  --tadro-line-height-tight:1;
  --tadro-radius-12:12px;
  --tadro-radius-13:13px;
  --tadro-radius-14:14px;
  --tadro-radius-16:16px;
  --tadro-radius-18:18px;
  --tadro-radius-20:20px;
  --tadro-radius-999:999px;
  --tadro-shadow-action:0 10px 24px rgba(168,78,144,.20);
  --tadro-shadow-control:0 7px 18px rgba(24,51,77,.05);
  --tadro-shadow-none:none;
  --tadro-shadow-product:0 8px 26px rgba(32,50,71,.07);
  --tadro-shadow-state-rest:0 2px 8px rgba(32,50,71,.035);
  --tadro-shadow-state-selected:0 4px 14px rgba(32,50,71,.09);
  --tadro-space-0:0px;
  --tadro-space-10:10px;
  --tadro-space-11:11px;
  --tadro-space-12:12px;
  --tadro-space-13:13px;
  --tadro-space-14:14px;
  --tadro-space-16:16px;
  --tadro-space-18:18px;
  --tadro-space-2:2px;
  --tadro-space-20:20px;
  --tadro-space-22:22px;
  --tadro-space-24:24px;
  --tadro-space-3:3px;
  --tadro-space-30:30px;
  --tadro-space-34:34px;
  --tadro-space-4:4px;
  --tadro-space-5:5px;
  --tadro-space-50:50px;
  --tadro-space-6:6px;
  --tadro-space-7:7px;
  --tadro-space-8:8px;
  --tadro-space-9:9px;
  --tadro-state-disabled-opacity:.55;
  --tadro-state-disabled-shadow:var(--tadro-shadow-none);
  --tadro-state-error-text:#a64e3b;
  --tadro-state-focus-border:#7CB7A6;
  --tadro-state-focus-shadow:0 0 0 3px rgba(124,183,166,.13);
  --tadro-state-pressed-shift:translateY(1px);
  --tadro-state-selected-color:var(--tadro-violet);
  --tadro-state-selected-filter:saturate(1.08);
  --tadro-state-selected-surface:rgba(117,85,232,.08);
  --tadro-status-active-accent:#9DC4E0;
  --tadro-status-active-badge:#EDF4FB;
  --tadro-status-active-border:#D5E6F4;
  --tadro-status-active-surface:#EDF4FB;
  --tadro-status-active-text:#3977A9;
  --tadro-status-cancelled-accent:#E7A59A;
  --tadro-status-cancelled-badge:#FFF0EE;
  --tadro-status-cancelled-border:#F1D1CC;
  --tadro-status-cancelled-surface:#FFF0EE;
  --tadro-status-cancelled-text:#A34336;
  --tadro-status-completed-accent:#9FD0A9;
  --tadro-status-completed-badge:#E9F6EB;
  --tadro-status-completed-border:#CFE8D4;
  --tadro-status-completed-surface:#E9F6EB;
  --tadro-status-completed-text:#377B48;
  --tadro-status-pending-accent:#E8CF78;
  --tadro-status-pending-badge:#FFF3CF;
  --tadro-status-pending-border:#F3E6B5;
  --tadro-status-pending-surface:#FFF9E8;
  --tadro-status-pending-text:#8A6500;
  --tadro-surface-control:rgba(255,255,255,.9);
  --tadro-surface-inset:rgba(251,248,242,.82);
  --tadro-surface-product:rgba(255,255,255,.94);
  --tadro-surface-raised:rgba(255,255,255,.93);
  --tadro-surface-summary:#faf8f4;
  --tadro-text-on-action:#fff;
  --tadro-text-secondary-orders:#7c8791;
  --tadro-text-strong-catalog:#203247;
  --tadro-text-summary:#66747e;
}