/* V2.9.46 stages 2-5: one pattern for lists, forms, dashboards and the buyer side.
   Token driven (works in every theme, light and dark), logical properties (RTL), no hover movement, phone and compact aware.
   Loaded after mk-foundations.css; workspace rules are scoped to html[data-admin="1"], buyer rules to html[data-admin="0"]. */

/* ===== Stage 2 - list pages ===== */
html[data-admin="1"] main .table-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:0;overflow:hidden}
html[data-admin="1"] main .table-card>.table-tools,html[data-admin="1"] main .table-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0;padding:var(--sp-3);border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
html[data-admin="1"] main .table-tools input[type=search],html[data-admin="1"] main .table-tools input[type=text]{flex:1 1 220px;min-width:180px;min-height:38px;border-radius:10px}
html[data-admin="1"] main .table-tools select{min-height:38px;border-radius:10px;min-width:130px}
html[data-admin="1"] main table{width:100%;border-collapse:separate;border-spacing:0}
html[data-admin="1"] main table thead th{position:sticky;top:0;z-index:1;background:var(--surface-2,var(--surface));color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:10px 12px;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}
html[data-admin="1"] main table tbody td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}
html[data-admin="1"] main table tbody tr:last-child td{border-bottom:0}
html[data-admin="1"] main table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 5%,transparent)}
html[data-admin="1"] main table tbody tr:has(input[type=checkbox]:checked) td{background:color-mix(in srgb,var(--primary) 9%,transparent)}
html[data-admin="1"] main table td:last-child .btn,html[data-admin="1"] main table td .inline-form{margin-block:2px}
html[data-admin="1"] main table th:has(input[type=checkbox]),html[data-admin="1"] main table td:has(>input[type=checkbox]:only-child){width:40px;text-align:center}
html[data-admin="1"] main .table-pagination{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:flex-end;align-items:center;padding:var(--sp-3);border-top:1px solid var(--border)}
html[data-admin="1"] main .table-pagination :is(button,a){min-width:34px;height:34px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-weight:600;cursor:pointer}
html[data-admin="1"] main .table-pagination :is(button,a)[aria-current=page],html[data-admin="1"] main .table-pagination :is(button,a).active,html[data-admin="1"] main .table-pagination :is(button,a).on{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff)}
html[data-admin="1"] main .table-pagination :is(button,a):disabled{opacity:.45;cursor:default}
/* bulk bar: whatever sits directly above a table and holds "selected" actions */
html[data-admin="1"] main :is(.bulk-bar,.mk-bulk){display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) var(--sp-3);border-radius:10px;background:var(--surface-2,var(--surface));border:1px solid var(--border)}
/* phone: every row a card (labels come from mk-mobile-tables.js) */
@media(max-width:760px){
  html[data-admin="1"] main .table-card{border-radius:12px}
  html[data-admin="1"] main table.mk-cards tbody tr{display:block;margin:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:12px;background:var(--surface)}
  html[data-admin="1"] main table.mk-cards tbody td{display:flex;justify-content:space-between;gap:var(--sp-3);padding:6px 0;border:0;text-align:end}
  html[data-admin="1"] main table.mk-cards tbody td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-align:start;flex:0 0 38%}
  html[data-admin="1"] main table.mk-cards tbody td:hover{background:transparent}
  html[data-admin="1"] main .table-pagination{justify-content:center}
}

/* rows keep one calm surface in every theme: no inherited striping; hover and selection are the only tints */
html[data-admin="1"][data-theme][data-theme][data-theme] main table thead th{background:var(--surface-2,var(--surface))!important;color:var(--muted)!important}
html[data-admin="1"][data-theme][data-theme][data-theme] main table tbody tr,html[data-admin="1"][data-theme][data-theme][data-theme] main table tbody tr:nth-child(n){background:transparent!important}
html[data-admin="1"][data-theme][data-theme][data-theme] main table tbody tr td{background:transparent!important}
html[data-admin="1"][data-theme][data-theme][data-theme] main table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 6%,transparent)!important}
html[data-admin="1"][data-theme][data-theme][data-theme] main table tbody tr:has(input[type=checkbox]:checked) td{background:color-mix(in srgb,var(--primary) 10%,transparent)!important}

