/* 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)!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:var(--st-warn,#b54708);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:anywhere}
  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)}
@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)}
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)}
.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)}
.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)}
.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:anywhere}
.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;word-break: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;word-break: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,#2563eb)}
.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:anywhere}
.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:anywhere}
.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:left}

/* 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:anywhere}.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:anywhere}.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:anywhere;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:anywhere}
.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:left;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)}.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:left}
.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:anywhere;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:anywhere}.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:92vw}.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}