/* MOB365 WebApp · Business Central 365 shell (ngarkohet i fundit).
   I njëjti dizajn si Control Center: shirit i errët, menyja sipër, titujt me veprime si tekst,
   "cue" me numra të hollë dhe lista të sheshta. Prefiksi "mx-" që të mos përplaset me stilet e vjetra. */

:root{
  --mx-accent:#008b8b;
  --mx-accent-dark:#006f73;
  --mx-accent-soft:#eaf6f6;
  --mx-appbar:#1f1f1f;
  --mx-page:#f3f3f3;
  --mx-line:#e1e1e1;
  --mx-line-soft:#edebe9;
  --mx-ink:#212121;
  --mx-ink-2:#505050;
  --mx-link:#00737a;
}

html,body{background:var(--mx-page)!important;}
html,body,button,input,select,textarea{font-family:"Segoe UI","Segoe UI Web (West European)",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif!important;}

/* ---------------- Shiriti i aplikacionit ---------------- */
.mx-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--mx-page);}
.mx-appbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:6px;height:48px;padding:0 10px 0 4px;background:var(--mx-appbar);color:#fff;}
.mx-appbar-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:2px;}
.mx-appbar-btn:hover{background:rgba(255,255,255,.12);}
.mx-appbar-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mx-menu-btn{display:none;}
.mx-brand{display:flex;align-items:center;gap:10px;height:48px;padding:0 10px;color:#fff!important;text-decoration:none!important;min-width:0;}
.mx-brand:hover{background:rgba(255,255,255,.08);}
.mx-waffle{display:grid;grid-template-columns:repeat(3,4px);gap:3px;margin-right:6px;}
.mx-waffle i{width:4px;height:4px;background:#fff;display:block;}
.mx-brand strong{font-size:15px;font-weight:600;}
.mx-brand-company{font-size:15px;color:#d0d0d0;padding-left:10px;border-left:1px solid #5a5a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mx-spacer{flex:1;}
.mx-user{display:flex;align-items:center;gap:8px;padding:0 6px;}
.mx-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mx-accent);color:#fff;font-size:13px;font-weight:600;}
.mx-user-name{font-size:13px;}

/* ---------------- Menyja ---------------- */
.mx-navbar{position:sticky;top:48px;z-index:55;display:flex;align-items:stretch;gap:2px;height:44px;padding:0 16px;background:#fff;border-bottom:1px solid var(--mx-line);overflow-x:auto;scrollbar-width:none;}
.mx-navbar::-webkit-scrollbar{display:none;}
.mx-navbar a{display:flex;align-items:center;padding:0 12px;font-size:14px;color:var(--mx-ink)!important;text-decoration:none!important;white-space:nowrap;border-top:3px solid transparent;border-bottom:3px solid transparent;}
.mx-navbar a:hover{background:#f5f5f5;}
.mx-navbar a.active{border-bottom-color:var(--mx-accent);font-weight:600;}
.mx-sep{width:1px;margin:12px 6px;background:var(--mx-line);flex:none;}
.mx-menu-overlay{display:none;}

/* ---------------- Faqja ---------------- */
.mx-page{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:20px 24px 40px!important;background:transparent!important;min-width:0;}
.mx-page>div{max-width:none!important;}

/* Etiketat dekorative mbi titujt (MOB365 • CRM, MASTER DATA…) */
.mx-page .eyebrow,.mx-page .dash-head>div>span:first-child{display:none!important;}

/* Titulli i faqes */
.mx-page h1{font-size:24px!important;font-weight:400!important;letter-spacing:0!important;color:var(--mx-ink)!important;margin:0 0 2px!important;line-height:1.25!important;}
.mx-page h1+p{font-size:13px!important;color:var(--mx-ink-2)!important;margin:0!important;}
.mx-page h2{font-size:16px!important;font-weight:600!important;letter-spacing:0!important;color:var(--mx-ink)!important;}
.mx-page h3{font-size:14px!important;font-weight:600!important;}

/* Koka e faqes: titulli majtas, veprimet si shirit teksti */
.mx-page :is(.master-hero,.dash-head,.page-head,.page-header){
  display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px 16px!important;
  margin:0 0 14px!important;padding:0 0 10px!important;border:0!important;border-bottom:1px solid var(--mx-line)!important;
  background:transparent!important;background-image:none!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;color:var(--mx-ink)!important;
}
.mx-page :is(.master-hero,.dash-head,.page-head,.page-header) :is(button,a.btn,.btn,.dash-btn){
  background:transparent!important;border:0!important;box-shadow:none!important;color:var(--mx-ink)!important;
  font-size:14px!important;font-weight:400!important;padding:6px 10px!important;border-radius:2px!important;display:inline-flex!important;align-items:center;gap:6px;
}
.mx-page :is(.master-hero,.dash-head,.page-head,.page-header) :is(button,a.btn,.btn,.dash-btn):hover{background:#ececec!important;}
.mx-page :is(.master-hero,.dash-head,.page-head,.page-header) :is(button,a.btn,.btn,.dash-btn)::before{content:"";width:3px;height:16px;background:var(--mx-accent);display:inline-block;margin-right:2px;}
.mx-page .bc-master-meta{display:none!important;}

/* ---------------- Pjesët: të sheshta ---------------- */
.mx-page :is(.card,.list-card,.editor-card,.panel,.master-toolbar,.dash-card,.dash-panel,.bc-card,.r4-card){
  background:#fff!important;background-image:none!important;border:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;
}

/* ---------------- Cue (numrat kryesorë) ---------------- */
.mx-page :is(.kpis>*,.dash-kpi-card,.kpi,.kpi-card,.stat-card){
  background:#fff!important;background-image:none!important;border:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:12px 14px!important;
}
.mx-page :is(.kpis>* strong,.kpis>* b,.dash-kpi-card strong,.dash-kpi-value,.kpi-value,.kpi strong){
  font-family:"Segoe UI Light","Segoe UI",system-ui,sans-serif!important;font-weight:300!important;font-size:30px!important;color:var(--mx-ink)!important;letter-spacing:0!important;
}
.mx-page :is(.dash-kpi-card,.kpis>*) :is(span,small,p){font-weight:400!important;color:var(--mx-ink-2)!important;}

/* ---------------- Listat ---------------- */
.mx-page table{background:#fff!important;border-collapse:collapse!important;}
.mx-page table thead th{background:#fff!important;background-image:none!important;color:var(--mx-ink-2)!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;border:0!important;border-bottom:1px solid #c8c8c8!important;padding:8px 10px!important;}
.mx-page table tbody td{border:0!important;border-bottom:1px solid var(--mx-line-soft)!important;padding:7px 10px!important;color:var(--mx-ink)!important;font-size:14px;}
.mx-page table tbody tr:hover td{background:#f5f5f5!important;}
.mx-page table tbody tr.selected td,.mx-page table tbody tr.active td{background:var(--mx-accent-soft)!important;}

/* ---------------- Butonat, fushat, statuset ---------------- */
.mx-page :is(button,.btn,input,select,textarea){border-radius:2px!important;}
.mx-page :is(.btn.primary,.btn-primary,button.primary){background:var(--mx-accent)!important;border-color:var(--mx-accent)!important;color:#fff!important;box-shadow:none!important;}
.mx-page :is(.btn.primary,.btn-primary,button.primary):hover{background:var(--mx-accent-dark)!important;}
.mx-page :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:#8a8886!important;box-shadow:none!important;}
.mx-page :is(input,select,textarea):focus{border-color:var(--mx-accent)!important;box-shadow:0 0 0 1px var(--mx-accent)!important;outline:0!important;}
.mx-page .pill{border-radius:2px!important;font-weight:400!important;font-size:12px!important;}
.mx-page a{color:var(--mx-link);}

/* Skedat brenda faqeve */
.mx-page .r4-dashboard-tabs a{font-size:14px!important;}

/* =====================================================================
   Banerat e faqeve ("hero") → koka e faqes si në BC
   Çdo faqe e ka me emër tjetër; këtu trajtohen të gjitha njësoj.
   ===================================================================== */
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero){
  display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px 16px!important;
  margin:0 0 14px!important;padding:0 0 10px!important;min-height:0!important;
  background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;
  color:var(--mx-ink)!important;
}
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero)::before,
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero)::after{display:none!important;}
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero) :is(h1,h2,p,div,strong,b){color:var(--mx-ink)!important;}
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero) p{color:var(--mx-ink-2)!important;font-size:13px!important;}
/* Etiketa e vogël mbi titull ("MOB365 • BUSINESS MANAGER"…), logot dhe "pilulat" e statusit */
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero) *:has(+ h1),
.mx-page :is(.pm-hero-logo,.pm-live-pill,.bc-master-meta),
.mx-page :is(.pm-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero) img{display:none!important;}
.mx-page :is(.sales-hero-top,.pm-hero-brand){background:transparent!important;padding:0!important;display:flex;align-items:center;gap:12px;}
/* Butonat e banerit → shirit veprimesh me tekst */
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero,.hero-actions,.pm-hero-actions) :is(button,a.btn,.btn,.pm-btn){
  background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--mx-ink)!important;
  font-size:14px!important;font-weight:400!important;padding:6px 10px!important;border-radius:2px!important;display:inline-flex!important;align-items:center;gap:6px;min-height:0!important;
}
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero,.hero-actions,.pm-hero-actions) :is(button,a.btn,.btn,.pm-btn):hover{background:#ececec!important;}
.mx-page :is(.pm-hero,.audit-final-hero,.enterprise-hero,.am-hero,.ops-hero,.mr-hero,.mc-hero,.master-hero,.hero-actions,.pm-hero-actions) :is(button,a.btn,.btn,.pm-btn)::before{content:"";width:3px;height:16px;background:var(--mx-accent);display:inline-block;margin-right:2px;}

/* =====================================================================
   Pa hije, pa gradientë, kënde të drejta (vetëm te kontejnerët, jo te pilulat/avatarët)
   ===================================================================== */
.mx-page *:not(input):not(select):not(textarea){box-shadow:none!important;text-shadow:none!important;}
.mx-page :is([class*="card"],[class*="panel"],[class*="strip"],[class*="tabs"],[class*="focus"],[class*="note"],[class*="toolbar"],[class*="section"],article,aside):not([class*="pill"]):not([class*="badge"]):not([class*="avatar"]):not([class*="dot"]){border-radius:2px!important;}
.mx-page :is([class*="hero"],[class*="card"],[class*="panel"],[class*="page"],[class*="tabs"],[class*="strip"],[class*="section"],article,.active){background-image:none!important;}
.mx-page .dashboard-page{background:transparent!important;}

/* Grafikët e panelit: shirita teal të plotë */
.mx-page .r7-chart-track{background:#eef0f1!important;}
.mx-page .r7-chart-bar{background:var(--mx-accent)!important;}

/* Skedat brenda faqes (Café / Warehouse / Stafi…) → nënvizim si në BC */
.mx-page .pm-tabs{background:transparent!important;border:0!important;border-bottom:1px solid var(--mx-line)!important;padding:0!important;gap:0!important;}
.mx-page .pm-tabs :is(button,a){background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--mx-ink)!important;font-weight:400!important;padding:10px 14px!important;}
.mx-page .pm-tabs :is(button,a).active{border-bottom-color:var(--mx-accent)!important;font-weight:600!important;}

/* Pllakat e veprimeve të menaxherit → pllaka të bardha si "Actions" në BC */
.mx-page .pm-manager-strip{background:#fff!important;border:1px solid var(--mx-line)!important;}
.mx-page .pm-quick-action{background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:2px!important;color:var(--mx-ink)!important;}
.mx-page .pm-quick-action:hover{background:#f5f5f5!important;border-color:#c8c8c8!important;}
.mx-page .pm-quick-action :is(b,small){color:var(--mx-ink)!important;}
.mx-page .pm-quick-action small{color:var(--mx-ink-2)!important;}
.mx-page .pm-quick-action>span{background:var(--mx-accent-soft)!important;color:var(--mx-accent-dark)!important;border-radius:2px!important;}
.mx-page .pm-quick-action.primary{border-left:3px solid var(--mx-accent)!important;}
.mx-page :is(.pm-btn.primary){background:var(--mx-accent)!important;color:#fff!important;border-color:var(--mx-accent)!important;}

/* Cue të tjera (moduli aktiv, kategori…) */
.mx-page .pm-card{background:#fff!important;border:1px solid var(--mx-line)!important;border-left:1px solid var(--mx-line)!important;}
.mx-page .pm-card :is(strong,b,h3){font-weight:300!important;font-family:"Segoe UI Light","Segoe UI",system-ui,sans-serif!important;}

/* Titujt: më specifik se stilet e vjetra të faqeve (.bc-content .dash-head h1, .master-hero h1…) */
html body .mx-shell .mx-page h1{font-size:24px!important;font-weight:400!important;letter-spacing:0!important;color:var(--mx-ink)!important;}
@media (max-width:760px){html body .mx-shell .mx-page h1{font-size:20px!important;}}

/* =====================================================================
   .sales-hero-card (Shitjet, Pajisjet, Përdoruesit, Të drejtat): përmban titullin DHE formularët.
   Vetëm rreshti i titullit (.sales-hero-top) bëhet koka e faqes; pjesa tjetër është panel formulari.
   ===================================================================== */
.mx-page .sales-hero-card{display:block!important;background:#fff!important;background-image:none!important;border:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;padding:16px!important;margin:0 0 14px!important;color:var(--mx-ink)!important;}
.mx-page .sales-hero-card::before,.mx-page .sales-hero-card::after{display:none!important;}
/* Kartela e parë e faqes: titulli sipër, pa kuti */
.mx-page>div>.sales-hero-card:first-child{background:transparent!important;border:0!important;padding:0!important;}
.mx-page .sales-hero-top{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px 16px!important;margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid var(--mx-line)!important;background:transparent!important;}
.mx-page .sales-hero-top *:has(+ h1),.mx-page .sales-kicker{display:none!important;}
.mx-page .sales-hero-top p{color:var(--mx-ink-2)!important;font-size:13px!important;margin:0!important;}
.mx-page .sales-hero-card h2{margin:0 0 4px!important;}
.mx-page .sales-hero-card>p{color:var(--mx-ink-2)!important;font-size:13px!important;margin:0 0 12px!important;}
/* Fushat e filtrave/formularëve: rrjet i rregullt, etiketa të vogla, pa sfond blu */
.mx-page .sales-filter-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:10px 14px!important;background:#fff!important;border:1px solid var(--mx-line)!important;padding:12px!important;margin:0 0 12px!important;border-radius:0!important;}
.mx-page .sales-hero-card .sales-hero-card .sales-filter-grid,.mx-page section.sales-hero-card .sales-filter-grid{border:0!important;padding:0!important;}
.mx-page .filter-group{display:flex!important;flex-direction:column!important;gap:4px!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;min-width:0!important;}
.mx-page .filter-group label,.mx-page .sales-hero-card label{font-size:12px!important;font-weight:600!important;color:var(--mx-ink-2)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;}
.mx-page .filter-group :is(input,select),.mx-page .bc26-input{width:100%!important;height:34px!important;padding:5px 8px!important;font-size:14px!important;background:#fff!important;border:1px solid #8a8886!important;border-radius:2px!important;}
.mx-page .search-box{position:relative;background:transparent!important;border:0!important;padding:0!important;}
.mx-page .search-box>span{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.6;}
/* Butonat e kartelave (Rifresko, Regjistro, Aprovo, Çaktivizo) → veprime me tekst */
.mx-page .sales-hero-card :is(.reload-btn,button:not(.bc-dev-command)){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--mx-ink)!important;font-size:14px!important;font-weight:400!important;padding:6px 10px!important;border-radius:2px!important;display:inline-flex!important;align-items:center;gap:6px;min-height:0!important;}
.mx-page .sales-hero-card :is(.reload-btn,button:not(.bc-dev-command)):hover{background:#ececec!important;}
.mx-page .sales-hero-card :is(.reload-btn,button:not(.bc-dev-command))::before{content:"";width:3px;height:16px;background:var(--mx-accent);display:inline-block;margin-right:2px;}
.mx-page .sales-hero-card table :is(.reload-btn,button)::before{display:none;}
.mx-page .sales-hero-card table :is(.reload-btn,button){color:var(--mx-link)!important;padding:2px 6px!important;}
/* Shiriti "Pamja e listës" */
.mx-page .bc-dev-commandbar{background:transparent!important;border:0!important;border-bottom:1px solid var(--mx-line)!important;padding:4px 0!important;margin:0 0 12px!important;display:flex!important;flex-wrap:wrap;gap:2px!important;}
.mx-page .bc-dev-command-label{font-size:12px!important;color:var(--mx-ink-2)!important;font-weight:600!important;letter-spacing:0!important;padding:6px 8px 6px 0!important;}
.mx-page .bc-dev-command{background:transparent!important;border:0!important;color:var(--mx-ink)!important;font-size:14px!important;padding:6px 10px!important;border-radius:2px!important;}
.mx-page .bc-dev-command:hover{background:#ececec!important;}
/* Treguesit e Shitjeve/Pajisjeve */
.mx-page .sales-kpi-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:10px!important;margin:0 0 14px!important;}
.mx-page .sales-kpi-card{background:#fff!important;background-image:none!important;border:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;padding:12px 14px!important;}
.mx-page .sales-kpi-card .kpi-icon{display:none!important;}
.mx-page .sales-kpi-card b{display:block;font-family:"Segoe UI Light","Segoe UI",system-ui,sans-serif!important;font-weight:300!important;font-size:30px!important;color:var(--mx-ink)!important;}
.mx-page .sales-kpi-card :is(span,small){color:var(--mx-ink-2)!important;font-weight:400!important;}
.mx-page .sales-table-card{background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;}
@media (max-width:760px){
  .mx-page .sales-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .mx-page .sales-kpi-card b{font-size:24px!important;}
  .mx-page .sales-filter-grid{grid-template-columns:1fr!important;}
}

/* Treguesit e faqeve të operacioneve (Stoku, Inventarizimi, Kthimet): <article> brenda .ops-kpis */
.mx-page .ops-kpis>article{background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;}
.mx-page .ops-kpis>article::before,.mx-page .ops-kpis>article::after{display:none!important;}
.mx-page .ops-kpis>article strong{font-family:"Segoe UI Light","Segoe UI",system-ui,sans-serif!important;font-weight:300!important;font-size:30px!important;color:var(--mx-ink)!important;}
@media (max-width:760px){.mx-page .ops-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}.mx-page .ops-kpis>article strong{font-size:24px!important;}}

/* Rrathët dekorativë në cepat e kartelave (p.sh. Stoku) */
.mx-page :is([class*="card"],[class*="kpi"],[class*="stat"])::after,
.mx-page :is([class*="kpi"],[class*="stat-card"])::before{display:none!important;}
/* Pllaka e parë e veprimeve (më specifike se stilet e vjetra që e mbushnin me teal) */
.mx-page .pm-manager-strip .pm-quick-action.primary{background:#fff!important;color:var(--mx-ink)!important;}
.mx-page .pm-manager-strip .pm-quick-action.primary :is(b,small){color:var(--mx-ink)!important;}
.mx-page .pm-manager-strip .pm-quick-action.primary>span{background:var(--mx-accent)!important;color:#fff!important;}
/* Numrat e treguesve në Shitje, Blerës, Stok, POS: të hollë si cue në BC */
.mx-page :is(.pm-card,.sales-kpi,.sales-summary-card,.kpis>div,.stock-kpi,[class*="kpi-card"],[class*="summary-card"]) :is(strong,b,.value,[class*="value"]){
  font-family:"Segoe UI Light","Segoe UI",system-ui,sans-serif!important;font-weight:300!important;letter-spacing:0!important;color:var(--mx-ink)!important;
}
.mx-page .dash-kpi-card :is(strong,b,[class*="value"],h3){font-family:"Segoe UI Light","Segoe UI",system-ui,sans-serif!important;font-weight:300!important;}

/* ---------------- Tablet ---------------- */
@media (max-width:1024px){
  .mx-page{padding:16px!important;}
  .mx-brand-company{max-width:240px;}
}

/* ---------------- Telefon ---------------- */
@media (max-width:760px){
  .mx-menu-btn{display:inline-grid;}
  .mx-waffle,.mx-user-name{display:none;}
  .mx-brand{padding:0 6px;}
  .mx-brand-company{max-width:140px;font-size:13px;}
  .mx-navbar{position:fixed;top:48px;left:0;right:0;height:auto;max-height:calc(100vh - 48px);flex-direction:column;padding:6px 0;overflow-y:auto;transform:translateY(-110%);transition:transform .18s ease;box-shadow:0 8px 16px rgba(0,0,0,.18);}
  .mx-navbar a{padding:12px 20px;border:0;border-left:3px solid transparent;font-size:15px;}
  .mx-navbar a.active{border-left-color:var(--mx-accent);background:#f5f5f5;}
  .mx-sep{width:auto;height:1px;margin:6px 16px;}
  .menu-open .mx-navbar{transform:none;}
  .menu-open .mx-menu-overlay{display:block;position:fixed;inset:48px 0 0 0;z-index:50;background:rgba(0,0,0,.3);border:0;}
  .mx-page{padding:12px!important;}
  .mx-page h1{font-size:20px!important;}
  .mx-page :is(.master-hero,.dash-head,.page-head,.page-header){align-items:flex-start!important;}
  .mx-page :is(.kpis,.dash-kpi-grid){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .mx-page :is(.kpis>* strong,.kpis>* b,.dash-kpi-card strong,.dash-kpi-value,.kpi-value,.kpi strong){font-size:24px!important;}
  .mx-page table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .mx-page input,.mx-page select,.mx-page textarea{font-size:16px!important;}
}