/* Final readability, contrast and responsive guardrails. */
:root:not([data-theme="dark"]){--muted:#64616b;--line:#dfe1e9}
:root[data-theme="dark"]{--muted:#b8b8c2;--line:#32343e}
body{font-size:16px;line-height:1.75}
p{font-size:14px!important}
small{font-size:12px!important}
td{font-size:13px!important;line-height:1.65}
th{font-size:12px!important;line-height:1.5}
.button,button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:13px!important}
.button,button,.icon-button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select{min-height:44px}
.nav a,.nav a>b{font-size:13px!important}
.nav__label{font-size:11px!important}
.panel__header p,.page-heading p,.cell-sub,.pagination span,.filter-scope-note,.table-note{font-size:12px!important}
.badge,.channel-badge,.finance-group-pill,.status-pill{font-size:11px!important}
.metric-point__value,.metric-point>small{font-size:10px!important}
.metric-point__tooltip{font-size:12px!important}
.chart-period-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-3px 0 12px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.chart-period-tabs a{min-height:36px;padding:7px 13px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:800}
.chart-period-tabs a:hover{color:var(--primary);background:var(--surface)}
.chart-period-tabs a.is-active{color:#fff;background:var(--primary)}
.products-table,.advanced-customers-table{width:100%}
.products-table{min-width:1020px}
.product-parent-row td{padding-block:11px!important}
.product-variants-drawer summary{font-size:12px!important}
.product-variants-drawer summary small{font-size:11px!important}
.product-thumb,.site-logo,.avatar{isolation:isolate}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent)!important;outline-offset:3px}
@media(max-width:760px){
  .content{padding:20px 14px 48px}
  .panel{padding:15px}
  .page-heading{gap:12px;margin-bottom:17px}
  .page-heading .button{width:100%}
  .chart-period-tabs{display:grid;grid-template-columns:1fr 1fr}
  .chart-period-tabs a{text-align:center}
  .table-wrap{max-width:100%;overscroll-behavior-inline:contain}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}