/* ===== Stage 3 - forms ===== */
html[data-admin="1"] main .form-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:var(--sp-4)}
html[data-admin="1"] main .form-card :is(h2,h3,legend):first-child{margin-top:0;font-size:1.05rem;font-weight:700}
html[data-admin="1"] main .form-card+.form-card{margin-top:var(--sp-4)}
html[data-admin="1"] main .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3) var(--sp-4)}
html[data-admin="1"] main .form-grid>label,html[data-admin="1"] main .form-grid>.field{display:flex;flex-direction:column;gap:4px;min-width:0}
html[data-admin="1"] main :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent);outline:0}
html[data-admin="1"] main :is(input,select,textarea)[aria-invalid=true],html[data-admin="1"] main :is(input,select,textarea).input-validation-error{border-color:var(--st-err,#b42318)}
html[data-admin="1"] main .mk-field-error,html[data-admin="1"] main .field-validation-error{display:block;margin-top:2px;font-size:12px;color:var(--st-err,#b42318)}
/* tabs: chip row */
html[data-admin="1"] main .product-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0;margin:0 0 var(--sp-4);background:transparent;border:0}
html[data-admin="1"] main .product-tabs>*{padding:6px 14px;border-radius:999px;background:var(--surface-2,var(--surface));border:1px solid var(--border);color:var(--text);font-weight:600;font-size:13px;text-decoration:none}
html[data-admin="1"] main .product-tabs>:is(.active,.on,[aria-selected=true]){background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary);color:var(--primary)}
/* the save bar stays reachable */
html[data-admin="1"] main form .form-actions{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-end;align-items:center;margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 12px 12px}
@media(max-width:640px){html[data-admin="1"] main .form-grid{grid-template-columns:1fr}html[data-admin="1"] main form .form-actions>.btn{flex:1 1 auto}}

/* ===== Stage 4 - dashboards ===== */
html[data-admin="1"] main :is(.dash-kpi,.kpi-grid>div,.kpi-grid>a){border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:var(--sp-3) var(--sp-4);box-shadow:none}
html[data-admin="1"] main .dash-kpi b,html[data-admin="1"] main .kpi-grid b{font-size:1.5rem;line-height:1.15;font-variant-numeric:tabular-nums}
html[data-admin="1"] main .dash-kpi small,html[data-admin="1"] main .kpi-grid span{color:var(--muted);font-size:12.5px}
html[data-admin="1"] main .dash-kpi .up,html[data-admin="1"] main .kpi-trend.up{color:var(--st-ok,#067647)}
html[data-admin="1"] main .dash-kpi .down,html[data-admin="1"] main .kpi-trend.down{color:var(--st-err,#b42318)}
html[data-admin="1"] main .dash-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:var(--sp-4)}
html[data-admin="1"] main .dash-card-head h2{font-size:1rem;font-weight:700}
html[data-admin="1"] main .dash-todo a{border-radius:10px;background:transparent}
html[data-admin="1"] main .dash-todo .n{border-radius:999px;min-width:30px;height:30px;padding:0 8px;background:color-mix(in srgb,var(--st-warn,#b54708) 16%,transparent);color:var(--st-warn,#b54708)}
html[data-admin="1"] main .dash-todo a:hover{border-color:var(--primary)}
@media(max-width:760px){html[data-admin="1"] main .dash-cols{grid-template-columns:1fr}html[data-admin="1"] main .dash-kpi.wide{grid-column:auto}}

/* ===== Stage 5 - buyer side ===== */
html[data-admin="0"] main .product-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:none}
html[data-admin="0"] main .product-card .product-image{aspect-ratio:4/3;display:grid;place-items:center;background:var(--surface-2,var(--surface));overflow:hidden;border-radius:0}
html[data-admin="0"] main .product-card .product-image img{width:100%;height:100%;object-fit:contain}
html[data-admin="0"] main .product-card .product-body{display:flex;flex-direction:column;gap:4px;padding:var(--sp-3)}
html[data-admin="0"] main .product-card .product-body h3{margin:0;font-size:.98rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-admin="0"] main .product-card .vendor{margin:0;color:var(--muted);font-size:12.5px}
html[data-admin="0"] main .product-card .price-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-2)}
html[data-admin="0"] main .product-card .oos-chip{position:absolute;inset-block-start:8px;inset-inline-start:8px;inset-inline-end:auto;width:auto;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--st-err,#b42318) 14%,var(--surface));color:var(--st-err,#b42318);font-size:12px;font-weight:700}
html[data-admin="0"] main .product-card .product-image{position:relative}
/* product page: media stays in view while the buy box scrolls; stock / returns as chips */
@media(min-width:900px){html[data-admin="0"] main .product-media-column{position:sticky;top:84px;align-self:start}}
html[data-admin="0"] main :is(.stock,.oos-badge){display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:color-mix(in srgb,var(--st-ok,#067647) 14%,transparent);color:var(--st-ok,#067647)}
html[data-admin="0"] main .oos-badge{background:color-mix(in srgb,var(--st-err,#b42318) 14%,transparent);color:var(--st-err,#b42318)}
/* checkout: same cards and field rhythm as the forms above */
html[data-admin="0"] main :is(.checkout-card,.summary-card,.summary){border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:var(--sp-4)}
html[data-admin="0"] main :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent);outline:0}
html[data-admin="0"] main .mk-field-error{display:block;margin-top:2px;font-size:12px;color:var(--st-err,#b42318)}

/* compact density keeps the same structure, tighter */
html[data-density=compact] main table tbody td{padding-block:8px}
html[data-density=compact] main .form-card{padding:var(--sp-3)}

/* ===== stage 2 extras: status chips, count chip, selection bar, pager ===== */
html[data-admin="1"] main .mk-fchips{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) 0}
html[data-admin="1"] main .mk-fchip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2,var(--surface));color:var(--text);font-size:13px;font-weight:600;cursor:pointer}
html[data-admin="1"] main .mk-fchip small{color:var(--muted);font-weight:600}
html[data-admin="1"] main .mk-fchip.on{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary);color:var(--primary)}
html[data-admin="1"] main .mk-fchip.on small{color:inherit}
.mk-count-chip{display:inline-grid;place-items:center;min-width:26px;height:22px;margin-inline-start:10px;padding:0 8px;border-radius:999px;background:var(--surface-2,rgba(0,0,0,.06));color:var(--muted);font-size:.72rem;font-weight:700;line-height:1;vertical-align:middle;font-variant-numeric:tabular-nums}
html[data-admin="1"] main .mk-selbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}
html[data-admin="1"] main .mk-selbar[hidden]{display:none}
html[data-admin="1"] main .table-pagination{justify-content:space-between}
html[data-admin="1"] main .table-pagination .page-info{color:var(--muted);font-size:13px}
html[data-admin="1"] main .table-pagination .page-ctl{display:inline-flex;gap:var(--sp-1);align-items:center}
html[data-admin="1"] main .table-pagination .page-nums{display:inline-flex;gap:var(--sp-1);align-items:center}
html[data-admin="1"] main .table-pagination .page-gap{color:var(--muted);padding:0 2px}

/* ===== stage 3 extra: unsaved tag in the save bar ===== */
.mk-unsaved{margin-inline-end:auto;color:var(--st-warn,#b54708);font-size:13px;font-weight:600}
.mk-unsaved[hidden]{display:none}

/* ===== stage 4 extras: period chips, trend, bar chart ===== */
.mk-period{display:flex;gap:var(--sp-2);justify-content:flex-end;flex-wrap:wrap}
.mk-pchip{padding:4px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2,var(--surface));color:var(--text)!important;font-size:13px;font-weight:600;text-decoration:none!important}
.mk-pchip.on{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary);color:var(--primary-ink)!important}
.mk-trend{font-style:normal;font-weight:700;font-size:12.5px;margin-inline-start:6px;white-space:nowrap}
.mk-trend.up{color:var(--st-ok,#067647)}.mk-trend.down{color:var(--st-err,#b42318)}
.mk-chartcard{margin-top:var(--sp-3)}
.mk-dbars{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:var(--sp-2)}
.mk-dbar{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px}
.mk-dbar i{display:block;min-height:3px;border-radius:6px 6px 2px 2px;background:var(--primary)}
.mk-dbar small{text-align:center;color:var(--muted);font-size:10.5px;line-height:1}
@media(max-width:640px){.mk-dbars{gap:3px;height:140px}.mk-dbar small:nth-child(n){font-size:9px}}

/* ===== stage 5 extras: delivery box, low stock, buy now ===== */
.mk-deliverbox{display:flex;flex-direction:column;gap:4px;margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.mk-deliverbox b{font-size:.98rem}
.mk-deliverbox .mk-dl-line{color:var(--muted);font-size:13px}
.mk-deliverbox a{align-self:flex-start;font-size:13px}
.mk-lowstock{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--st-warn,#b54708) 14%,transparent);color:color-mix(in srgb,var(--st-warn,#b54708) 75%,var(--text,#0f172a));font-size:12px;font-weight:700}
#buyNowBtn{margin-inline-start:var(--sp-2)}
.mk-freeship{display:inline-block;margin-top:6px;margin-inline-end:6px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--st-ok,#067647) 14%,transparent);color:var(--st-ok,#067647);font-size:12px;font-weight:700}
html[data-admin="0"] main .product-card .product-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}
.mk-png-row{display:flex;justify-content:flex-end;margin:0 0 var(--sp-2,8px)}

/* ===== V2.9.46 · phone forms: every label and field stays inside the card, and button rows stay horizontal (wrapping) ===== */
@media(max-width:700px){
  html[data-theme] main :is(.form-card,.admin-panel,.table-card,.plan-card,.card,.panel){box-sizing:border-box;max-width:100%;overflow-x:clip;padding-inline:clamp(12px,4vw,18px)}
  html[data-theme] main :is(.form-card,.admin-panel,.plan-card) :is(form,fieldset){min-width:0;max-width:100%;box-sizing:border-box}
  html[data-theme] main form :is(.form-grid,.plan-grid,.two-col,.three-col,.filters,.kyc-grid,.mk-addr-form,.onboarding-fields){grid-template-columns:minmax(0,1fr)!important}
  html[data-theme] main form .span-2,html[data-theme] main form [class*="span-"]{grid-column:1/-1!important}
  html[data-theme] main .form-card [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  html[data-theme] main form :is(.form-grid,.plan-grid)>*{min-width:0}
  html[data-theme] main form label{display:block;box-sizing:border-box;width:auto;max-width:100%;min-width:0;white-space:normal;overflow-wrap:break-word}
  html[data-theme] main form label:has(>input:is([type=checkbox],[type=radio])){display:flex;align-items:center;gap:10px}
  html[data-theme] main form label>span:first-child{display:block;margin-bottom:6px}
  html[data-theme] main form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0}
  html[data-theme] main form table{display:block;max-width:100%;overflow-x:auto}
  /* button rows: side by side, wrap when they run out of room (never one per line) */
  html[data-theme] main form :is(.form-actions,.actions,.row-actions,.btn-row,.button-row,.mk-actions,.toolbar-actions,.head-actions,.action-row){display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px;width:100%;box-sizing:border-box}
  html[data-theme] main form :is(.form-actions,.actions,.row-actions,.btn-row,.button-row,.mk-actions,.head-actions,.action-row)>:is(.btn,button,a.btn,input[type=submit]){flex:1 1 auto;width:auto;min-width:96px;max-width:100%;text-align:center;justify-content:center;margin:0}
  html[data-theme] main form>:is(.btn,button,a.btn,input[type=submit]){width:auto;min-width:96px;margin-inline-end:8px;margin-block:4px}
  html[data-theme] main form.inline-form,html[data-theme] main form.inline-form :is(.btn,button){display:inline-flex;width:auto}
}

/* ===== V2.9.46 · product form: section cards (approved Stage 3 mock-up) ===== */
.mk-fsec{grid-column:1/-1;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:16px 18px;margin:0 0 var(--sp-3,12px);min-width:0}
.mk-fsec>h3{margin:0 0 12px;font-size:1rem;font-weight:800}
.mk-fsec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px 16px;align-items:start}
.mk-fsec-grid>.span-2,.mk-fsec-grid>.mk-lang-bar,.mk-fsec-grid>.rich-editor-wrap,.mk-fsec-grid>.notice,.mk-fsec-grid>[id=catAttrs],.mk-fsec-grid>.product-type-pick{grid-column:1/-1}
.mk-fsec-grid>*{min-width:0}
.mk-fsec[data-sec="7"] .mk-fsec-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
html[data-theme] .product-tabs{gap:8px;margin:12px 0}
html[data-theme] .product-tabs .tab-btn{border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px}
html[data-theme] .product-tabs .tab-btn.active{background:color-mix(in srgb,var(--primary) 14%,var(--surface));border-color:var(--primary);color:var(--primary-ink)}
@media(max-width:700px){.mk-fsec{padding:14px 12px}}

/* ===== V2.9.46 · Users page ===== */
.mk-ufilter{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 var(--sp-3,12px)}
.mk-ufilter-form{margin:0}.mk-ufilter-role{display:grid;gap:4px;min-width:200px}.mk-ufilter-role>span{font-size:12px;font-weight:700;color:var(--muted)}
.mk-ustats{display:flex;flex-wrap:wrap;gap:8px}
.mk-uwho{display:flex;align-items:center;gap:10px}.mk-uwho small{display:block;font-size:11px}
.mk-uav{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary)}
.mk-utype{font-weight:700;margin-inline-end:6px}
.mk-urole{display:inline-block;padding:2px 10px;margin:2px 4px 2px 0;border-radius:999px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.mk-uacts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mk-uacts form{margin:0}
@media(max-width:700px){.mk-ufilter-role{min-width:0;width:100%}}

/* ===== V2.9.46-r12 · gallery arrows: chevron centred with absolute positioning (grid centring was defeated by other button rules) ===== */
html[data-theme] .gallery-nav{position:absolute;top:50%;width:42px;height:42px;display:block!important;padding:0!important;font-size:0!important;line-height:0!important;overflow:visible}
html[data-theme] .gallery-nav::before{content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:0 solid currentColor;border-left-width:2.5px;border-bottom-width:2.5px;box-sizing:border-box}
html[data-theme] .gallery-prev::before{transform:translateX(3px) rotate(45deg)}
html[data-theme] .gallery-next::before{transform:translateX(-3px) rotate(-135deg)}

/* ===== V2.9.46-r12 · dashboard: stats strip, orders chart, ranked breakdowns ===== */
.mk-dstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}
.mk-dstats>div{border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--surface);display:flex;flex-direction:column;gap:2px}
.mk-dstats small{color:var(--muted);font-weight:700;font-size:12px}.mk-dstats b{font-size:1.25rem}
.mk-brk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin-top:12px}
.mk-hbars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mk-hbars li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;gap:10px;align-items:center;font-size:13px}
.mk-hb-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-hb-t{height:8px;border-radius:6px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));overflow:hidden;display:block}
.mk-hb-t i{display:block;height:100%;background:var(--primary);border-radius:6px}

/* ===== V2.9.46-r12 · aligned forms: same control height, hints under the field, check boxes and buttons on the same baseline ===== */
html[data-theme] main .form-grid.mk-aligned{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:start;gap:14px 16px}
html[data-theme] main .form-grid.mk-aligned>label{display:flex;flex-direction:column;gap:6px;min-width:0}
html[data-theme] main .form-grid.mk-aligned>label>span:first-child{font-weight:700;font-size:13px}
html[data-theme] main .form-grid.mk-aligned :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]),select){height:44px;box-sizing:border-box;width:100%}
html[data-theme] main .form-grid.mk-aligned>label.check{flex-direction:row;align-items:center;min-height:44px;margin-top:22px}
html[data-theme] main .form-grid.mk-aligned>.form-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start}
html[data-theme] main .form-grid.mk-aligned small{font-weight:400}

