/* Kolang Shop 3.2.0 — unified admin design system and mobile-first refinements */
:root{
  --bg:#f6f7fb;
  --panel:#fff;
  --panel-soft:#f9fafb;
  --soft:#f4f6f9;
  --text:#111827;
  --muted:#667085;
  --border:#e5e7eb;
  --border-strong:#d1d5db;
  --primary:#4f46e5;
  --primary-dark:#4338ca;
  --primary-soft:#eef2ff;
  --danger:#dc2626;
  --danger-soft:#fef2f2;
  --success:#15803d;
  --success-soft:#f0fdf4;
  --warning:#b45309;
  --warning-soft:#fffbeb;
  --info:#0369a1;
  --info-soft:#f0f9ff;
  --purple:#7c3aed;
  --purple-soft:#f5f3ff;
  --sidebar:#111827;
  --sidebar-soft:#1f2937;
  --shadow:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.035);
  --shadow-hover:0 10px 28px rgba(15,23,42,.10);
  --radius-xs:7px;
  --radius-sm:9px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --control-height:42px;
  --control-height-mobile:46px;
  --content-gutter:24px;
  --focus-ring:0 0 0 4px rgba(79,70,229,.14);
}
html[data-theme="dark"]{
  --bg:#0f1117;
  --panel:#181d29;
  --panel-soft:#1e2432;
  --soft:#151b27;
  --text:#f3f4f6;
  --muted:#a3adbd;
  --border:#2b3242;
  --border-strong:#3a4355;
  --primary:#818cf8;
  --primary-dark:#a5b4fc;
  --primary-soft:#252b4a;
  --danger:#f87171;
  --danger-soft:#351e24;
  --success:#4ade80;
  --success-soft:#163124;
  --warning:#fbbf24;
  --warning-soft:#342914;
  --info:#38bdf8;
  --info-soft:#172d3b;
  --purple:#c4b5fd;
  --purple-soft:#28213c;
  --sidebar:#0b0f17;
  --sidebar-soft:#141a25;
  --shadow:0 1px 2px rgba(0,0,0,.22);
  --shadow-hover:0 12px 32px rgba(0,0,0,.28);
}

html{scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{
  background:var(--bg)!important;
  color:var(--text);
  font-size:14px;
  line-height:1.72;
  font-variant-numeric:tabular-nums;
  overflow-x:hidden;
}
::selection{background:rgba(79,70,229,.2)}
*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--border-strong);background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}
img{max-width:100%}
[hidden]{display:none!important}

.skip-link{
  position:fixed;z-index:500;top:8px;right:50%;padding:9px 14px;border-radius:10px;
  background:var(--primary);color:#fff;text-decoration:none;font-weight:800;
  transform:translate(50%,-160%);transition:transform .16s ease
}
.skip-link:focus{transform:translate(50%,0)}

