/* Shared display tokens; existing layout dimensions and business controls stay intact. */
:root{--tz-primary:var(--tz-blue,#103566);--tz-primary-hover:var(--tz-blue-dark,#0B274D);--tz-primary-soft:#eaf0f8;--tz-hover:#f3f6fb;--tz-input:#fff;--tz-focus:var(--tz-orange,#FC6211)}
.tz-preferences{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tz-language-form{margin:0;display:flex;align-items:center;gap:4px}
.tz-language-form select{width:100px;min-height:36px;padding:5px 7px;font-size:12px;border:1px solid var(--tz-border);border-radius:8px;background:var(--tz-surface);color:var(--tz-text)}
.tz-theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--tz-border);border-radius:50%;background:var(--tz-surface);color:var(--tz-text);cursor:pointer}
.tz-theme-toggle:hover{border-color:var(--tz-orange);color:var(--tz-orange)}
.tz-theme-toggle:focus-visible{outline:2px solid var(--tz-orange);outline-offset:3px}
.tz-theme-toggle .tz-icon{display:block;flex:none;width:22px;height:22px;pointer-events:none}
.tz-theme-toggle .tz-theme-moon{display:none}
[data-theme=dark] .tz-theme-toggle .tz-theme-sun{display:none}
[data-theme=dark] .tz-theme-toggle .tz-theme-moon{display:block}
.tz-theme-toggle{color:#0f2747}
[data-theme=dark] .tz-theme-toggle{color:#f8fafc}
.tz-theme-toggle:hover,.tz-theme-toggle:focus-visible{color:#f97316}
@media(max-width:767px){.tz-theme-toggle .tz-icon{width:20px;height:20px}}
.tz-auth .auth-page{position:relative;padding-top:72px;padding-bottom:24px}
.tz-auth-tools{position:absolute;top:16px;right:24px}
.tz-brandmark{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}
.tz-brand-name, body .tz-brand-name { color: #c2410c; text-transform: none; letter-spacing: inherit; font: inherit; }
.tz-brandmark img{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}
.tz-brandmark .tz-brand-dark,.tz-brandmark .tz-brand-compact{display:none}
.tz-sidebar-brand .tz-brandmark{width:158px;height:50px}
.tz-sidebar-brand .tz-brandmark img{width:100%;height:100%}
.tz-topbar-inner>.tz-preferences{margin-left:0}
.tz-auth .auth-brand{height:38px}
.tz-auth .field input:focus{box-shadow:0 0 0 2px rgb(252 98 17 / 14%)}
.tz-auth .field input[aria-invalid=true]:focus{box-shadow:0 0 0 2px rgb(180 35 24 / 14%)}
@media(min-width:768px){
  .is-sidebar-collapsed .tz-sidebar-brand .tz-brandmark{width:40px;height:40px}
  .is-sidebar-collapsed .tz-sidebar-brand .tz-brandmark .tz-brand-light,.is-sidebar-collapsed .tz-sidebar-brand .tz-brandmark .tz-brand-dark{display:none}
  .is-sidebar-collapsed .tz-sidebar-brand .tz-brandmark .tz-brand-compact{display:block;width:40px;height:40px;border-radius:8px}
}
@media(max-width:1100px){.navin{gap:12px}.tz-topbar-inner{gap:10px}.tz-topbar-location{display:none}}
@media(max-width:767px){.tz-auth-tools{right:12px;top:12px}.tz-auth .auth-page{padding:64px 12px 20px}.tz-topbar .tz-site-link{display:none}.tz-topbar .tz-preferences{margin-left:auto}.tz-topbar .tz-language-form select{width:90px}.tz-sidebar-brand .tz-brandmark{width:150px}}
@media(max-width:480px){
  .public-nav .tz-brandmark{width:40px;height:40px}
  .public-nav .tz-brandmark .tz-brand-light,.public-nav .tz-brandmark .tz-brand-dark{display:none}
  .public-nav .tz-brandmark .tz-brand-compact{display:block;width:40px;height:40px;border-radius:8px}
  .public-nav .wrap{padding:0 12px}.navin{gap:8px}.tz-nav-toggle{padding:7px 10px}.tz-language-form select{width:90px}
}
.tz-brandmark picture{display:block;width:100%;height:100%}.tz-brandmark picture img{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}
[data-theme=dark]{color-scheme:dark;--tz-bg:#0b1628;--tz-surface:#142238;--tz-border:rgb(255 255 255 / 8%);--tz-text:#f8fafc;--tz-muted:#94a3b8;--tz-primary:#dbeafe;--tz-primary-hover:#eff6ff;--tz-primary-soft:rgb(255 255 255 / 7%);--tz-hover:rgb(255 255 255 / 7%);--tz-input:#0f1d32;--tz-sidebar:#0b1628;--tz-sidebar-hover:rgb(255 255 255 / 7%);--tz-sidebar-text:#f8fafc;--tz-shadow:0 2px 8px rgb(0 0 0 / 18%);--ink:var(--tz-text);--muted:var(--tz-muted);--paper:var(--tz-bg);--line:var(--tz-border)}
[data-theme=dark] body{background:var(--tz-bg);color:var(--tz-text)}
[data-theme=dark] :is(.tz-topbar,.tz-sidebar-brand,.tz-panel-footer,.tz-nav-links,.tz-toolbar,.table-wrap,table,.tz-dropdown,.tz-modal,.tz-empty,.tz-skip-link),[data-theme=dark] .tz-admin-ui .tz-table-filter{background:var(--tz-surface);color:var(--tz-text);border-color:var(--tz-border)}
[data-theme=dark] :is(th,td,.tz-sidebar-footer,.tz-profile-trigger,.tz-account-email){border-color:var(--tz-border)}
[data-theme=dark] th{background:var(--tz-input);color:var(--tz-muted)}
[data-theme=dark] tbody tr:hover{background:var(--tz-hover)}
[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:var(--tz-input);color:var(--tz-text);border-color:var(--tz-border)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b8}
[data-theme=dark] :is(.tz-alert,.tz-avatar,.tz-empty-icon,.tz-status){background:var(--tz-primary-soft);color:var(--tz-text);border-color:var(--tz-border)}
[data-theme=dark] .tz-nav-link.is-active{background:var(--tz-sidebar-hover);border-left-color:var(--tz-orange);color:var(--tz-text)}
[data-theme=dark].tz-fixed-light .tz-sidebar,[data-theme=dark].tz-fixed-light .tz-sidebar-brand{background:var(--tz-sidebar);color:var(--tz-sidebar-text);border-color:var(--tz-border)}
[data-theme=dark].tz-fixed-light .tz-sidebar-heading{color:var(--tz-muted)}
[data-theme=dark].tz-fixed-light .tz-nav-link{color:var(--tz-sidebar-text)}
[data-theme=dark].tz-fixed-light .tz-nav-link .tz-icon{color:var(--tz-muted)}
[data-theme=dark].tz-fixed-light .tz-nav-link:hover{background:var(--tz-sidebar-hover);color:var(--tz-text)}
[data-theme=dark].tz-fixed-light .tz-nav-link.is-active{background:var(--tz-sidebar-hover);color:var(--tz-text);border-left-color:var(--tz-orange)}
[data-theme=dark].tz-fixed-light .tz-nav-link.is-active .tz-icon{color:var(--tz-text)}
[data-theme=dark].tz-fixed-light .tz-sidebar-footer{border-color:var(--tz-border);color:var(--tz-muted)}
[data-theme=dark] .tz-customer-stats .tz-stat{background:#142238;border-color:rgb(255 255 255 / 12%);border-top-color:rgb(255 255 255 / 12%);color:#f8fafc}
[data-theme=dark] .tz-customer-stats .tz-stat>span{color:#cbd5e1}
[data-theme=dark] .tz-customer-stats .tz-stat>strong{color:#fff}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card,
[data-theme=dark] .tz-admin-ui .tz-module>.card{color:#f8fafc}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits-total{background:#0f1d32;color:#f8fafc;border-color:rgb(255 255 255 / 12%)}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits-total dt{color:#cbd5e1}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits-total dd{color:#f8fafc}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits-count{background:#1b2b42;color:#cbd5e1;border-color:rgb(255 255 255 / 12%)}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits-count.has-pending{background:#3b3220;color:#f2c66d;border-color:#6d5930}
[data-theme=dark] .tz-admin-ui .tz-module>.card h1,
[data-theme=dark] .tz-admin-ui .tz-module>.card h2,
[data-theme=dark] .tz-admin-ui .tz-module>.card h3{color:#f8fafc}

/* Light cards keep navy text in dark mode for clear contrast. The attention and
   statistics components intentionally retain their existing theme treatment. */
[data-theme=dark] .tz-dashboard-page .tz-dashboard-status-card,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card,
[data-theme=dark] .tz-admin-ui .tz-module>.card{
  background:#fff;
  color:#0f2747;
}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-status-card span,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-status-card strong,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card :is(h1,h2,h3,h4,p,dt,dd),
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card :is(h1,h2,h3,h4,p,dt,dd),
[data-theme=dark] .tz-admin-ui .tz-module>.card :is(h1,h2,h3,h4,p,dt,dd,td,th,label){color:#0f2747}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card .muted,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card .muted,
[data-theme=dark] .tz-admin-ui .tz-module>.card .muted{color:#667085}

/* Keep the pending-deposits panel and its light inner summary readable. */
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits{
  background:#fff;
  color:#0f2747;
}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits :is(h2,strong,p,th,td){color:#0f2747}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits .tz-dashboard-deposits-total{
  background:#f7f8fa;
  color:#0f2747;
}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits .tz-dashboard-deposits-total dt{color:#667085}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits .tz-dashboard-deposits-total dd{color:#0f2747}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-deposits .tz-dashboard-deposits-count{
  background:#fff8e8;
  color:#855c16;
  border-color:#f1dfb5;
}

/* Dark mode keeps primary actions navy with white text, including My orders. */
[data-theme=dark] :is(.tz-orders-index-head,.tz-dashboard-empty) .tz-button,
[data-theme=dark] .tz-place-order-button,
[data-theme=dark] .tz-button-primary{
  background:#0f2747 !important;
  border-color:#0f2747 !important;
  color:#fff !important;
}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card a:not(.tz-button),
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card a:not(.tz-button),
[data-theme=dark] .tz-admin-ui .tz-module>.card a:not(.tz-button){
  color:#0f2747;
}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card a:not(.tz-button):hover,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card a:not(.tz-button):hover,
[data-theme=dark] .tz-admin-ui .tz-module>.card a:not(.tz-button):hover{
  color:#f97316;
}
[data-theme=dark] .tz-dashboard-page .tz-dashboard-analytics>.card .tz-button-secondary,
[data-theme=dark] .tz-dashboard-page .tz-dashboard-columns>.card .tz-button-secondary,
[data-theme=dark] .tz-admin-ui .tz-module>.card .tz-button-secondary{
  background:#fff;
  border-color:#0f2747;
  color:#0f2747;
}

/* Dark mode uses a light action surface with navy text for readable contrast. */
[data-theme=dark] :is(.tz-button,.button,button:not([class])):not(.tz-button-danger):not(.tz-theme-toggle){
  background:#fff !important;
  border-color:#0f2747 !important;
  color:#0f2747 !important;
}
[data-theme=dark] :is(.tz-button,.button,button:not([class])):not(.tz-button-danger):not(.tz-theme-toggle):hover{
  background:#0f2747 !important;
  border-color:#0f2747 !important;
  color:#fff !important;
}

/* Page headings follow the dark shell; card and dialog headings keep their own contrast. */
[data-theme=dark] .tz-panel-content :is(h1,h2,h3,h4,h5,h6):not(:where(.card *, .tz-card *, .cg-card *, .tz-stat *, .tz-stat-card *, .tz-legacy-panel *, .tz-legacy-metric *, .tz-customers-header-card *, .tz-modal *, .tz-empty *, [role=dialog] *)){
  color:#f8fafc;
}

/* Operational dashboard cards and tables follow the dark Need attention surface. */
[data-theme=dark] .tz-admin-ui .tz-dashboard-page :is(.card,.tz-dashboard-status-card),
[data-theme=dark] .tz-admin-ui .tz-module>.card{
  background:#142238 !important;
  color:#f8fafc !important;
  border-color:rgb(255 255 255 / 10%) !important;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page :is(.card,.tz-dashboard-status-card) :is(h1,h2,h3,h4,h5,h6,p,span,strong,dt,dd,th,td),
[data-theme=dark] .tz-admin-ui .tz-module>.card :is(h1,h2,h3,h4,h5,h6,p,span,strong,dt,dd,th,td,label){
  color:#f8fafc;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page :is(.card,.tz-dashboard-status-card) .muted,
[data-theme=dark] .tz-admin-ui .tz-module>.card .muted,
[data-theme=dark] .tz-admin-ui .tz-module>.card td small{
  color:#cbd5e1;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page :is(.table-wrap,table),
[data-theme=dark] .tz-admin-ui .tz-module>.card :is(.table-wrap,table){
  background:#142238 !important;
  color:#f8fafc;
  border-color:rgb(255 255 255 / 10%);
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page :is(th,td),
[data-theme=dark] .tz-admin-ui .tz-module>.card :is(th,td){
  border-color:rgb(255 255 255 / 10%);
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page th,
[data-theme=dark] .tz-admin-ui .tz-module>.card th{
  background:#0f1d32 !important;
  color:#cbd5e1 !important;
}

/* Keep dashboard alert and deposit panels on the same readable dark surface. */
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-attention,
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-deposits{
  background:#142238 !important;
  color:#f8fafc !important;
  border-color:rgb(255 255 255 / 10%) !important;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-attention :is(h2,span,strong),
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-deposits :is(h2,strong,p,th,td){
  color:#f8fafc !important;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-attention-item{
  background:#1b2b42 !important;
  color:#f8fafc !important;
  border-color:rgb(255 255 255 / 12%) !important;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-attention-item.has-alert{
  background:#3b2628 !important;
  color:#fecaca !important;
  border-color:#7f4448 !important;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-deposits-total{
  background:#0f1d32 !important;
  color:#f8fafc !important;
}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-deposits-total dt{color:#cbd5e1 !important}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-deposits-total dd{color:#f8fafc !important}
[data-theme=dark] .tz-admin-ui .tz-dashboard-page .tz-dashboard-deposits-count{
  background:#1b2b42 !important;
  color:#cbd5e1 !important;
  border-color:rgb(255 255 255 / 12%) !important;
}