/* ===== V2.9.46-r12 · status chips (Shipping and any table with data-mk-rowfilter) ===== */
html[data-theme] main [data-mk-rowfilter]{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0}
html[data-theme] main [data-mk-rowfilter] .mk-fchip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;font-size:13px;cursor:pointer}
html[data-theme] main [data-mk-rowfilter] .mk-fchip b{font-size:12px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-ink)}
html[data-theme] main [data-mk-rowfilter] .mk-fchip.on{background:color-mix(in srgb,var(--primary) 14%,var(--surface));border-color:var(--primary);color:var(--primary-ink)}
.mk-schip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}
.mk-schip::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.mk-schip.ok{background:#dcfae6;color:#067647}.mk-schip.info{background:#e0f2fe;color:#075985}.mk-schip.wait{background:#fef0c7;color:#b54708}.mk-schip.bad{background:#fee4e2;color:#b42318}
html[data-theme=midnight] .mk-schip.ok{background:#12372a;color:#6ee7b7}html[data-theme=midnight] .mk-schip.info{background:#10324a;color:#7dd3fc}html[data-theme=midnight] .mk-schip.wait{background:#463611;color:#fcd34d}html[data-theme=midnight] .mk-schip.bad{background:#4a1d1d;color:#fca5a5}

/* ===== V2.9.46-r12 · Compact / Expand view reaches the page BODY on every page (not only header and a few lists) =====
   Compact: tight cards, fields, tables, tiles. Expand: roomy. Both are driven by html[data-density]. */
html[data-density=compact][data-theme] main :is(.form-card,.admin-panel,.plan-card,.dash-card,.table-card,.mk-fsec,.card,.panel,.notice,.empty-state,[class^="hb-"]:is(.hb-tile,.hb-preview,.hb-titlerow)){padding:10px 12px;margin-bottom:10px;border-radius:10px}
html[data-density=compact][data-theme] main :is(form,.form-grid,.plan-grid,.mk-fsec-grid,.hb-item-form,.hb-title-fields,.hb-tiles){gap:8px 10px}
html[data-density=compact][data-theme] main :is(h1){font-size:1.35rem;margin-block:2px}
html[data-density=compact][data-theme] main :is(h2){font-size:1.05rem;margin-block:2px 8px}
html[data-density=compact][data-theme] main :is(h3){font-size:.95rem;margin-block:2px 6px}
html[data-density=compact][data-theme] main :is(.page-head,.sectionhead,.admin-heading){margin-bottom:8px;gap:12px}
html[data-density=compact][data-theme] main .page-head p{margin:2px 0 0;font-size:13px}
html[data-density=compact][data-theme] main label{gap:3px;font-size:13px}
html[data-density=compact][data-theme] main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select){min-height:32px;height:auto;padding:4px 10px;font-size:13px}
html[data-density=compact][data-theme] main .form-grid.mk-aligned :is(input:not([type=checkbox]):not([type=radio]),select){height:34px}
html[data-density=compact][data-theme] main textarea{padding:6px 10px;font-size:13px}
html[data-density=compact][data-theme] main .form-grid.mk-aligned>label.check{margin-top:18px;min-height:34px}
html[data-density=compact][data-theme] main :is(th,td){padding-block:6px}
html[data-density=compact][data-theme] main :is(.mk-dstats,.mk-brk-grid){gap:8px;margin-block:8px}
html[data-density=compact][data-theme] main .mk-dstats>div{padding:6px 10px}
html[data-density=compact][data-theme] main .mk-dbars{height:130px}
html[data-density=compact][data-theme] main .mk-hbars{gap:6px}
html[data-density=compact][data-theme] main .hb-tile{padding:6px}
html[data-density=compact][data-theme] main .rich-editor-content{min-height:90px}
html[data-density=compact][data-theme] main .status,html[data-density=compact][data-theme] main .chip{padding-block:1px}
/* expand: breathing room */
html:not([data-density=compact])[data-theme][data-admin="1"] main :is(.form-card,.admin-panel,.plan-card,.dash-card,.mk-fsec){padding:20px 22px}
html:not([data-density=compact])[data-theme][data-admin="1"] main :is(.form-grid,.mk-fsec-grid){gap:16px 18px}

/* preview-page image arrows: same centred chevron (direction follows reading direction) */
html[data-theme] .mk-pv-nav{display:block!important;padding:0!important;font-size:0!important;line-height:0!important;color:var(--text)}
html[data-theme] .mk-pv-nav::before{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border:0 solid currentColor;border-left-width:2.5px;border-bottom-width:2.5px;box-sizing:border-box}
html[data-theme] .mk-pv-prev::before{transform:translateX(2.5px) rotate(45deg)}
html[data-theme] .mk-pv-next::before{transform:translateX(-2.5px) rotate(-135deg)}
html[data-theme][dir=rtl] .mk-pv-prev::before{transform:translateX(-2.5px) rotate(-135deg)}
html[data-theme][dir=rtl] .mk-pv-next::before{transform:translateX(2.5px) rotate(45deg)}

/* ===== V2.9.46-r12 · ChangeApprovals: review cards (approved proposal r1) ===== */
.mk-cachips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.mk-cachip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;font-size:13px;text-decoration:none}
.mk-cachip b{font-size:12px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.mk-cachip.on{background:color-mix(in srgb,var(--primary) 14%,var(--surface));border-color:var(--primary);color:var(--primary-ink)!important}
.mk-casearch{margin-inline-start:auto;min-width:min(100%,260px)}.mk-casearch input{width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-cacards{display:grid;gap:14px}
.mk-cacard{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.mk-cacard[hidden]{display:none}
.mk-cahead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 14px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));border-bottom:1px solid var(--border)}
.mk-caav{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary-ink)}
.mk-cawho{display:grid;line-height:1.25}.mk-cawho small{font-size:12px}
.mk-cagrow{flex:1}.mk-catitle{font-size:14px}
.mk-catable{width:100%;border-collapse:collapse;table-layout:fixed}
.mk-catable th{font-size:11px;text-align:start;color:var(--muted);padding:7px 14px;background:color-mix(in srgb,var(--text) 3%,var(--surface))}
.mk-catable td{padding:8px 14px;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);overflow-wrap:break-word}
.mk-catable th:first-child,.mk-catable td:first-child{width:22%}
.mk-ca-old{color:#b42318;text-decoration:line-through;background:#fff5f4;border-radius:4px;padding:0 4px}
.mk-ca-new{color:#067647;background:#f0fdf4;font-weight:600;border-radius:4px;padding:0 4px}
html[data-theme=midnight] .mk-ca-old{background:#3a1d1d;color:#fca5a5}html[data-theme=midnight] .mk-ca-new{background:#12372a;color:#6ee7b7}
.mk-canote{margin:0;padding:8px 14px}
.mk-caact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px}
.mk-casame{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:12px;padding:0}
.mk-carej{position:relative}.mk-carej>summary{list-style:none;cursor:pointer}.mk-carej>summary::-webkit-details-marker{display:none}
.mk-carej form{position:absolute;inset-inline-end:0;bottom:calc(100% + 6px);z-index:5;display:flex;gap:6px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.15));width:min(86vw,360px)}
.mk-carej form input{flex:1;min-width:0}.mk-caappr{margin:0}
@media(max-width:700px){.mk-catable thead{display:none}.mk-catable,.mk-catable tbody,.mk-catable tr,.mk-catable td{display:block;width:100%}.mk-catable td:first-child{width:100%;padding-bottom:0}.mk-catable td+td{padding-top:2px}.mk-casearch{margin-inline-start:0;width:100%}.mk-carej form{inset-inline-end:auto;inset-inline-start:0}}
.mk-pv-bar{position:sticky;top:64px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 14px;margin:0 0 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.mk-pv-grow{flex:1}.mk-pv-bt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-pv-card .is-new{box-shadow:inset 3px 0 #12b76a}
@media(max-width:700px){.mk-pv-bar{top:56px}.mk-pv-bt{white-space:normal}}

/* ===== V2.9.46-r12 · Category fields: tree + field cards (approved proposal r3) ===== */
.mk-cat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.mk-cat-tree{position:sticky;top:76px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:10px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;gap:8px}
.mk-cat-s input{width:100%}
#catTree{overflow:auto;display:grid;gap:2px;align-content:start}
.mk-cat-node{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;padding-inline-start:calc(8px + var(--d,0)*14px);border-radius:8px;color:var(--text);text-decoration:none;font-size:13px}
.mk-cat-node[hidden]{display:none}.mk-cat-node:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}
.mk-cat-node.on{background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary);font-weight:800}
.mk-cat-node b{font-size:11px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}
.mk-cat-main{min-width:0}
.mk-cat-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.mk-cat-head h2{margin:0}.mk-cat-head form{display:inline}
.mk-fcards{display:grid;gap:10px}
.mk-fcard{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface)}
.mk-fcard.is-inh{border-style:dashed;background:color-mix(in srgb,var(--text) 3%,var(--surface))}.mk-fcard.is-off{opacity:.75}
.mk-fico{flex:none;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.mk-fbody{flex:1;min-width:0;display:grid;gap:3px}.mk-ftitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mk-facts{display:flex;gap:6px;flex:none}.mk-facts form{margin:0}
@media(max-width:860px){.mk-cat-layout{grid-template-columns:1fr}.mk-cat-tree{position:static;max-height:260px}.mk-fcard{flex-wrap:wrap}.mk-facts{width:100%}}

/* ===== V2.9.46-r13 · Compare ===== */
html[data-theme] .compare-page .compare-table-wrap{max-height:calc(100vh - 170px);overflow:auto}
html[data-theme] .compare-page .compare-table thead th{position:sticky;top:0;z-index:3;background:var(--surface)!important;box-shadow:0 1px 0 var(--border)}
html[data-theme] .compare-page .compare-table thead th.compare-label{inset-inline-start:0;z-index:4}
html[data-theme] .compare-page .compare-table tbody th.compare-label{position:sticky;inset-inline-start:0;z-index:2;background:var(--surface)!important}
.mk-cmp-diff{display:inline-flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.mk-cmp-note{font-size:12px}
html[data-theme] .compare-page td.mk-cmp-best{background:color-mix(in srgb,var(--st-ok,#12b76a) 14%,var(--surface))!important;font-weight:700}
.mk-cmp-tag{margin-inline-start:6px;vertical-align:middle}
html[data-theme] .compare-page tr[hidden]{display:none}
html[data-density=compact][data-theme] .compare-page :is(th,td){padding:8px 10px}
html[data-density=compact][data-theme] .compare-page .compare-product-image,html[data-density=compact][data-theme] .compare-page .compare-product-placeholder{width:96px;height:96px}
@media(max-width:700px){html[data-theme] .compare-page .compare-table{min-width:640px}.compare-toolbar{flex-wrap:wrap}}

/* ===== r13 · Returns timeline cards ===== */
.mk-rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:14px}
html[data-theme] .mk-rcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;gap:12px;align-content:start}
html[data-theme] .mk-rcard[hidden]{display:none}
.mk-rcard-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.mk-rcard-h a{margin-inline-start:10px}
.mk-rtl{list-style:none;margin:0;padding:0;display:flex;gap:0}
.mk-rtl li{flex:1;display:grid;justify-items:center;text-align:center;gap:2px;position:relative;font-size:12px;color:var(--muted,#667085)}
.mk-rtl li::before{content:"";position:absolute;top:7px;inset-inline:-50% 50%;height:2px;background:var(--border)}
.mk-rtl li:first-child::before{display:none}
.mk-rtl li i{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);background:var(--surface);z-index:1}
.mk-rtl li.done i{background:var(--st-ok,#12b76a);border-color:var(--st-ok,#12b76a)}.mk-rtl li.done::before{background:var(--st-ok,#12b76a)}
.mk-rtl li.bad i{background:var(--st-bad,#f04438);border-color:var(--st-bad,#f04438)}.mk-rtl li.bad::before{background:var(--st-bad,#f04438)}
.mk-rtl li.next i{border-color:var(--primary,#2563eb)}.mk-rtl li b{color:var(--text)}
html[dir=rtl] .mk-rtl li::before{inset-inline:-50% 50%}
.mk-rkv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}.mk-rkv dt{color:var(--muted,#667085)}.mk-rkv dd{margin:0}
.mk-rnext summary{cursor:pointer;display:inline-flex;list-style:none}.mk-rnext form{margin-top:10px;display:grid;gap:8px}
html[data-density=compact][data-theme] .mk-rcard{padding:10px;gap:8px}
@media(max-width:600px){.mk-rlist{grid-template-columns:1fr}}

/* ===== r13 · Groups & Staff ===== */
@media(min-width:1000px){.mk-staff-split{display:grid!important;grid-template-columns:1fr 1fr;align-items:start}}
html[data-theme] .staff-directory .mk-uwho{display:flex;align-items:center;gap:10px}
html[data-theme] .staff-directory small{display:block;color:var(--muted,#667085)}
html[data-density=compact][data-theme] .staff-directory td{padding-block:6px}
html[data-theme] .staff-stack .permission-grid{border-color:var(--border)}

/* ===== r13 · Activity log timeline ===== */
.mk-atl{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:0}
.mk-aitem{display:flex;gap:14px;position:relative;padding-bottom:14px}
.mk-aitem::before{content:"";position:absolute;inset-inline-start:6px;top:16px;bottom:0;width:2px;background:var(--border)}
.mk-adot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--primary,#2563eb);margin-top:4px;z-index:1}
html[data-theme] .mk-abody{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px}
.mk-ahead{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mk-adiff{margin-top:8px}.mk-adiff summary{cursor:pointer;font-weight:700;font-size:13px}
.mk-adiff table{width:100%;margin-top:6px;font-size:13px}.mk-adiff th,.mk-adiff td{padding:4px 8px;text-align:start;vertical-align:top;overflow-wrap:break-word}
.mk-adiff .mk-old{color:var(--st-bad,#b42318);text-decoration:line-through}.mk-adiff .mk-new{color:var(--st-ok,#067647);font-weight:700}
html[data-density=compact][data-theme] .mk-aitem{padding-bottom:8px}html[data-density=compact][data-theme] .mk-abody{padding:6px 10px}

/* ===== r13 · Settings + Storage ===== */
.mk-set{display:grid;gap:0}
html[data-theme] .mk-savebar{position:sticky;bottom:0;z-index:20;display:flex;gap:10px;align-items:center;padding:12px 16px;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.mk-fgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:14px}
html[data-theme] .mk-fitem{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:grid;align-content:start}
html[data-theme] .mk-fitem[hidden]{display:none}
.mk-fthumb{display:grid;place-items:center;aspect-ratio:4/3;background:color-mix(in srgb,var(--border) 40%,var(--surface))}
.mk-fthumb img{width:100%;height:100%;object-fit:cover}.mk-fico{font-weight:800;font-size:1.4rem;opacity:.7}
.mk-fmeta{display:grid;gap:3px;padding:10px 12px}.mk-fmeta>a{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-fact{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.mk-fact input{max-width:130px}
html[data-density=compact][data-theme] .mk-fgal{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}

/* ===== r13 · KYC ===== */
.mk-kprog{min-width:110px;display:grid;gap:2px}.mk-kprog small{color:var(--muted,#667085)}
html[data-theme] .mk-krej{display:inline-block;margin-top:6px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--st-bad,#f04438) 12%,var(--surface));color:var(--text)}
html[data-theme] .kyc-await-row{flex-wrap:wrap}
html[data-density=compact][data-theme] .kyc-await-row{padding-block:6px}
@media(max-width:700px){.mk-kprog{flex-basis:100%}}

/* ===== r13b ===== */
.mk-adiff-btn{all:unset;cursor:pointer;font-weight:700;font-size:13px;display:inline-flex;gap:6px;align-items:center;color:var(--primary,#2563eb)}
.mk-adiff-btn:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px}
.mk-adiff.open .mk-adiff-ar{display:inline-block;transform:rotate(90deg)}html[dir=rtl] .mk-adiff-ar{display:inline-block;transform:scaleX(-1)}html[dir=rtl] .mk-adiff.open .mk-adiff-ar{transform:scaleX(-1) rotate(90deg)}
.mk-adiff-tbl[hidden]{display:none}
.mk-wish-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}.mk-wish-label{cursor:pointer;font-weight:700}
.mk-staff-form{align-items:end}
html[data-theme] .mk-staff-form>label{display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
html[data-theme] .mk-staff-form :is(input:not([type=checkbox]),select){width:100%;min-height:42px;box-sizing:border-box}
html[data-theme] .mk-staff-form .span-2{grid-column:1/-1}
html[data-theme] .mk-staff-form .mk-ss,html[data-theme] .mk-staff-form .ss-wrap{width:100%}
.mk-chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mk-inputsuf{display:flex;align-items:center;gap:8px;max-width:260px}.mk-inputsuf input{flex:1;min-width:0}.mk-inputsuf span{color:var(--muted,#667085);font-size:13px}
.mk-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
html[data-theme] .mk-set .mk-fsec-grid>label>small{display:block;margin-top:4px;line-height:1.5}
html[data-theme] .mk-set .mk-fsec>h3{padding-bottom:8px;border-bottom:1px solid var(--border)}

/* ===== r13c · aligned forms: label / control / help share rows across a grid row ===== */
@supports (grid-template-rows:subgrid){
  html[data-theme] main .form-grid.mk-aligned{row-gap:0}
  html[data-theme] main .form-grid.mk-aligned>label:not(.check):not(.mk-switch){display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px;margin-bottom:14px;align-content:start}
  html[data-theme] main .form-grid.mk-aligned>label:not(.check):not(.mk-switch)>:is(input,select,textarea,.mk-pw,.mk-inputsuf){align-self:start}
}
.mk-upg{margin-inline-start:8px;vertical-align:middle;font-size:11px}
.mk-adiff-tbl{display:grid;gap:2px;margin-top:4px}.mk-adiff-tbl[hidden]{display:none}
.mk-aprev{font-size:13px;overflow-wrap:break-word;margin-top:2px}.mk-aprev .mk-old{color:var(--st-bad,#b42318);text-decoration:line-through}.mk-aprev .mk-new{color:var(--st-ok,#067647);font-weight:700}
.mk-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}

/* ===== r13d · Site settings (approved proposal m7) ===== */
.mk-set-lay{display:grid;grid-template-columns:190px minmax(0,1fr) 290px;gap:16px;align-items:start}
html[data-theme] .mk-set-nav{position:sticky;top:12px;display:grid;gap:4px}
html[data-theme] .mk-set-nav a{padding:9px 12px;border-radius:10px;font-weight:700;color:var(--text);text-decoration:none}
html[data-theme] .mk-set-nav a.on{background:color-mix(in srgb,var(--primary,#2563eb) 14%,var(--surface));color:var(--primary-ink)!important}
.mk-set-main{min-width:0}.mk-set-prev{position:sticky;top:12px}
.mk-setf{display:grid;gap:6px;margin-top:12px}.mk-setf>span{font-weight:700;font-size:13px}
html[data-theme] .mk-setf :is(input:not([type=checkbox]),textarea,select){width:100%;box-sizing:border-box}
html[data-theme] .mk-setf .mk-inputsuf input{width:auto}
.mk-setopt{padding:12px 0;border-top:1px solid var(--border);margin-top:4px}.mk-setopt>span{display:grid;gap:2px;flex:1;min-width:0}
.mk-setrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.mk-warnbox{display:flex;gap:8px;margin-top:12px;padding:9px 12px;border-radius:10px;font-size:13px;background:color-mix(in srgb,#f79009 14%,var(--surface));border:1px solid color-mix(in srgb,#f79009 45%,var(--border));color:var(--text)}
.mk-rec{display:flex;flex-wrap:wrap;gap:6px;min-height:8px}
html[data-theme] .mk-rchip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 12px;border-radius:999px;background:color-mix(in srgb,var(--border) 45%,var(--surface));font-size:13px;direction:ltr}
html[data-theme] .mk-rchip.bad{background:color-mix(in srgb,var(--st-bad,#f04438) 18%,var(--surface))}
html[data-theme] .mk-rchip button{all:unset;cursor:pointer;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;font-size:11px}
html[data-theme] .mk-rchip button:hover{background:color-mix(in srgb,var(--border) 80%,var(--surface))}
html[data-theme] .mk-vis{border:1px dashed var(--border);border-radius:12px;padding:18px;text-align:center;margin:10px 0;background:color-mix(in srgb,var(--border) 20%,var(--surface))}
.mk-vis-ico{font-size:30px}.mk-vis b{display:block;font-size:15px}.mk-vis p{margin:6px 0 0;overflow-wrap:break-word}
.mk-set-prev.mk-off .mk-vis{opacity:.55}
html[data-theme] .mk-set .mk-savebar{justify-content:space-between;flex-wrap:wrap}
html[data-density=compact][data-theme] .mk-set .mk-fsec{padding:10px 12px}
@media(max-width:1100px){.mk-set-lay{grid-template-columns:190px minmax(0,1fr)}.mk-set-prev{grid-column:2;position:static}}
@media(max-width:700px){.mk-set-lay{grid-template-columns:1fr}.mk-set-prev{grid-column:auto}html[data-theme] .mk-set-nav{position:static;display:flex;overflow-x:auto;gap:6px}html[data-theme] .mk-set-nav a{white-space:nowrap}}

/* ===== r13f · switches (beats html[lang] body input[type=checkbox]{22px} in mk-ux.css) ===== */
html[data-theme][data-theme][data-theme] main .mk-switch{display:flex;align-items:flex-start;gap:14px}
html[data-theme][data-theme][data-theme] main .mk-switch>input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:26px!important;min-height:26px!important;padding:0!important;margin:2px 0 0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--text) 28%,var(--surface))!important;position:relative;cursor:pointer;transition:background .15s;box-shadow:none!important;accent-color:auto}
html[data-theme][data-theme][data-theme] main .mk-switch>input[type=checkbox]::before{content:none!important;display:none!important}
html[data-theme][data-theme][data-theme] main .mk-switch>input[type=checkbox]::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:inset-inline-start .15s}
html[data-theme][data-theme][data-theme] main .mk-switch>input[type=checkbox]:checked{background:var(--primary,#2563eb)!important}
html[data-theme][data-theme][data-theme] main .mk-switch>input[type=checkbox]:checked::after{inset-inline-start:21px}
html[data-theme][data-theme][data-theme] main .mk-switch>input[type=checkbox]:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#2563eb) 40%,transparent);outline-offset:2px}
html[data-theme][data-theme][data-theme] main .mk-switch>span{flex:1;min-width:0;display:grid;gap:2px}
html[data-density=compact][data-theme][data-theme] main .mk-switch>input[type=checkbox]{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:22px!important;min-height:22px!important}
html[data-density=compact][data-theme][data-theme] main .mk-switch>input[type=checkbox]::after{width:16px;height:16px}
html[data-density=compact][data-theme][data-theme] main .mk-switch>input[type=checkbox]:checked::after{inset-inline-start:19px}

/* ===== r14 · KYC awaiting rows, chart value labels ===== */
html[data-theme] .kyc-await-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:6px 16px;align-items:center}
.kyc-await-row .kyc-await-who{display:grid;gap:2px;min-width:0}
.kyc-await-row .mk-kprog{min-width:0;max-width:340px;margin-top:6px}
.mk-kchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
html[data-theme] .kyc-await-row .btn.mk-kgo{white-space:nowrap;flex:none;width:auto;min-width:0;height:auto;line-height:1.2;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;writing-mode:horizontal-tb;overflow:visible}
@media(max-width:760px){html[data-theme] .kyc-await-row{grid-template-columns:44px minmax(0,1fr)}.mk-kchips{grid-column:2;justify-content:flex-start}html[data-theme] .kyc-await-row .btn.mk-kgo{grid-column:2;justify-self:start}}
.mk-dbar{position:relative}
.mk-bv{font-style:normal;text-align:center;font-size:10.5px;font-weight:700;color:var(--text);line-height:1;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.mk-dbars.dense .mk-bv{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;align-self:center;font-weight:600}
@media(max-width:640px){.mk-bv{font-size:9px}}
.mk-dbar i{flex:none;height:max(3px,calc((100% - 32px) * var(--hn,0)))}
.mk-dbars.dense .mk-dbar i{height:max(3px,calc((100% - 62px) * var(--hn,0)))}
.mk-dbars.dense .mk-bv{min-height:30px;display:flex;align-items:flex-end;justify-content:center}

/* ===== r14 · coupon form, global form alignment ===== */
html[data-theme] .mk-promo{display:grid;gap:0}
html[data-theme] main .form-grid.mk-aligned>label.mk-switch{grid-column:1/-1;margin-bottom:6px}
html[data-theme] main .form-grid.mk-aligned>label.mk-switch>input[type=checkbox]{width:44px}
.mk-promo>h2{margin:0 0 12px}

/* ===== r15 · "Needs you today" tiles (seller home n1, admin command centre n3) ===== */
.mk-nt-wrap{margin:var(--sp-3,12px) 0 var(--sp-4,16px)}
.mk-nt-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#667085);margin:0 0 8px;font-weight:800}
.mk-nt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
html[data-theme] .mk-nt{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;min-width:0}
html[data-theme] .mk-nt:hover{border-color:var(--primary)}
.mk-nt-n{flex:none;min-width:40px;height:40px;padding:0 8px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:16px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}
.mk-nt-n.r{background:color-mix(in srgb,var(--st-bad,#f04438) 16%,var(--surface));color:var(--st-bad,#b42318)}
.mk-nt-n.a{background:color-mix(in srgb,#f79009 18%,var(--surface));color:#b54708}
.mk-nt-n.b{background:color-mix(in srgb,#2e90fa 16%,var(--surface));color:#175cd3}
.mk-nt-n.g{background:color-mix(in srgb,var(--st-ok,#12b76a) 16%,var(--surface));color:var(--st-ok,#067647)}
.mk-nt-t{display:grid;gap:2px;min-width:0}.mk-nt-t small{color:var(--muted,#667085);overflow-wrap:break-word}
.mk-nt-clear{padding:12px 14px;border:1px dashed var(--border);border-radius:12px;color:var(--muted,#667085)}
html[data-density=compact][data-theme] .mk-nt{padding:6px 10px}html[data-density=compact][data-theme] .mk-nt-n{min-width:32px;height:32px;font-size:14px}
.mk-lowlist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.mk-lowlist li{display:flex;justify-content:space-between;gap:10px}
.mk-qa{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:640px){.mk-nt-grid{grid-template-columns:1fr}}

/* r15 — n2 buyer orders: progress track, COD line, filter chips */
.mk-ord-chips{margin:0 0 14px}
.mk-track{list-style:none;margin:12px 0 4px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.mk-track li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--muted,#667085);text-align:center}
.mk-track li i{width:14px;height:14px;border-radius:50%;background:var(--border,#e6e8ef);border:2px solid var(--surface,#fff);box-shadow:0 0 0 1px var(--border,#e6e8ef);position:relative;z-index:1}
.mk-track li::before{content:"";position:absolute;top:6px;inset-inline-start:-50%;width:100%;height:2px;background:var(--border,#e6e8ef)}
.mk-track li:first-child::before{display:none}
.mk-track li.done i,.mk-track li.now i{background:var(--primary,#5b5cf0);box-shadow:0 0 0 1px var(--primary,#5b5cf0)}
.mk-track li.done::before,.mk-track li.now::before{background:var(--primary,#5b5cf0)}
.mk-track li.now{color:var(--text,#101828);font-weight:700}
.mk-track li.now i{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#5b5cf0) 25%,transparent)}
.mk-track-note{margin:10px 0}
.mk-cod{display:inline-flex;gap:6px;align-items:center;margin:8px 0;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,#f59e0b 14%,var(--surface,#fff));font-size:13px}
html[data-density=compact][data-theme] .mk-track{margin:6px 0 2px}
html[data-density=compact][data-theme] .mk-track li{font-size:11px;gap:3px}
@media(max-width:560px){.mk-track li{font-size:10.5px}}

/* r15 — n3 admin command centre */
.mk-cmd{position:relative;margin:0 0 16px}
.mk-cmd input[type=search]{width:100%;padding:12px 16px;border-radius:14px;border:1px solid var(--border,#e6e8ef);background:var(--surface,#fff);color:var(--text,#101828);font-size:15px}
.mk-cmd-res{position:absolute;z-index:30;inset-inline:0;top:100%;margin-top:6px;background:var(--surface,#fff);border:1px solid var(--border,#e6e8ef);border-radius:14px;box-shadow:var(--shadow,0 18px 50px rgba(16,24,40,.12));padding:6px;max-height:340px;overflow:auto}
.mk-cmd-row{display:flex;align-items:center;gap:6px;border-radius:10px}
.mk-cmd-row:hover{background:color-mix(in srgb,var(--primary,#5b5cf0) 10%,transparent)}
.mk-cmd-row a{flex:1;padding:9px 12px;color:var(--text,#101828);text-decoration:none}
.mk-cmd-star{border:0;background:none;cursor:pointer;font-size:18px;color:var(--primary,#5b5cf0);padding:4px 10px}
.mk-pins{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.mk-pin{padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--primary,#5b5cf0) 12%,var(--surface,#fff));color:var(--text,#101828);text-decoration:none;font-size:13px}
.mk-pin-hint{color:var(--muted,#667085)}
.admin-dash .dash-cols{grid-template-columns:minmax(0,1fr)}
html[data-density=compact][data-theme] .mk-cmd input[type=search]{padding:8px 12px;font-size:14px}

/* r15 — n4 support inbox */
.mk-tk-chips{margin:14px 0 0}
.mk-past{display:grid;gap:6px;margin:6px 0 12px}
.mk-past a{display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--border,#e6e8ef);border-radius:10px;color:var(--text,#101828);text-decoration:none}
.mk-past a small{flex:1;color:var(--muted,#667085);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-past em{font-style:normal}

/* r15 — shared empty state */
.mk-empty{text-align:center;padding:28px 16px;border:1px dashed var(--border,#e6e8ef);border-radius:16px;color:var(--muted,#667085)}
.mk-empty-i{font-size:34px;line-height:1;margin-bottom:8px}
.mk-empty h3{margin:0 0 4px;color:var(--text,#101828)}
html[data-density=compact][data-theme] .mk-empty{padding:16px 12px}

/* r16 — page-level styles moved out of views */
/* from Account/Register.cshtml */
.privacy-accept{margin:10px 0}.privacy-accept .check-row{display:flex;gap:10px;align-items:flex-start;font-weight:500}.privacy-accept input[type=checkbox]{width:auto;margin-top:3px}.privacy-accept a{font-weight:700;text-decoration:underline}.legal-popup{max-height:60vh;overflow:auto;text-align:start}

/* from AdminManagement/Localization.cshtml */
.loc-savebar{position:sticky;top:76px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;margin-top:18px;background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:12px}.loc-savebar.bottom{position:static;justify-content:flex-end}.message-table textarea{width:100%;min-width:190px}

/* from AdminManagement/Products.cshtml */
.mk-ptiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px}.mk-ptile{text-align:start;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;color:inherit}.mk-ptile span{display:block;color:var(--muted);font-size:12.5px}.mk-ptile b{font-size:22px}.mk-ptile.on{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.mk-ptile .warn{color:#b54708}.mk-ptile .ok{color:#067647}.mk-ptile .bad{color:#b42318}.mk-pbar{margin-top:10px}.mk-pbar input{width:100%;max-width:420px}
.mk-chip{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--muted) 14%,var(--surface));color:var(--text)}.mk-chip.ok{background:#ecfdf3;color:#067647}.mk-chip.warn{background:#fffaeb;color:#b54708}.mk-chip.bad{background:#fef3f2;color:#b42318}
.mk-pact{white-space:nowrap}.mk-pact>*{display:inline-block;vertical-align:middle;margin-inline-end:4px}.mk-more{position:relative}.mk-more summary{list-style:none;cursor:pointer}.mk-more summary::-webkit-details-marker{display:none}
.mk-more-m{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:20;min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px}.mk-more-m form{display:block;margin:0}.mk-more-m button{display:block;width:100%;text-align:start;border:0;background:transparent;color:var(--text);font:inherit;padding:8px 10px;border-radius:8px;cursor:pointer}.mk-more-m button:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.mk-more-m .danger{color:#b42318}

/* from AdminStaff/Index.cshtml */
.staff-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.staff-tools input{max-width:260px}.staff-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:520px;overflow:auto;padding:4px}.staff-ctl{border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:0}.staff-ctl legend{padding:0 6px}.staff-list{display:grid;gap:4px}.staff-page{display:flex;gap:8px;align-items:center;font-size:13px}.staff-page[hidden],.staff-ctl[hidden]{display:none}

/* from Cart/Index.cshtml */
.cart-vendor-group{border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:16px;background:var(--surface)}.cart-vendor-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 4px 10px;border-bottom:1px dashed var(--border);margin-bottom:8px}.cart-vendor-head .vendor-cod{font-size:13px;color:var(--muted)}.cart-line-delivery{font-size:13px;margin:2px 0}.cart-layout>*,.summary,.summary>*{min-width:0}.delivery-breakdown{display:block;width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-wrap:break-word}.delivery-breakdown *{box-sizing:border-box;max-width:100%}
.summary .delivery-breakdown{display:block}.dvx-item{display:block;padding:14px 0;margin:0;border-bottom:1px solid var(--border);min-width:0}.dvx-item:first-child{padding-top:4px}
.summary .mkfees{display:block!important;width:100%;min-width:0}.summary .mkfees>*{display:block;width:100%;max-width:100%;min-width:0;float:none}.summary .mkfees>.mkfee>summary{display:flex!important}.summary .mkfees>.mkfee-all,.summary .mkfees>.mkfee-v{display:flex!important}.mkfee-s{display:block;font-weight:500;color:var(--muted);font-size:11.5px}.mkfee-all b:first-child{font-size:14px}.mkfee{border:1px solid var(--border);border-radius:12px;margin:0 0 8px;overflow:hidden;background:var(--surface)}.mkfee summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.mkfee summary::-webkit-details-marker{display:none}.mkfee summary::after{content:"▾";color:var(--muted);font-size:12px}.mkfee[open] summary::after{content:"▴"}
.mkfee-av{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.mkfee-n{flex:1;min-width:0;font-weight:700;font-size:13px;overflow-wrap:break-word}.mkfee-t{white-space:nowrap;font-size:13px}
.mkfee-b{padding:6px 12px 10px;border-top:1px solid var(--border);font-size:12.5px;background:color-mix(in srgb,var(--text) 3%,var(--surface))}.mkfee-b>div{padding:3px 0}.mkfee-b b{white-space:nowrap}.mkfee-v{color:var(--muted);font-size:12px;padding-top:3px}.mkfee-all{margin-top:10px;padding-top:10px;border-top:2px solid var(--text);font-size:14px}.mkfee-all b:last-child{white-space:nowrap}
.mkfee-pill{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--mk-good,#067647) 14%,var(--surface));color:var(--mk-good,#067647)}
.dvx-name{display:block;font-weight:700;font-size:14px;line-height:1.35}
.dvx-vendor{display:block;font-size:11px;color:var(--muted);margin:2px 0 8px}
.dvx-opt{display:block!important;margin:0 0 6px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;font-weight:500}
.dvx-opt.on,.dvx-opt:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.dvx-row{display:flex!important;justify-content:space-between;align-items:baseline;gap:8px}
.dvx-lbl{display:inline-flex;align-items:center;gap:8px;font-size:13px;min-width:0}.dvx-lbl input{width:auto!important;min-height:0!important;margin:0;accent-color:var(--primary)}
.dvx-price{font-size:13px;white-space:nowrap}
.dvx-dates{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}
.dvx-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:12px;font-weight:800;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}
.cart-layout{align-items:start}
.summary{position:sticky;top:calc(var(--nav-h,68px) + 16px);display:grid;gap:12px;border:1px solid var(--border);border-radius:18px;padding:20px;background:var(--surface);box-shadow:0 10px 30px rgba(16,24,40,.06)}
.summary>h2{margin:0 0 4px;font-size:20px}
.summary>div:not(.summary-section):not(.notice):not(.delivery-breakdown){display:flex;justify-content:space-between;gap:12px;align-items:center}
.summary hr{border:0;border-top:1px dashed var(--border);margin:4px 0;width:100%}
.summary .grand{font-size:20px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.summary-section{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2,transparent)}
.summary-section h3{margin:0;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.summary-section label{display:grid;gap:6px;font-weight:600;font-size:13px}
.summary-section .checkout-option,.summary-section .checkout-legal-line{display:flex;gap:8px;align-items:center;font-weight:500}
.summary-section input:not([type=checkbox]),.summary-section select{width:100%;min-height:42px}
.summary .addr-note{margin:0;font-size:12px}
#checkoutForm{display:grid;gap:14px}
.summary>h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.sum-count{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2,#f2f4f7);border-radius:999px;padding:3px 10px}
.summary>div:not(.summary-section):not(.notice):not(.delivery-breakdown):not(.grand){padding:7px 0;border-bottom:1px dotted var(--border)}.summary>div:not(.summary-section):not(.grand)>span{color:var(--muted);font-size:14px}.summary>div:not(.summary-section):not(.grand)>b{font-size:14px;text-align:end}
.summary .grand{font-weight:800;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}.summary .grand b{font-size:22px}
.summary>div b,.summary .grand b{font-variant-numeric:tabular-nums;white-space:normal;text-align:end;min-width:0;overflow-wrap:break-word;line-height:1.35}
.summary>div,.summary .grand{flex-wrap:wrap;gap:6px 14px}
.summary>div>span{min-width:0}
.summary .sum-sub{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--muted);line-height:1.35;white-space:normal}
.summary .sum-tax{align-items:flex-start!important}
.summary .grand{align-items:center;gap:16px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--primary2) 8%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}
.summary .grand>span{font-size:16px;font-weight:800;color:var(--text)!important}.summary .grand .sum-sub{font-size:11.5px}
.summary .grand b{font-size:22px;letter-spacing:-.01em;color:var(--primary);flex:1 1 150px}
@media(max-width:560px){.summary .grand b{font-size:20px}}
.summary .summary-section h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-inline-end:8px}
#placeOrderBtn{position:sticky;bottom:12px;min-height:50px;font-size:16px;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 35%,transparent)}
.summary .wallet-option{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px dashed var(--border);border-radius:12px;font-weight:600}
.sum-secure{font-size:12px;color:var(--muted);text-align:center}

.mk-stepnav{display:flex;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700}.mk-stepnav a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,var(--surface));color:var(--muted);text-decoration:none}.mk-stepnav a.on{background:var(--primary);color:#fff}.mk-stepnav b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,#fff 28%,transparent)}
.mk-steps{display:grid;gap:12px;margin-top:6px}.mk-steps form{display:grid;gap:12px}.mk-steps .summary-section{border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:var(--surface)}.mk-steps .summary-section h3{margin:0 0 8px;font-size:15px}.mk-steps .cod-box{display:grid;gap:4px}
.mk-sum-jump{display:block;text-align:center;font-size:12.5px;font-weight:700;color:var(--primary);text-decoration:none}
@media(max-width:900px){#placeOrderBtn{position:fixed;inset-inline:12px;bottom:12px;z-index:40;width:auto!important;box-shadow:0 10px 30px rgba(16,24,40,.28)}.cart-layout{padding-bottom:76px}.mk-sum-jump{display:none}}
@media(max-width:900px){.summary{position:static}}

/* Two columns: cart list (left) + Order summary (right, sticky) */
.cart-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,380px)!important;gap:24px;align-items:start}
.cart-layout .summary{position:sticky;top:calc(var(--nav-h,68px) + 16px);width:100%;max-width:none;margin:0;padding:20px}
@media(max-width:900px){.cart-layout{grid-template-columns:minmax(0,1fr)!important}.cart-layout .summary{position:static}}
.dvx-opt{width:100%;float:none!important}.dvx-opt+.dvx-opt{margin-top:6px}
/* V2.9.45 cart = the approved mockup: seller cards, compact rows, collapsible steps, short sticky summary */
html body .cart-vendor-group{padding:0;overflow:hidden;border-radius:14px}
html body .cart-vendor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;padding:10px 14px;background:var(--surface-2,color-mix(in srgb,var(--text) 4%,var(--surface)));border-bottom:1px solid var(--border)}
.mk-vg-meta{margin-inline-start:auto;color:var(--muted);font-weight:600;font-size:12.5px}
html body .cart-vendor-group>.cart-item{margin:0;padding:12px 14px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}
html body .cart-vendor-group>.cart-item:last-child{border-bottom:0}
html body .cart-item-rich{display:grid;grid-template-columns:64px minmax(0,1fr) auto 28px;grid-template-areas:"img info price rm" "img info qty rm";column-gap:12px;row-gap:6px;align-items:start}
html body .cart-item-rich>img{grid-area:img;width:64px;height:64px;border-radius:10px;object-fit:cover}
html body .cart-item-rich>.cart-product-info{grid-area:info;min-width:0}
html body .cart-item-rich>.cart-product-info h3{margin:0 0 2px;font-size:15px;line-height:1.3}
html body .cart-item-rich>.cart-product-info p{margin:1px 0;font-size:12.5px}
html body .cart-item-rich .cart-line-delivery{color:var(--mk-good,#067647);font-weight:600}
html body .cart-item-rich>strong{grid-area:price;justify-self:end;font-size:15px;white-space:nowrap}
html body .cart-item-rich>small{display:none}
html body .cart-item-rich>.quantity-control{grid-area:qty;justify-self:end}
html body .cart-item-rich>form:not(.quantity-control){grid-area:rm;justify-self:end}
@media(max-width:700px){html body .cart-item-rich{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img info rm" "img price price" "qty qty qty"}html body .cart-item-rich>img{width:56px;height:56px}html body .cart-item-rich>.cart-product-info{grid-column:2/3}html body .cart-item-rich>strong,html body .cart-item-rich>.quantity-control{justify-self:start}}
.mk-acc{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.mk-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-weight:700}
.mk-acc>summary::-webkit-details-marker{display:none}
.mk-acc-s{display:flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px;color:var(--muted);text-align:end;min-width:0;overflow-wrap:break-word}
.mk-acc-s::after{content:"▾";font-size:11px}.mk-acc[open]>summary .mk-acc-s::after{content:"▴"}
.mk-acc-b{padding:4px 14px 14px;border-top:1px solid var(--border);display:grid;gap:10px}
.mk-acc .summary-section{border:0!important;padding:0!important;background:transparent!important}.mk-acc .summary-section>h3{display:none}
.mk-sum-fees{border:1px solid var(--border);border-radius:12px;background:var(--surface-2,transparent)}.mk-sum-fees>summary{cursor:pointer;padding:8px 12px;font-weight:700;font-size:13px;color:var(--primary);list-style:none}.mk-sum-fees>summary::-webkit-details-marker{display:none}.mk-sum-fees>summary::before{content:"▾ "}.mk-sum-fees[open]>summary::before{content:"▴ "}
.mk-sum-fees-b{padding:0 8px 8px}.mk-sum-fees-b>.dvx-item{margin:6px 0 0;padding:0;border:0;background:transparent}
html body .cart-layout .summary{border:2px solid var(--primary);gap:8px}html body .cart-layout .summary>div:not(.grand):not(.summary-section){padding:4px 0;min-height:0}
@media(min-width:901px){html body .cart-layout .summary #placeOrderBtn{position:static}}
html[data-density=compact] .mk-acc>summary{padding:8px 12px}html[data-density=compact] .mk-acc-b{padding:2px 12px 10px}
html[data-density=compact] body .cart-vendor-group>.cart-item{padding:7px 12px}html[data-density=compact] body .cart-item-rich>img{width:44px;height:44px}html[data-density=compact] body .cart-item-rich{grid-template-columns:44px minmax(0,1fr) auto 24px}

.mk-ship{margin:0;padding:10px 14px;border-top:1px dashed var(--border);background:var(--surface-2,rgba(127,127,127,.06))}
.mk-ship-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-bottom:6px}.mk-ship-h small{color:var(--muted)}
.mk-ship-opt{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:6px 8px;border:1px solid var(--border);border-radius:10px;margin:4px 0;cursor:pointer}
.mk-ship-opt.on{border-color:var(--primary,#2563eb)}.mk-ship-opt small{display:block;color:var(--muted)}
.mk-ship-t{display:flex;justify-content:space-between;gap:10px;padding-top:6px;font-size:14px}
html[data-density=compact] .mk-ship{padding:6px 12px}html[data-density=compact] .mk-ship-opt{padding:4px 8px;margin:2px 0}
.mk-sum-legal{margin:12px 0 10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2,rgba(127,127,127,.06))}.mk-sum-legal-t{display:block;margin-bottom:6px}.mk-sum-legal .checkout-legal-line{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:4px 0}html[data-density=compact] .mk-sum-legal{padding:6px 10px;margin:8px 0}

/* from Compare/Index.cshtml */
.compare-page{max-width:none}.compare-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.compare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fff);margin-bottom:16px}.compare-table-wrap{overflow:auto;border:1px solid var(--border,#e5e7eb);border-radius:18px;background:var(--surface,#fff);box-shadow:0 8px 28px rgba(15,23,42,.06)}.compare-table{min-width:900px;border-collapse:separate;border-spacing:0;width:100%}.compare-table th,.compare-table td{padding:14px;border-bottom:1px solid var(--border,#eef0f3);vertical-align:top}.compare-table thead th{background:var(--surface-2,#f8fafc);position:sticky;top:0;z-index:2}.compare-label{width:150px;text-align:start;position:sticky;left:0;z-index:3;background:var(--surface,#fff)}.compare-table thead .compare-label{background:var(--surface-2,#f8fafc)}.compare-product-column{min-width:190px;text-align:center}.compare-product-image,.compare-product-placeholder{width:130px;height:130px;object-fit:contain;border-radius:14px;margin:auto;background:var(--surface-2,#f8fafc)}.compare-product-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted,#64748b);font-size:.85rem}.compare-product-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:10px}.compare-empty{padding:56px 24px;text-align:center;border:1px dashed var(--border,#cbd5e1);border-radius:20px;background:var(--surface-2,#f8fafc)}
/* pre-launch sweep 2026-10-25: rank badge, rating-filter stars, question count, low-stock badge and this heading were just under 4.5:1; mixing in a little of the theme text colour darkens them on light themes and lightens them on Midnight */
html[data-theme][data-theme] main .compare-empty h2{color:color-mix(in srgb,var(--primary,#2563eb) 75%,var(--text,#0f172a))}.compare-icon{font-size:42px;margin-bottom:10px}.compare-table tbody tr:hover td{background:color-mix(in srgb,var(--primary,#5b5cf0) 9%,var(--surface,#fff))}.compare-table tbody tr:last-child td,.compare-table tbody tr:last-child th{border-bottom:0}@media(max-width:700px){.compare-hero{flex-direction:column}.compare-toolbar{flex-direction:column;align-items:stretch}.compare-table{min-width:760px}}
.compare-page .compare-table{display:table!important;overflow:visible!important;width:100%;table-layout:auto}
.compare-page .compare-table th,.compare-page .compare-table td{text-align:center;vertical-align:top}
.compare-page .compare-table .compare-label{text-align:start;width:150px}
.compare-page .compare-product-column{min-width:220px}
.compare-page .compare-product-image,.compare-page .compare-product-placeholder{display:block;width:150px;height:150px;margin:0 auto 10px;object-fit:contain}
.compare-page .compare-product-column h3{margin:6px 0;font-size:15px}
.compare-page .compare-product-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.compare-page .compare-product-actions form{margin:0}

/* from HeroDesigner/Index.cshtml */
.hd-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.hd-tabs button,.hd-seg button,.hd-lang button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font-weight:600;cursor:pointer}
.hd-tabs button.on,.hd-seg button.on,.hd-lang button.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.hd-wrap{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;align-items:start}
.hd-panel fieldset{border:1px solid var(--border);border-radius:12px;margin:0 0 12px;padding:10px 12px}.hd-panel legend{font-weight:700;padding:0 6px}
.hd-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:8px 0}.hd-row label{display:flex;gap:6px;align-items:center}
.hd-lang{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.hd-seg{display:inline-flex;gap:4px;flex-wrap:wrap}
.hd-blk{border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin:6px 0;background:var(--surface)}.hd-blk-h{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:600}.hd-blk-h span button{border:0;background:transparent;cursor:pointer;color:inherit;font-size:15px;padding:2px 6px}
.hd-blk textarea,.hd-blk input[type=text]{width:100%;margin-top:6px}.hd-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hd-prev{position:sticky;top:12px;min-width:0}.hd-prev-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.hd-prev-stage{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:8px;overflow:auto}
#hdPrev{display:block;border:0;width:100%;height:480px;margin-inline:auto;background:var(--bg);border-radius:10px;transition:width .2s}
.hd-btnrow{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.hd-btnrow input,.hd-btnrow select{width:100%}
@media(max-width:980px){.hd-wrap{grid-template-columns:1fr}.hd-prev{position:static}}
html[data-density=compact] .hd-panel fieldset{padding:6px 10px;margin-bottom:8px}

/* from MarketplaceAdmin/Analytics.cshtml */
.adv-range{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.adv-range label,.adv-filters label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.adv-presets{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.adv-presets a{padding:9px 12px;font-size:13px;font-weight:600;border-inline-end:1px solid var(--border);color:inherit;text-decoration:none}.adv-presets a:last-child{border:0}.adv-presets a:hover{background:rgba(37,99,235,.08)}
.adv-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.adv-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.adv-chip small{color:var(--muted);font-weight:500}.adv-chip.on{background:var(--primary,#2563eb);border-color:var(--primary,#2563eb);color:#fff}.adv-chip.on small{color:rgba(255,255,255,.85)}
.adv-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.adv-filters select,.adv-filters input{min-height:40px;min-width:180px}.adv-search{flex:1;min-width:220px}.adv-search input{width:100%}
.adv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.adv-grid .form-card{margin:0}.adv-wide{grid-column:1/-1}
.adv .kpi-link small{display:block;font-size:12px;margin-top:2px}.adv .up{color:#15803d}.adv .down{color:#b91c1c}
.adv-sort{cursor:pointer;user-select:none;white-space:nowrap}.adv-sort::after{content:" ↕";opacity:.35}.adv-sort.asc::after{content:" ↑";opacity:1}.adv-sort.desc::after{content:" ↓";opacity:1}
@media(max-width:800px){.adv-grid{grid-template-columns:1fr}.adv-filters select{min-width:100%}}

/* from Orders/Pay.cshtml */
.pay-card{max-width:680px;margin:0 auto;border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:26px;display:grid;gap:16px;box-shadow:0 18px 50px rgba(16,24,40,.08)}
.pay-head h1{margin:4px 0}.pay-head p{margin:0;color:var(--muted)}
.pay-amount{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.pay-amount strong{font-size:1.8rem}.pay-amount small{font-size:.9rem;color:var(--muted)}
.pay-steps{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.5}.pay-steps code{padding:2px 8px;border-radius:8px;background:var(--surface-2);font-weight:700}
.pay-links{display:flex;gap:10px;flex-wrap:wrap}.pay-items{width:100%;border-collapse:collapse;font-size:.92rem}.pay-items th,.pay-items td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:start}
.notice.ok{border-color:#2f9e63}

/* from PageManagement/Index.cshtml */
.page-management .pm-editor{border:1px solid #dbe4ef}.pm-editor-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.pm-body-label{font-weight:700;display:flex;align-items:center;gap:6px}.pm-body-label b{font-size:12px}.body-preview{max-width:360px;max-height:90px;overflow:hidden;line-height:1.45}.table-wrap{overflow:auto}.form-actions{display:flex;gap:10px}.row-actions{white-space:nowrap}

/* from PortalContent/Index.cshtml */
.journey-builder{margin-top:14px;padding:16px;border:1px solid #dbe3ee;border-radius:16px;background:#f8fafc}.journey-builder-head{display:flex;justify-content:space-between;align-items:center}.journey-step-editor{display:grid;gap:8px;padding:14px;margin-top:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.field-readonly{padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.field-readonly span,.field-readonly small{display:block;color:#64748b}.plan-feature-continuation{margin-top:10px}.plan-feature-table{width:100%;border-collapse:collapse}.plan-feature-table td{padding:7px 8px;border-bottom:1px solid #eef2f7}.plan-feature-table tr:last-child td{border-bottom:0}

/* from PrintTemplate/Index.cshtml */
.pt-zone{display:flex;flex-wrap:wrap;gap:6px;min-height:48px;padding:8px;border:1px dashed #aab;border-radius:8px}.pt-chip{padding:5px 10px;border-radius:14px;background:#eef;border:1px solid #99c;cursor:grab;font-size:13px;user-select:none}.pt-drop.over{background:#f3f9ff}

/* from Products/Details.cshtml */
.mk-preview-off{opacity:.45;cursor:not-allowed!important}

/* from Shared/_ProductAreas.cshtml */
.mk-areas-opt{display:flex;gap:8px;align-items:center;margin:6px 0}
.mk-areas-pick{margin-top:10px;padding:12px;border:1px dashed var(--border);border-radius:12px}
.mk-areas-pick.is-off{opacity:.45;pointer-events:none}
.mk-areas-add{display:flex;flex-wrap:wrap;gap:8px}
.mk-areas-add select{min-width:180px}
.mk-areas-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mk-area-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border-radius:999px;background:var(--surface-2,rgba(127,127,127,.12));border:1px solid var(--border)}
.mk-area-chip button{border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:inherit;padding:2px 6px}
html.compact .mk-areas-pick,body.compact .mk-areas-pick{padding:8px}

/* from UiTranslationsAdmin/Index.cshtml */
.uit-check{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:10px;align-items:end;margin:10px 0}.uit-check label{display:grid;gap:6px;font-weight:600;font-size:13px}.uit-check input,.uit-check select{width:100%}.uit-help ol{margin:8px 0;padding-inline-start:22px}.uit-help li{margin:3px 0}@media(max-width:800px){.uit-check{grid-template-columns:1fr}}
.uit-filter{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:10px;align-items:end;margin:12px 0}
.uit-add{display:grid;grid-template-columns:200px minmax(200px,1fr) minmax(200px,1fr) auto;gap:12px;align-items:end}
.uit-add label{display:grid;gap:6px;font-weight:600;font-size:13px}.uit-add input,.uit-add select,.uit-filter input,.uit-filter select{width:100%;min-height:42px}
.uit-table{table-layout:fixed;width:100%}.uit-table th,.uit-table td{vertical-align:top;overflow-wrap:break-word;text-align:start}
.uit-table .c-loc{width:220px}.uit-loc small{color:var(--muted,#667)}.uit-table .c-lang{width:84px}.uit-table .c-or{width:80px}.uit-table .c-up{width:140px}.uit-table .c-act{width:210px}
.uit-table thead th{position:sticky;top:0;background:var(--surface);z-index:1}
.uit-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}
@media(max-width:900px){.uit-filter,.uit-add{grid-template-columns:1fr}.uit-table{table-layout:auto}}

/* from VendorPortal/Warranties.cshtml */
.claim-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.claim-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface);display:grid;gap:10px}.claim-head{display:flex;justify-content:space-between;align-items:center}.claim-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.claim-meta dt{font-size:12px;color:var(--muted)}.claim-meta dd{margin:0;font-weight:600;overflow-wrap:break-word}.claim-form{display:grid;gap:10px}.claim-form label{display:grid;gap:6px;font-weight:600;font-size:13px}.claim-reason{margin:0}

/* from VendorStaff/GroupStaff.cshtml */
.gs-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap;padding:24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface));margin-bottom:20px}
.gs-hero h1{margin:4px 0}.gs-hero p{margin:4px 0 12px;color:var(--muted)}
.gs-stats{display:flex;gap:10px;flex-wrap:wrap}.gs-stats span{padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px}
.gs-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.gs-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
.gs-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.gs-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:12px}
.gs-card.is-off{opacity:.75}
.gs-card-head{display:flex;gap:12px;align-items:center}
.gs-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--on-primary,#fff);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 44px}
.gs-id{flex:1;min-width:0;display:flex;flex-direction:column}.gs-id b,.gs-id small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.gs-meta dt{font-size:12px;color:var(--muted)}.gs-meta dd{margin:2px 0 0;font-weight:600}
.gs-chips{display:flex;flex-wrap:wrap;gap:6px}
.gs-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:auto;padding-top:10px;border-top:1px dashed var(--border)}
.gs-side{display:grid;gap:16px;position:sticky;top:96px}
.gs-form-grid{display:grid;gap:14px}.gs-form-grid label{display:grid;gap:6px;font-weight:600}.gs-form-grid input:not([type=checkbox]),.gs-form-grid select{width:100%}
.gs-perms{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:8px;max-height:280px;overflow:auto}.gs-perms legend{font-weight:700;padding:0 6px}
.gs-perm{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.pw-reset-form{display:grid;gap:10px;margin-top:8px;min-width:230px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.pw-reset summary{list-style:none;cursor:pointer}.pw-reset summary::-webkit-details-marker{display:none}
@media(max-width:1100px){.gs-layout{grid-template-columns:1fr}.gs-side{position:static;order:-1}}

/* from VendorStaff/Index.cshtml */
.staff-stack{display:flex;flex-direction:column;gap:18px}
.staff-stack .form-card{width:100%}
.staff-stack .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.staff-stack .permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;padding:12px;border:1px solid var(--line,#ddd);border-radius:10px}
.staff-stack .permission-grid label{display:flex;gap:8px;align-items:center;font-size:.9rem}
.staff-stack .form-actions{grid-column:1/-1;display:flex;gap:10px}
.staff-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pw-reset{position:relative}.pw-reset summary{list-style:none;cursor:pointer}.pw-reset summary::-webkit-details-marker{display:none}
.pw-reset-form{margin-top:8px;min-width:240px;display:grid;gap:10px;padding:14px;background:var(--card,#fff);color:inherit;border:1px solid var(--line,#ddd);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.staff-directory td{vertical-align:middle}

/* from Vendors/Details.cshtml */
.vendor-store-page{padding-inline:24px!important;padding-bottom:64px!important}.vendor-store-page .store-hero,.vendor-store-page .vendor-offers,.vendor-store-page .store-toolbar{margin-bottom:24px}.vendor-store-page .product-grid{gap:22px;margin-bottom:40px}
.store-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.store-toolbar input[type=search]{flex:1 1 220px;padding:9px 12px;border:1px solid var(--border);border-radius:10px}.store-toolbar select{padding:9px 10px;border:1px solid var(--border);border-radius:10px}.st-view button{border:1px solid var(--border);background:var(--surface);padding:8px 12px;cursor:pointer}.st-view button.on{background:var(--primary);color:#fff}.st-view button:first-child{border-radius:10px 0 0 10px}.st-view button:last-child{border-radius:0 10px 10px 0}
#stGrid.list-view{display:flex;flex-direction:column}#stGrid.list-view .product-card{display:flex;align-items:center;gap:16px}#stGrid.list-view .product-card>a{flex:1}#stGrid.list-view .product-image{max-width:140px}

/* from Vendors/StartSelling.cshtml */
.err-dialog{border:1px solid #fda29b;border-radius:14px;padding:22px;max-width:520px}.err-dialog::backdrop{background:rgba(0,0,0,.45)}.err-dialog h3{color:#b42318;margin-top:0}.check{display:flex;gap:8px;align-items:center}

/* from Vendors/SubscriptionPayment.cshtml */
.manual-dialog{border:1px solid var(--line,#d0d5dd);border-radius:16px;padding:24px;max-width:540px;width:calc(100% - 24px);box-sizing:border-box}.manual-dialog::backdrop{background:rgba(0,0,0,.45)}.md-list{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0}.md-list dt{font-weight:700}.md-list dd{margin:0}.md-actions{display:flex;gap:10px;margin-top:14px}.manual-dialog label{display:block;margin-top:10px}

/* from Vendors/_PlanLadder.cshtml */
.sv-periods{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}.sv-periods-l{font-weight:700;color:var(--muted);font-size:13px}
.sv-seg{display:inline-flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;gap:2px}
.sv-seg-b{border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer}.sv-seg-b small{margin-inline-start:6px;color:#067647;font-weight:700}
.sv-seg-b.on{background:var(--primary);color:#fff}.sv-seg-b.on small{color:#d1fadf}.sv-seg-b:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.pp-was{text-decoration:line-through;font-size:.85rem}.pp-bill{font-size:.82rem}.pp-save{color:#067647;font-weight:700;font-size:.82rem}.pp-was:empty,.pp-save:empty{display:none}

/* from Warranty/Index.cshtml */
.warranty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.warranty-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface)}.warranty-card.expired{opacity:.75}.warranty-card-head{display:flex;gap:10px;align-items:center}.warranty-card-head img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:var(--surface-2,#f5f7fb)}.warranty-card-head>div{flex:1;min-width:0}.warranty-card-head small{display:block;color:var(--muted)}.warranty-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0}.warranty-card dt{color:var(--muted)}.warranty-card dd{margin:0;font-weight:600}.warranty-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.warranty-claim-form summary{cursor:pointer;list-style:none}.warranty-claim-form form{display:grid;gap:8px;margin-top:8px;min-width:260px}.warranty-claim-form textarea{min-height:80px}
.mk-inline-form{display:inline}

/* r17 — Categories / Shipping / Gift cards */
.mk-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 0}
.mk-tools .mk-fchips{margin:0}
.mk-tsearch{flex:1 1 240px;max-width:360px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border,#e6e8ef);background:var(--surface,#fff);color:var(--text,#101828)}
tr.mk-q-hide{display:none}
.mk-acts{white-space:nowrap}
.mk-acts>*{vertical-align:middle}.mk-acts .inline-form{display:inline-block;margin-inline-start:4px}
.mk-cat-child{color:var(--muted,#667085)}
.mk-trk{font-family:ui-monospace,monospace;font-size:12.5px}
.mk-gc-bal{min-width:170px}
.mk-gc-bar{display:block;height:6px;border-radius:99px;background:var(--border,#e6e8ef);margin-top:5px;overflow:hidden}
.mk-gc-bar i{display:block;height:100%;background:var(--primary,#5b5cf0);border-radius:99px}
.mk-editrow>td{background:color-mix(in srgb,var(--primary,#5b5cf0) 5%,var(--surface,#fff));padding:14px}
.mk-editrow[hidden]{display:none}
html[data-density=compact][data-theme] .mk-tsearch{height:32px}
html[data-density=compact][data-theme] .mk-editrow>td{padding:8px}
@media(max-width:700px){.mk-tsearch{max-width:none}.mk-acts{white-space:normal}}

/* r18 — toolbar above grids (Shipping / Gift cards / Categories): one tidy bar, same control height */
html[data-theme] main .mk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:14px 0 12px;padding:10px 12px;background:var(--surface,#fff);border:1px solid var(--border,#e6e8ef);border-radius:14px}
html[data-theme] main .mk-tools .mk-fchips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
html[data-theme] main .mk-tools .mk-fchip{height:36px;padding:0 14px;box-sizing:border-box;line-height:1;white-space:nowrap}
html[data-theme] main .mk-tools .mk-tsearch{flex:1 1 220px;min-width:180px;max-width:340px;height:36px;box-sizing:border-box;margin:0}
html[data-theme] main .mk-tools .mk-bar-end{margin-inline-start:auto;height:36px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:0 16px}
html[data-theme] main details.mk-fold{padding:0;margin:14px 0 0;overflow:hidden}
html[data-theme] main details.mk-fold>summary{display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;height:46px;padding:0 18px;border-radius:0;list-style:none;cursor:pointer;font-weight:700}
html[data-theme] main details.mk-fold>summary::-webkit-details-marker{display:none}
html[data-theme] main details.mk-fold[open]>summary{border-bottom:1px solid var(--border,#e6e8ef)}
html[data-theme] main details.mk-fold>form{padding:16px 18px 18px}
html[data-density=compact][data-theme] main .mk-tools{padding:6px 8px;margin:8px 0}
html[data-density=compact][data-theme] main .mk-tools :is(.mk-fchip,.mk-tsearch,.mk-bar-end){height:30px}
html[data-density=compact][data-theme] main details.mk-fold>summary{height:36px}
@media(max-width:700px){html[data-theme] main .mk-tools .mk-tsearch{max-width:none;flex-basis:100%}html[data-theme] main .mk-tools .mk-bar-end{margin-inline-start:0;width:100%;justify-content:center}}

/* r20 — a toolbar that only holds an action button is not a card */
html[data-theme] main .mk-tools:not(:has(.mk-fchips,.mk-tsearch)){background:none;border:0;padding:0;justify-content:flex-end}

/* phase 5 F7: the required "I accept ..." lines at checkout are easy to tap on phones: 24 px checkbox, 44 px tall line (was 18 px on a 19 px line next to the link) */
.mk-sum-legal .checkout-legal-line{grid-template-columns:24px minmax(0,1fr);align-items:center;min-height:44px;margin:2px 0}main .mk-sum-legal .checkout-legal-line>input[type=checkbox]{width:24px!important;height:24px!important;max-width:none;max-height:none;flex:0 0 24px;margin:0}
/* Phase 6 (axe target-size): the link around a product card picture did not fill the 4:3 picture box, so the picture kept its own square size,
   its bottom was cut off, and the hidden part of the link lay under the product name. The link now fills the box and the whole picture shows. */
html[data-admin="0"] main .product-card .product-image>a{display:block;width:100%;height:100%;min-height:0}