/* Zaryo 1.0.0 — responsive shell + analytics */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.main,.card,.stat,.table-wrap,.form-grid>*{min-width:0}
.sidebar-backdrop{display:none;border:0;padding:0;margin:0;background:rgba(5,10,18,.58);backdrop-filter:blur(2px);position:fixed;inset:0;z-index:45}
body.menu-open .sidebar-backdrop{display:block}
body.menu-open{overflow:hidden}

/* Appearance selector */
.appearance-settings-card{border-color:rgba(169,120,18,.28);overflow:hidden}
.appearance-settings-card .card-head small{display:block;color:var(--muted);margin-top:5px;line-height:1.8}
.theme-settings-form{display:grid;gap:14px}.theme-choice-grid-large{margin:0}
.theme-choice-preview{grid-template-columns:20px 96px 1fr!important;align-items:center!important;min-height:92px}
.theme-preview-art{position:relative;display:block;width:96px;height:58px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#f2eee6}
.theme-preview-art:before{content:"";position:absolute;right:0;top:0;bottom:0;width:25px;background:#15233e}
.theme-preview-art i,.theme-preview-art b,.theme-preview-art em{position:absolute;display:block;left:8px;right:33px;height:7px;border-radius:3px;background:#fff;box-shadow:0 12px #fff,0 24px #fff}
.theme-preview-art i{top:8px}.theme-preview-art b{top:11px;left:12px;right:auto;width:20px;height:20px;box-shadow:none;background:#d8b65c}.theme-preview-art em{bottom:7px;top:auto;height:8px;box-shadow:none;background:#d8b65c}
.luxury-preview .theme-preview-art{background:#0d1521;border-color:#283545}.luxury-preview .theme-preview-art:before{background:#111b30}.luxury-preview .theme-preview-art i{background:#1b2736;box-shadow:0 12px #1b2736,0 24px #1b2736}.luxury-preview .theme-preview-art em{background:#c99b32}
.theme-settings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-settings-actions small{color:var(--muted)}

/* Analytics */
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;margin-bottom:20px}
.analytics-card{overflow:hidden}.analytics-card .card-head{margin-bottom:8px}.analytics-card .card-head small{display:block;color:var(--muted);margin-top:4px;line-height:1.7}
.analytics-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;background:rgba(169,120,18,.10);color:var(--gold);font-size:11px;white-space:nowrap}
.mini-line-chart{width:100%;min-height:230px;padding:6px 0 0}.mini-line-chart svg{display:block;width:100%;height:190px;overflow:visible}
.chart-axis{stroke:var(--line);stroke-width:1}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5;opacity:.7}.chart-line{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-point{fill:var(--panel);stroke:var(--gold2);stroke-width:3;vector-effect:non-scaling-stroke}
.chart-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;color:var(--muted);font-size:10px;text-align:center;direction:rtl}.chart-labels span{white-space:nowrap}.chart-empty{padding:35px;text-align:center;color:var(--muted)}
.horizontal-bars{display:grid;gap:17px;padding:12px 0}.bar-row{display:grid;gap:7px}.bar-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.bar-meta strong{color:var(--gold)}.bar-track{height:9px;border-radius:999px;background:rgba(120,115,106,.13);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold2));min-width:3px}.analytics-footnote{border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:11px}.analytics-footnote strong{color:var(--text)}
.customer-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-directory-layout{align-items:start}.top-customer-list{display:grid}.top-customer-list>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 4px;border-bottom:1px solid var(--line);color:var(--text)}.top-customer-list>a:last-child{border-bottom:0}.top-customer-list span{display:grid;gap:3px}.top-customer-list small{color:var(--muted);font-size:10px}.top-customer-list b{color:var(--gold);font-size:14px;white-space:nowrap}.customer-detail-analytics{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr)}.summary-metrics{display:grid;gap:10px}.summary-metrics>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(169,120,18,.035);display:grid;gap:4px}.summary-metrics span,.summary-metrics small{color:var(--muted);font-size:11px}.summary-metrics strong{font-size:20px}