/* Layout */
.sidebar{
  width:248px;padding:16px 12px;border-left:1px solid rgba(255,255,255,.06);
  background:var(--sidebar)!important;box-shadow:none!important
}
.sidebar-head{min-height:52px;margin-bottom:14px;padding:0 4px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{gap:10px;padding:2px 5px}
.brand-mark{width:40px;height:40px;border-radius:12px;background:#4f46e5!important;box-shadow:none!important}
.brand strong{font-size:16px}.brand small{font-size:10px;color:#98a2b3}
.sidebar-tools{margin:0 2px 12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.sidebar-tool-button{min-height:40px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#cbd5e1}
.sidebar-tool-button:hover{border-color:rgba(165,180,252,.35);background:rgba(129,140,248,.12);color:#fff}
.sidebar-nav{gap:4px;padding:2px 2px 8px!important}
.sidebar-nav a,.logout-button{min-height:42px;padding:9px 11px;border-radius:10px;font-size:13px;font-weight:650}
.sidebar-nav a:hover,.logout-button:hover{background:rgba(255,255,255,.055)}
.sidebar-nav a.active{
  border-color:rgba(129,140,248,.24)!important;background:rgba(99,102,241,.17)!important;
  box-shadow:inset -3px 0 0 #818cf8!important;color:#fff
}
.sidebar-nav a.active .icon{color:#a5b4fc!important}
.sidebar-footer{padding-top:12px;border-top-color:rgba(255,255,255,.08)}
.sidebar-admin-card{margin-bottom:8px;border-radius:11px;background:rgba(255,255,255,.035)}
.sidebar-admin-card>span{background:#4f46e5!important}
.content{
  width:auto;max-width:none!important;margin-right:248px;padding:28px var(--content-gutter) 40px;
  min-width:0;transition:margin-right .2s ease,padding .2s ease!important
}
.content>*{width:min(100%,1600px);margin-inline:auto}
html[data-sidebar="collapsed"] .content{margin-right:76px!important}
@media(min-width:901px){
  html[data-sidebar="collapsed"] .sidebar{width:76px!important;padding-inline:8px!important}
  html[data-sidebar="collapsed"] .sidebar-head-actions{right:21px!important}
  html[data-sidebar="collapsed"] .sidebar-tools{grid-template-columns:1fr!important;gap:5px!important;margin-top:32px!important}
  html[data-sidebar="collapsed"] .sidebar-tool-button{width:100%!important;height:36px!important;min-width:0!important}
  html[data-sidebar="collapsed"] .sidebar-nav a{min-height:42px}
}

/* Typography and page headers */
h1{font-size:24px;line-height:1.45;letter-spacing:-.25px}h2{font-size:17px}h3{font-size:15px}
.page-header,header{margin-bottom:20px}
.page-heading{gap:12px;min-width:0}
.page-icon{width:44px;height:44px;border-radius:12px;border-color:#dfe3ff;background:var(--primary-soft)!important;box-shadow:none;color:var(--primary)}
.page-icon .icon{width:22px;height:22px}
.page-heading p,header p,.panel-heading p,.panel-toolbar p{font-size:12px;line-height:1.75}

/* Surfaces */
.card,.panel{
  border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;
  background:var(--panel)!important;box-shadow:var(--shadow)!important
}
.card{padding:18px}.panel{padding:20px;margin-bottom:16px}
.panel-heading,.panel-toolbar{gap:14px;margin-bottom:16px}
.panel-heading-icon{width:40px;height:40px;border-radius:11px;background:var(--panel-soft);color:var(--muted)}
.stat-card,.order-status-card,.user-filter-card,.control-summary-card{box-shadow:var(--shadow)!important}
.stat-card:hover,.order-status-card:hover,.user-filter-card:hover,.control-summary-card:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-hover)!important}
.order-status-card::after,.user-filter-card::after{opacity:.42}

/* Controls */
label{font-size:13px;font-weight:650;color:var(--text)}
input,textarea,select,.custom-select-trigger{
  min-height:var(--control-height);border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;
  background:var(--panel)!important;color:var(--text)!important;font-size:14px;padding:9px 11px;
  box-shadow:none!important
}
textarea{min-height:96px;line-height:1.8}
input::placeholder,textarea::placeholder{color:#98a2b3;opacity:1}
input:hover,textarea:hover,select:hover,.custom-select-trigger:hover{border-color:#aeb7c5!important}
input:focus,textarea:focus,select:focus,.custom-select-trigger:focus-visible{border-color:var(--primary)!important;box-shadow:var(--focus-ring)!important;outline:0}
input:disabled,textarea:disabled,select:disabled{background:var(--soft)!important;color:var(--muted)!important;cursor:not-allowed}
.field-invalid input,.field-invalid textarea,.field-invalid select{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(220,38,38,.10)!important}

button,.button-link{
  min-height:40px;border-radius:var(--radius-sm)!important;padding:9px 14px;font-size:13px;font-weight:750;
  box-shadow:none!important;transform:none!important
}
button:hover,.button-link:hover{filter:brightness(.985);transform:none!important}
.primary{background:var(--primary)!important;color:#fff!important}
.primary:hover{background:var(--primary-dark)!important}
.secondary{border:1px solid var(--border)!important;background:var(--panel-soft)!important;color:var(--text)!important}
.secondary:hover{border-color:var(--border-strong)!important;background:var(--soft)!important}
.danger-button{border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));background:var(--danger-soft)!important;color:var(--danger)!important}
.success-button{border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));background:var(--success-soft)!important;color:var(--success)!important}
.compact-button{min-height:34px;padding:7px 10px;font-size:12px}
button:focus-visible,.button-link:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(79,70,229,.24)!important;outline-offset:2px}
button:disabled{opacity:.58}

/* Checkbox / switch */
input[type="checkbox"]{width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;border-radius:5px!important}
.compact-check,.telegram-toggle-row,.switch-setting{min-height:48px}
.telegram-toggle-row{position:relative;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important}
.telegram-toggle-row>input[type="checkbox"]{appearance:none!important;width:42px!important;min-width:42px!important;height:24px!important;min-height:24px!important;border:1px solid var(--border-strong)!important;border-radius:999px!important;background:var(--border)!important;box-shadow:none!important}
.telegram-toggle-row>input[type="checkbox"]::after{width:18px!important;height:18px!important;border:0!important;border-radius:50%!important;background:#fff!important;opacity:1!important;transform:translateX(1px)!important;box-shadow:0 1px 3px rgba(15,23,42,.24);transition:transform .18s ease!important}
.telegram-toggle-row>input[type="checkbox"]:checked{border-color:var(--primary)!important;background:var(--primary)!important}
.telegram-toggle-row>input[type="checkbox"]:checked::after{transform:translateX(-17px)!important}

/* Status and feedback */
.badge{min-height:26px;padding:4px 9px;border:1px solid transparent;font-size:11px;font-weight:800}
.badge.success,.status-delivered,.status-approved,.status-active{border-color:#bbf7d0;background:var(--success-soft)!important;color:var(--success)!important}
.badge.danger,.status-rejected,.status-blocked{border-color:#fecaca;background:var(--danger-soft)!important;color:var(--danger)!important}
.status-receipt_submitted,.status-pending{border-color:#fde68a;background:var(--warning-soft)!important;color:var(--warning)!important}
.status-waiting_config{border-color:#ddd6fe;background:var(--purple-soft)!important;color:var(--purple)!important}
.alert,.inline-alert,.inline-notice{border-radius:var(--radius-md)!important}
.toast-region{left:18px;bottom:18px}
.toast{border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 16px 44px rgba(15,23,42,.18)}

/* Tables */
.table-wrap{border-color:var(--border)!important;border-radius:var(--radius-md)!important;background:var(--panel)!important}
table{background:var(--panel)!important}
th,td{padding:12px 11px;border-bottom-color:var(--border)!important}
th{height:44px;background:var(--panel-soft)!important;color:var(--muted);font-size:11px;text-transform:none}
td{height:50px;font-size:13px}
tbody tr{transition:background .12s ease}
tbody tr:hover,.clickable:hover{background:color-mix(in srgb,var(--primary) 3%,var(--panel))!important}
.table-preferences{border-radius:10px;background:var(--panel-soft)!important}
.row-actions-menu>summary{width:36px;height:36px;border-color:var(--border)!important;border-radius:9px;background:var(--panel)!important}
.row-actions-menu>div{min-width:196px;border-color:var(--border)!important;border-radius:12px;background:var(--panel)!important;box-shadow:0 18px 48px rgba(15,23,42,.18)!important}
.pagination-bar{padding-top:14px}.page-button{height:36px;min-width:36px;border-color:var(--border)!important;background:var(--panel)!important}.page-button.active{background:var(--primary)!important}

/* Forms and filters */
.grid-form{gap:14px}.settings-field,.plan-field{border-color:var(--border)!important;background:var(--panel-soft)!important}
.settings-field:focus-within,.plan-field:focus-within{border-color:#a5b4fc!important;box-shadow:var(--focus-ring)!important}
.search-field{min-width:260px}.search-icon{color:var(--muted)}
.filter-bar,.search-form{gap:8px}
.order-filter-shell{border-radius:14px!important;box-shadow:var(--shadow)!important}
.order-filter-summary{min-height:58px}
.advanced-filter-bar.order-filter-form{background:var(--panel-soft)!important}
.order-filter-actions{gap:8px}
.file-picker,.update-dropzone{border-radius:14px!important;background:var(--panel-soft)!important}
.file-picker:hover,.update-dropzone:hover{border-color:#a5b4fc!important;background:var(--primary-soft)!important}

/* Modals, drawers and popovers */
.confirm-modal-backdrop,.quick-view-backdrop,.command-backdrop{background:rgba(15,23,42,.58)!important;backdrop-filter:blur(4px)!important}
.confirm-modal-card,.shortcut-dialog-card,.command-dialog,.quick-view-panel{
  border:1px solid var(--border)!important;border-radius:18px!important;background:var(--panel)!important;color:var(--text)!important
}
.command-popover,.notification-popover,.theme-popover{border-color:var(--border)!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:0 22px 64px rgba(15,23,42,.2)!important}

/* Dashboard */
.control-summary-grid{gap:12px}
.control-summary-card{min-height:112px;border-radius:14px!important;background:var(--panel)!important}
.control-summary-card>span{border-radius:12px}
.dashboard-main-grid{gap:16px}
.dashboard-panel{border-top:1px solid var(--border)!important}
.sales-summary>div,.action-center-item,.recent-activity-item,.onboarding-list a{border-radius:12px!important;background:var(--panel-soft)!important}
.sales-chart{border-radius:12px;background:linear-gradient(to top,var(--panel-soft),transparent)}

/* Mobile helpers inserted by admin-design.js */
.mobile-filter-trigger,.mobile-filter-sheet-head,.mobile-filter-backdrop,.mobile-action-backdrop{display:none}
.mobile-card-primary{font-weight:800;color:var(--text)}
.mobile-sticky-actions-spacer{display:none}

/* Dark mode corrections */
html[data-theme="dark"] body{background:var(--bg)!important}
html[data-theme="dark"] :is(.card,.panel,.table-wrap,table,input,textarea,select,.custom-select-trigger,.custom-select-menu,.row-actions-menu>summary,.row-actions-menu>div,.confirm-modal-card,.command-popover,.notification-popover,.theme-popover){background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="dark"] :is(th,.settings-field,.plan-field,.table-preferences,.sales-summary>div,.action-center-item,.recent-activity-item,.onboarding-list a){background:var(--panel-soft)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7f8a9b}
html[data-theme="dark"] .mobile-bottom-nav{background:rgba(15,17,23,.96)!important}

@media(max-width:1180px){
  :root{--content-gutter:20px}
  .panel{padding:18px}
}

@media(max-width:900px){
  body{padding-top:62px;padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .content{margin-right:0!important;padding:16px 14px 28px!important}
  .mobile-topbar{
    display:flex!important;position:fixed;z-index:44;top:0;right:0;left:0;height:62px;margin:0!important;padding:8px 12px;
    align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);
    background:rgba(255,255,255,.94);box-shadow:0 2px 12px rgba(15,23,42,.05);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
  }
  html[data-theme="dark"] .mobile-topbar{background:rgba(15,17,23,.94)}
  .mobile-menu-button{display:grid!important;position:relative!important;top:auto!important;right:auto!important;width:44px;height:44px;border-radius:11px;box-shadow:none!important}
  .mobile-brand{min-width:0}.mobile-brand img{width:34px;height:34px;border-radius:10px}.mobile-brand strong{font-size:13px}.mobile-brand small{font-size:9px}
  .mobile-top-action{width:42px;height:42px;border-radius:11px}
  .sidebar{width:min(320px,88vw)!important;padding:14px 12px;box-shadow:-20px 0 60px rgba(15,23,42,.25)!important}
  .sidebar-overlay{background:rgba(15,23,42,.54)!important}
  .mobile-bottom-nav{
    display:flex!important;align-items:stretch;justify-content:space-around;gap:2px;min-height:calc(66px + env(safe-area-inset-bottom));
    padding:6px 6px env(safe-area-inset-bottom);border-top-color:var(--border)!important;background:rgba(255,255,255,.96)!important
  }
  .mobile-bottom-nav>:is(a,button){flex:1 1 0;min-width:0;min-height:54px;padding:4px 2px;border:0;border-radius:11px!important;background:transparent;color:#7b8798;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:800}
  .mobile-bottom-nav :is(a,button).active{position:relative;background:var(--primary-soft)!important;color:var(--primary)!important}
  .mobile-bottom-nav :is(a,button).active::before{content:"";position:absolute;top:-6px;width:24px;height:3px;border-radius:0 0 4px 4px;background:var(--primary)!important}
  .page-header,.page-heading{margin-bottom:14px}.page-icon{width:40px;height:40px}.page-icon .icon{width:20px;height:20px}h1{font-size:20px}
  .panel{padding:16px}.card{padding:15px}
  .panel-heading,.panel-toolbar{align-items:flex-start}
  button,.button-link,input,textarea,select,.custom-select-trigger{min-height:var(--control-height-mobile)}
  .compact-button{min-height:40px}
  .cards{gap:10px}
  .toast-region{right:12px;left:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.toast{width:100%;max-width:none}
}

@media(max-width:760px){
  :root{--content-gutter:12px}
  .content{padding-inline:12px!important}
  .content>*{width:100%}
  .panel{padding:14px;border-radius:14px!important;margin-bottom:12px}.card{border-radius:14px!important}
  .page-heading p{font-size:11px}.page-heading{align-items:flex-start}
  .panel-heading h2,.panel-toolbar h2{font-size:15px}

  /* Cards replace horizontal data tables on phones. */
  .table-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  .table-wrap tbody{gap:10px!important}
  .table-wrap tbody tr{padding:10px 13px!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:var(--shadow)!important}
  .table-wrap tbody td{min-height:42px!important;grid-template-columns:minmax(88px,.36fr) minmax(0,.64fr)!important;gap:10px!important;padding:8px 0!important}
  .table-wrap tbody td::before{font-size:10.5px!important;color:var(--muted)!important}
  .table-wrap tbody td.mobile-card-primary{padding-top:10px!important;font-size:14px}
  .table-wrap tbody td:last-child{padding-bottom:5px!important}
  .table-wrap tbody td:first-child:has(input[type="checkbox"]){position:absolute;top:10px;left:12px;width:40px;min-height:40px!important;display:grid!important;place-items:center;border:0!important;z-index:3}
  .table-wrap tbody td:first-child:has(input[type="checkbox"])::before{display:none}
  .table-wrap tbody tr:has(td:first-child input[type="checkbox"]){padding-left:56px!important}
  .row-actions-menu{margin:0}
  .row-actions-menu[open]>div{
    position:fixed!important;z-index:150!important;right:0!important;bottom:0!important;left:0!important;top:auto!important;width:100%!important;min-width:0!important;
    max-height:min(70vh,560px);overflow:auto;padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0!important;
    box-shadow:0 -22px 60px rgba(15,23,42,.28)!important;animation:ks-sheet-in .18s ease-out
  }
  .row-actions-menu[open]>div::before{content:"عملیات";display:block;padding:0 2px 10px;border-bottom:1px solid var(--border);font-size:14px;font-weight:850;text-align:right}
  .row-actions-menu[open]>div :is(a,button){min-height:46px!important}

  /* Generic mobile filter sheet for complex list filters. */
  .mobile-filter-trigger{display:flex;width:100%;margin:0 0 10px;justify-content:space-between;border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--text)!important}
  .mobile-filter-trigger>span:first-child{display:flex;align-items:center;gap:8px}.mobile-filter-trigger svg{width:18px;height:18px}.mobile-filter-count{min-width:24px;height:24px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px}
  form.mobile-filter-sheet{
    position:fixed!important;z-index:170!important;right:0!important;bottom:0!important;left:0!important;top:auto!important;display:grid!important;width:100%!important;
    max-height:min(84dvh,720px);overflow:auto;margin:0!important;padding:0 14px calc(18px + env(safe-area-inset-bottom))!important;
    border:1px solid var(--border)!important;border-radius:20px 20px 0 0!important;background:var(--panel)!important;box-shadow:0 -24px 64px rgba(15,23,42,.28)!important;
    visibility:hidden;opacity:0;transform:translateY(104%);pointer-events:none;transition:transform .2s ease,opacity .2s ease,visibility .2s ease
  }
  form.mobile-filter-sheet.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
  .mobile-filter-sheet-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;margin:0 -14px 12px;padding:14px;border-bottom:1px solid var(--border);background:var(--panel)}
  .mobile-filter-sheet-head strong{font-size:15px}.mobile-filter-close{width:42px;height:42px;padding:0;border:1px solid var(--border)!important;background:var(--panel-soft)!important;color:var(--text)!important;font-size:22px}
  .mobile-filter-backdrop{position:fixed;z-index:169;inset:0;display:block;border:0;border-radius:0!important;background:rgba(15,23,42,.54);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
  .mobile-filter-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
  form.mobile-filter-sheet :is(.search-field,.custom-select,.filter-field){width:100%!important;min-width:0!important}
  form.mobile-filter-sheet :is(button,.button-link){width:100%}
  body.mobile-filter-open,body.mobile-action-open{overflow:hidden}
  .mobile-action-backdrop{position:fixed;z-index:149;inset:0;display:block;border:0;border-radius:0!important;background:rgba(15,23,42,.54);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}
  .mobile-action-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}

  /* Sticky primary actions for long mobile forms. */
  .plan-form-actions,.settings-save-bar{
    position:sticky!important;z-index:30;bottom:calc(70px + env(safe-area-inset-bottom))!important;margin:12px -4px 0!important;padding:10px!important;
    border:1px solid var(--border)!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
    box-shadow:0 10px 36px rgba(15,23,42,.16)!important;backdrop-filter:blur(14px)
  }
  .plan-form-actions .actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.plan-form-actions .actions>*{width:100%}
  .settings-save-bar button{min-height:48px}

  .order-status-grid,.wallet-status-grid,.user-filter-grid,.control-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .order-status-card,.user-filter-card,.control-summary-card{min-height:94px!important;padding:12px!important}
  .dashboard-main-grid{gap:12px}
  .sales-summary{grid-template-columns:1fr!important}.sales-summary>div{min-height:76px}
  .pagination-bar{gap:10px}.pagination-controls{gap:10px}.page-buttons{padding-bottom:6px}
  .confirm-modal{padding:10px}.confirm-modal-card{width:100%;padding:24px 18px 18px;border-radius:18px!important}.confirm-modal-actions{position:sticky;bottom:0}
}

@media(max-width:430px){
  .content{padding-inline:10px!important}
  .panel{padding:12px}.page-icon{display:none}h1{font-size:19px}
  .control-summary-card{grid-template-columns:38px minmax(0,1fr)!important}.control-summary-card strong{font-size:21px!important}
  .order-status-content strong,.user-filter-copy strong{font-size:20px!important}
  .mobile-bottom-nav>:is(a,button){font-size:8.5px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@keyframes ks-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}