/* Compact luxury menu */
body.panel-theme-luxury .luxury-nav-icon{width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid rgba(216,182,92,.14);border-radius:7px;color:#d8b65c;font-size:12px;flex:0 0 22px}
body.panel-theme-luxury .luxury-nav-link{display:flex;align-items:center;gap:8px}
body.panel-theme-luxury .luxury-nav-main{display:grid;gap:4px}
body.panel-theme-luxury .luxury-nav-group summary{padding-block:9px}
body.panel-theme-luxury .luxury-nav-submenu{max-height:42vh;overflow:auto}

@media(max-width:1180px){
  .analytics-grid,.customer-detail-analytics{grid-template-columns:1fr}
  .customer-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2.wide-left{grid-template-columns:1fr}
}

@media(max-width:900px){
  .app-shell,.platform-shell{grid-template-columns:1fr!important}
  .main,.platform-main{width:100%;min-width:0;padding:14px!important}
  .sidebar,.platform-sidebar{position:fixed!important;right:-290px!important;top:0;bottom:0;width:min(280px,86vw)!important;height:100dvh!important;z-index:50!important;transition:right .22s ease;box-shadow:-18px 0 50px rgba(0,0,0,.24)}
  .sidebar.open,.platform-sidebar.open{right:0!important}
  .mobile-menu{display:inline-grid!important;place-items:center}
  .topbar{position:relative;flex-wrap:wrap;gap:10px}
  .topbar-copy{min-width:0;flex:1}.topbar h1{font-size:20px}.topbar p{font-size:11px;white-space:normal}
  .topbar-actions{margin-right:0;margin-inline-start:auto}
  .price-live{display:none!important}
  .stats-grid,.stats-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-2,.grid-2.wide-left,.pos-layout,.domain-empty-state,.domain-summary-grid,.domain-records-grid,.payment-method-grid,.gold-calculator-hero{grid-template-columns:1fr!important}
  .pos-summary{position:static!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid.one{grid-template-columns:1fr}.form-grid .full{grid-column:1/-1}
  .card{padding:16px}.card-head{gap:10px;flex-wrap:wrap}.card-head>*{min-width:0}
  .inline-search{max-width:none;width:100%}.inline-search input,.inline-search select{min-width:0}
  .date-filter,.filter-bar{flex-wrap:wrap}
  .theme-choice-grid{grid-template-columns:1fr!important}
  .storefront-main{width:min(100% - 24px,1440px)!important}
}

@media(max-width:640px){
  .main,.platform-main{padding:10px!important}
  .topbar{padding:8px 4px 10px!important;margin-bottom:10px}.topbar h1{font-size:17px}.topbar p{display:none}.theme-toggle{width:36px;height:36px}.mobile-menu{width:36px!important;height:36px!important}
  .card{padding:13px;border-radius:14px;margin-bottom:12px}.card-head{align-items:flex-start!important;flex-direction:column!important;margin-bottom:12px}.card-head .btn,.card-head form{max-width:100%}
  .stats-grid,.stats-grid.six,.customer-stats-grid{grid-template-columns:1fr 1fr!important;gap:8px}.stat{padding:12px!important;min-height:86px}.stat strong{font-size:17px!important;overflow-wrap:anywhere}.stat small{font-size:9.5px}
  .form-grid,.payment-fields-grid,.gold-calculator-form,.gold-wage-fields{grid-template-columns:1fr!important}.form-grid .full{grid-column:auto}.form-grid label,.form-grid input,.form-grid select,.form-grid textarea{min-width:0;max-width:100%}
  .quick-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.quick-actions .btn{width:100%;min-width:0;padding-inline:8px}
  .inline-form{display:grid!important;grid-template-columns:1fr!important;width:100%}.inline-form>*{min-width:0!important;width:100%}
  .inline-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.inline-search input{width:100%}
  .pos-row,.prod-row,.output-row,.payment-row,.manual-rate-row{grid-template-columns:1fr!important}.pos-row>*{grid-column:auto!important;grid-row:auto!important;width:100%}.pos-row .icon-btn{width:40px!important;justify-self:end}
  .modal{width:calc(100% - 20px)!important;max-height:90dvh;overflow:auto;padding:15px!important}.detail-list>div{display:grid;gap:5px}.detail-list span{font-size:11px}
  .analytics-grid{gap:10px;margin-bottom:12px}.mini-line-chart{min-height:190px}.mini-line-chart svg{height:150px}.chart-labels{font-size:8.5px}.analytics-badge{font-size:10px}
  .theme-choice-preview{grid-template-columns:20px 72px 1fr!important;padding:9px!important}.theme-preview-art{width:72px;height:48px}.theme-settings-actions{align-items:stretch;flex-direction:column}.theme-settings-actions .btn{width:100%}
  .top-customer-list>a{align-items:flex-start;flex-direction:column;gap:5px}.top-customer-list b{white-space:normal}

  /* Card-style tables: no horizontal viewport overflow on phones. */
  .table-wrap.has-responsive-table{overflow:visible!important}
  table.responsive-table{display:block!important;min-width:0!important;width:100%!important;border-collapse:separate!important}
  table.responsive-table thead{display:none!important}
  table.responsive-table tbody{display:grid!important;gap:10px!important;width:100%}
  table.responsive-table tr{display:block!important;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:7px 11px;box-shadow:0 5px 18px rgba(30,26,16,.035)}
  table.responsive-table td{display:grid!important;grid-template-columns:minmax(88px,.45fr) minmax(0,1fr);align-items:start;gap:10px;white-space:normal!important;width:100%!important;padding:8px 0!important;border-bottom:1px dashed var(--line)!important;text-align:right;overflow-wrap:anywhere}
  table.responsive-table td:last-child{border-bottom:0!important}
  table.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:600}
  table.responsive-table td[colspan]{display:block!important;text-align:center!important;border-bottom:0!important}
  table.responsive-table td[colspan]:before{display:none!important}
  table.responsive-table td form{max-width:100%}
  table.responsive-table td .btn{max-width:100%}

  .catalog-grid{grid-template-columns:1fr!important}.catalog-hero{border-radius:20px!important;padding:22px!important}.catalog-hero h1{font-size:25px!important}.storefront-header{height:auto!important;padding-block:9px}.storefront-header nav{gap:10px!important;overflow:auto;width:100%;padding-bottom:3px}.storefront-header nav a{white-space:nowrap}
}

@media(max-width:390px){
  .stats-grid,.stats-grid.six,.customer-stats-grid{grid-template-columns:1fr!important}
  .quick-actions{grid-template-columns:1fr}
  .inline-search{grid-template-columns:1fr!important}.inline-search .btn{width:100%}
  .theme-choice-preview{grid-template-columns:20px 1fr!important}.theme-preview-art{display:none}
  .chart-labels span:nth-child(even){opacity:.55}
}

.field-help{display:block;margin-top:6px;color:var(--muted,#777);font-size:11px;line-height:1.8}