:root{
  --bg:#08271f; --panel:#10392c; --panel2:#154634; --line:#7b5d3d;
  --gold:#d8a55c; --gold-soft:#f0c98a; --text:#f7f0e5; --muted:#d3c4ad; --good:#2f9e66; --warn:#c58a2e; --bad:#cf6257; --info:#8ea869;
  --radius:18px;
  --shadow-soft:0 14px 34px rgba(0,0,0,.18);
  --shadow-strong:0 18px 40px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top,#124737 0%,#08271f 58%,#041812 100%);color:var(--text);font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.shell{max-width:1380px;margin:0 auto;padding:22px 22px 34px}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0 20px}
.brand h1{margin:0;color:var(--gold);font-weight:600;font-size:24px;font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;letter-spacing:.02em}
.brand p{margin:4px 0 0;color:var(--muted)}
.brand h2,.card h2,.card h3{line-height:1.15}
.brand h2,.card h2{font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;letter-spacing:.01em}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.nav a{padding:12px 16px;border:1px solid rgba(212,154,82,.25);border-radius:999px;background:rgba(255,255,255,.03);transition:.18s background,.18s border-color,.18s transform}
.nav a.active{background:rgba(212,154,82,.15);border-color:rgba(212,154,82,.55)}
.nav a:hover{background:rgba(212,154,82,.10);transform:translateY(-1px)}
.btn,.input,.select,.textarea{font:inherit}
.btn{border:none;border-radius:14px;padding:12px 16px;cursor:pointer;background:var(--gold);color:#1d160f;font-weight:700;letter-spacing:.01em;transition:.18s transform,.18s opacity,.18s box-shadow,.18s background}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.14)}
.btn.alt{background:transparent;border:1px solid rgba(245,239,229,.2);color:var(--text)}
.btn.green{background:var(--good);color:white}
.btn.warn{background:var(--warn);color:#1d160f}
.btn.bad{background:var(--bad);color:white}
.btn.small{padding:8px 11px;font-size:12px;border-radius:12px}
.input,.select,.textarea{width:100%;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(212,154,82,.22);color:var(--text);border-radius:14px;line-height:1.35;min-height:50px}
.input:focus,.select:focus,.textarea:focus{outline:2px solid rgba(216,165,92,.55);outline-offset:1px;border-color:rgba(216,165,92,.55)}
.textarea{min-height:108px;resize:vertical}
.field-stack{display:grid;gap:8px}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:1.1fr .9fr}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-4{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(180deg,rgba(15,58,42,.92),rgba(10,43,30,.96));border:1px solid rgba(212,154,82,.22);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft)}
.card h2,.card h3{margin:0 0 12px;color:var(--gold);font-weight:500}
.sub{color:var(--muted);font-size:13px;line-height:1.6}
.kpi strong{display:block;font-size:28px;color:var(--text);font-weight:600}
.kpi span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.table{width:100%;border-collapse:collapse;table-layout:auto;min-width:100%}
.table th,.table td{padding:12px 10px;border-bottom:1px solid rgba(212,154,82,.16);text-align:left;font-size:14px;vertical-align:top;line-height:1.5;word-break:normal;overflow-wrap:break-word}
.table th{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.12em;white-space:nowrap}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}
.badge.good{background:rgba(47,158,102,.18);color:#8be7b2}
.badge.warn{background:rgba(197,138,46,.18);color:#f2cb79}
.badge.bad{background:rgba(207,98,87,.18);color:#ffb3aa}
.badge.info{background:rgba(142,168,105,.18);color:#d8e7bd}
.list{display:grid;gap:10px}
.item{border:1px solid rgba(212,154,82,.16);border-radius:16px;padding:14px;background:rgba(255,255,255,.02)}
.row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.row.wrap{flex-wrap:wrap}
.toast{position:fixed;right:18px;bottom:18px;background:var(--panel2);border:1px solid rgba(212,154,82,.45);padding:12px 14px;border-radius:14px;display:none;box-shadow:var(--shadow-strong);max-width:420px;z-index:30}
.toast.on{display:block}
.note{padding:13px 15px;border-radius:16px;background:rgba(212,154,82,.08);border:1px solid rgba(212,154,82,.18);color:var(--muted);line-height:1.6}
.hero{display:grid;gap:18px;grid-template-columns:1.1fr .9fr}
.tag{font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.sep{height:1px;background:rgba(212,154,82,.18);margin:14px 0}
.panel-stack{display:grid;gap:16px}
.muted-line{color:var(--muted);font-size:13px}
.pill-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pill-tabs button{background:rgba(255,255,255,.04);border:1px solid rgba(212,154,82,.18);color:var(--text)}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.metric-card{padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(212,154,82,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.metric-card strong{display:block;font-size:28px;margin-top:6px}
.metric-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.metric-list{display:grid;gap:0}
.metric-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,max-content);gap:16px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(216,165,92,.12)}
.metric-row:first-child{padding-top:0}
.metric-row:last-child{padding-bottom:0;border-bottom:none}
.metric-row .label{line-height:1.48;color:var(--text);word-break:normal;overflow-wrap:break-word;padding-right:4px}
.metric-row .value{text-align:right;font-weight:800;line-height:1.35;white-space:normal}
.empty-state{padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px dashed rgba(212,154,82,.20);color:var(--muted)}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}
.page-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.scroll-y{max-height:420px;overflow:auto;padding-right:4px}
.table-shell{overflow:auto;border-radius:16px}
.page-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.summary-board{display:grid;gap:12px}
.summary-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(212,154,82,.16)}
.summary-card .tag{margin-bottom:6px}
.summary-card h3{margin:0;color:var(--gold);font-weight:500;font-family:"Palatino Linotype","Book Antiqua",Georgia,serif}
@media(max-width:1200px){.shell{padding:20px 18px 32px}}
@media(max-width:960px){.grid.cols-2,.hero,.grid.cols-3,.grid.cols-4,.metric-grid,.page-card-grid{grid-template-columns:1fr}}

/* =========================================================
   Admin + Manager UI Standardization Patch
   Scope: owner_admin.html and manager.html only.
   Purpose: improve font consistency, spacing, alignment,
   table readability, button layout, and responsive behavior
   without removing or hiding any existing feature.
   ========================================================= */
body.erp-admin-page,
body.erp-manager-page{
  font-family: Inter, "Avenir Next", "Segoe UI", Roboto, Helvetica, Arial, system-ui, sans-serif;
  font-size:15px;
  line-height:1.55;
  letter-spacing:.005em;
  background:
    radial-gradient(circle at 10% -10%, rgba(216,165,92,.12), transparent 34%),
    radial-gradient(circle at 96% 0%, rgba(142,168,105,.10), transparent 28%),
    linear-gradient(180deg,#09291f 0%,#061e17 100%);
}
body.erp-admin-page .shell,
body.erp-manager-page .shell{
  max-width:1500px;
  padding:26px 28px 42px;
}
body.erp-admin-page .topbar,
body.erp-manager-page .topbar{
  align-items:center;
  gap:20px;
  padding:0 0 22px;
  margin-bottom:4px;
  border-bottom:1px solid rgba(216,165,92,.16);
}
body.erp-admin-page .brand,
body.erp-manager-page .brand{
  min-width:0;
}
body.erp-admin-page .brand h1,
body.erp-manager-page .brand h1{
  font-family: Georgia, "Times New Roman", serif;
  font-size:29px;
  line-height:1.1;
  letter-spacing:.01em;
  margin-bottom:5px;
}
body.erp-admin-page .brand p,
body.erp-manager-page .brand p{
  max-width:860px;
  color:rgba(247,240,229,.72);
  font-size:13.5px;
}
body.erp-admin-page #nav-slot,
body.erp-manager-page #nav-slot{
  margin-top:14px;
}
body.erp-admin-page .nav,
body.erp-manager-page .nav{
  gap:8px;
  margin-top:0;
}
body.erp-admin-page .nav a,
body.erp-manager-page .nav a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  background:rgba(255,255,255,.035);
  border-color:rgba(216,165,92,.22);
}
body.erp-admin-page .nav a.active,
body.erp-manager-page .nav a.active{
  background:rgba(216,165,92,.18);
  border-color:rgba(216,165,92,.58);
}
body.erp-admin-page .section-actions,
body.erp-manager-page .table-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  max-width:680px;
}
body.erp-admin-page .btn,
body.erp-manager-page .btn{
  min-height:40px;
  border-radius:12px;
  padding:10px 14px;
  font-size:13.5px;
  line-height:1.2;
  box-shadow:none;
}
body.erp-admin-page .btn.small,
body.erp-manager-page .btn.small{
  min-height:34px;
  padding:8px 11px;
  font-size:12.5px;
}
body.erp-admin-page .card,
body.erp-manager-page .card{
  border-radius:22px;
  padding:20px;
  border-color:rgba(216,165,92,.18);
  background:linear-gradient(180deg,rgba(19,67,50,.94),rgba(9,38,29,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
body.erp-admin-page .card + .card,
body.erp-manager-page .card + .card{
  margin-top:0;
}
body.erp-admin-page .card h2,
body.erp-admin-page .card h3,
body.erp-manager-page .card h2,
body.erp-manager-page .card h3{
  font-family: Georgia, "Times New Roman", serif;
  font-size:20px;
  font-weight:600;
  margin-bottom:10px;
  color:#e4b56f;
}
body.erp-admin-page .sub,
body.erp-admin-page .muted-line,
body.erp-manager-page .sub,
body.erp-manager-page .muted-line{
  color:rgba(247,240,229,.68);
  font-size:13px;
  line-height:1.62;
}
body.erp-admin-page .tag,
body.erp-manager-page .tag{
  color:rgba(240,201,138,.76);
  font-size:10.5px;
  letter-spacing:.16em;
  font-weight:800;
}
body.erp-admin-page .metric-grid,
body.erp-admin-page .executive-grid,
body.erp-admin-page .trend-strip,
body.erp-manager-page .metric-grid,
body.erp-manager-page .manager-lock-grid,
body.erp-manager-page .stock-control-grid,
body.erp-manager-page .erp-health-grid{
  align-items:stretch;
}
body.erp-admin-page .metric-card,
body.erp-admin-page .summary-card,
body.erp-admin-page .erp-health-line,
body.erp-manager-page .metric-card,
body.erp-manager-page .summary-card,
body.erp-manager-page .erp-health-line,
body.erp-manager-page .stock-control-card,
body.erp-manager-page .manager-lock-card{
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(216,165,92,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.erp-admin-page .metric-card strong,
body.erp-manager-page .metric-card strong,
body.erp-admin-page .kpi strong,
body.erp-manager-page .kpi strong{
  font-size:27px;
  line-height:1.12;
  font-weight:750;
  letter-spacing:-.02em;
}
body.erp-admin-page .metric-card span,
body.erp-manager-page .metric-card span{
  font-size:10.5px;
  letter-spacing:.14em;
}
body.erp-admin-page .input,
body.erp-admin-page .select,
body.erp-admin-page .textarea,
body.erp-manager-page .input,
body.erp-manager-page .select,
body.erp-manager-page .textarea{
  min-height:44px;
  border-radius:13px;
  padding:10px 12px;
  background:rgba(255,255,255,.045);
  border-color:rgba(216,165,92,.20);
  color:#fff7ea;
}
body.erp-admin-page label,
body.erp-manager-page label{
  color:rgba(247,240,229,.74);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
body.erp-admin-page .table-shell,
body.erp-admin-page .scroll-y,
body.erp-admin-page .manager-lock-table,
body.erp-manager-page .table-shell,
body.erp-manager-page .scroll-y,
body.erp-manager-page .manager-lock-table{
  border-radius:16px;
  border:1px solid rgba(216,165,92,.13);
  background:rgba(2,16,12,.22);
}
body.erp-admin-page .table,
body.erp-manager-page .table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
body.erp-admin-page .table th,
body.erp-manager-page .table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#123b2e;
  color:#e6cfaa;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.13em;
  padding:11px 12px;
  border-bottom:1px solid rgba(216,165,92,.24);
}
body.erp-admin-page .table td,
body.erp-manager-page .table td{
  padding:11px 12px;
  font-size:13px;
  line-height:1.45;
  color:rgba(247,240,229,.90);
  border-bottom:1px solid rgba(216,165,92,.10);
}
body.erp-admin-page .table tbody tr:nth-child(even) td,
body.erp-manager-page .table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.018);
}
body.erp-admin-page .table tbody tr:hover td,
body.erp-manager-page .table tbody tr:hover td{
  background:rgba(216,165,92,.055);
}
body.erp-admin-page .badge,
body.erp-manager-page .badge{
  padding:5px 9px;
  border-radius:999px;
  font-size:10.5px;
  line-height:1.1;
  letter-spacing:.02em;
}
body.erp-admin-page .panel-stack,
body.erp-manager-page .panel-stack{
  gap:18px;
}
body.erp-admin-page .report-grid,
body.erp-admin-page .decision-grid,
body.erp-manager-page .module-grid,
body.erp-manager-page .manager-report-grid{
  gap:18px;
}
body.erp-manager-page .module-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.erp-manager-page .module-card .table-actions{
  margin-top:auto;
}
body.erp-manager-page .domain-subnav,
body.erp-manager-page .subnav{
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(216,165,92,.13);
  padding:14px;
}
body.erp-admin-page .page-intro,
body.erp-manager-page .page-intro{
  gap:18px;
  align-items:flex-start;
}
body.erp-admin-page .note,
body.erp-manager-page .note,
body.erp-manager-page .manager-readonly-banner{
  border-radius:16px;
  background:rgba(216,165,92,.075);
  border-color:rgba(216,165,92,.18);
}
body.erp-admin-page .sep,
body.erp-manager-page .sep{
  margin:16px 0;
  background:rgba(216,165,92,.14);
}
body.erp-admin-page .mini-report,
body.erp-manager-page .mini-report{
  border-radius:18px;
  border-color:rgba(216,165,92,.15);
}
body.erp-admin-page .metric-row,
body.erp-manager-page .metric-row{
  gap:14px;
  padding:10px 0;
}
body.erp-admin-page .metric-row .value,
body.erp-manager-page .metric-row .value{
  font-weight:800;
  color:#fff6e8;
}
@media(max-width:1180px){
  body.erp-admin-page .topbar,
  body.erp-manager-page .topbar{align-items:flex-start;flex-direction:column}
  body.erp-admin-page .section-actions,
  body.erp-manager-page .table-actions{justify-content:flex-start;max-width:none;width:100%}
  body.erp-admin-page .shell,
  body.erp-manager-page .shell{padding:22px 18px 34px}
}
@media(max-width:760px){
  body.erp-admin-page .brand h1,
  body.erp-manager-page .brand h1{font-size:24px}
  body.erp-admin-page .card,
  body.erp-manager-page .card{padding:16px;border-radius:18px}
  body.erp-admin-page .btn,
  body.erp-manager-page .btn{width:auto;max-width:100%}
  body.erp-admin-page .section-actions .btn,
  body.erp-manager-page .table-actions .btn{flex:1 1 140px}
  body.erp-admin-page .table th,
  body.erp-admin-page .table td,
  body.erp-manager-page .table th,
  body.erp-manager-page .table td{padding:10px;font-size:12px}
}
@media print{
  body.erp-admin-page,
  body.erp-manager-page{background:#fff;color:#111}
  body.erp-admin-page .card,
  body.erp-manager-page .card{box-shadow:none;border-color:#ddd;background:#fff;color:#111}
  body.erp-admin-page .topbar,
  body.erp-manager-page .topbar{border-bottom:1px solid #ddd}
  body.erp-admin-page .btn,
  body.erp-manager-page .btn,
  body.erp-admin-page .nav,
  body.erp-manager-page .nav{display:none!important}
}

/* =========================================================
   FINAL CORPORATE ERP UI PATCH - Admin + Manager only
   Design target: simple, compact, minimal (SAP / Zoho / ERPNext style)
   Scope: visual hierarchy, font consistency, card sizing, alignment,
   horizontal swipe/scroll for dense panels. No feature removal.
   ========================================================= */
body.erp-admin-page,
body.erp-manager-page{
  font-family:"Segoe UI", Inter, Roboto, Helvetica, Arial, system-ui, sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  background:#0b251d !important;
  color:#f4efe6 !important;
}
body.erp-admin-page .shell,
body.erp-manager-page .shell{
  max-width:1440px !important;
  padding:18px 20px 30px !important;
}
body.erp-admin-page .topbar,
body.erp-manager-page .topbar{
  align-items:flex-start !important;
  padding-bottom:14px !important;
  margin-bottom:14px !important;
  border-bottom:1px solid rgba(216,165,92,.18) !important;
}
body.erp-admin-page .brand h1,
body.erp-manager-page .brand h1,
body.erp-admin-page .brand h2,
body.erp-manager-page .brand h2,
body.erp-admin-page .card h2,
body.erp-manager-page .card h2,
body.erp-admin-page .card h3,
body.erp-manager-page .card h3,
body.erp-admin-page .summary-card h3,
body.erp-manager-page .summary-card h3{
  font-family:"Segoe UI", Inter, Roboto, Helvetica, Arial, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}
body.erp-admin-page .brand h1,
body.erp-manager-page .brand h1{
  font-size:24px !important;
  line-height:1.16 !important;
  font-weight:700 !important;
  color:#e2b160 !important;
}
body.erp-admin-page .brand p,
body.erp-manager-page .brand p{
  font-size:13px !important;
  line-height:1.45 !important;
  color:rgba(244,239,230,.68) !important;
}
body.erp-admin-page .card,
body.erp-manager-page .card{
  border-radius:12px !important;
  padding:16px !important;
  background:#103529 !important;
  border:1px solid rgba(216,165,92,.20) !important;
  box-shadow:none !important;
}
body.erp-admin-page .card h2,
body.erp-manager-page .card h2{
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  margin-bottom:8px !important;
  color:#e4b56f !important;
}
body.erp-admin-page .card h3,
body.erp-manager-page .card h3{
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  margin-bottom:8px !important;
  color:#e4b56f !important;
}
body.erp-admin-page .tag,
body.erp-manager-page .tag{
  font-size:10px !important;
  letter-spacing:.12em !important;
  font-weight:700 !important;
  color:#d8b477 !important;
}
body.erp-admin-page .sub,
body.erp-admin-page .muted-line,
body.erp-manager-page .sub,
body.erp-manager-page .muted-line,
body.erp-admin-page .note,
body.erp-manager-page .note{
  font-size:12.5px !important;
  line-height:1.5 !important;
  color:rgba(244,239,230,.68) !important;
}
body.erp-admin-page .note,
body.erp-manager-page .note,
body.erp-manager-page .manager-readonly-banner{
  border-radius:10px !important;
  padding:10px 12px !important;
  background:#173d30 !important;
  border:1px solid rgba(216,165,92,.18) !important;
}
body.erp-admin-page .btn,
body.erp-manager-page .btn,
body.erp-admin-page .nav a,
body.erp-manager-page .nav a{
  border-radius:8px !important;
  min-height:34px !important;
  padding:8px 11px !important;
  font-size:12.5px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
body.erp-admin-page .btn:hover,
body.erp-manager-page .btn:hover,
body.erp-admin-page .nav a:hover,
body.erp-manager-page .nav a:hover{
  transform:none !important;
  box-shadow:none !important;
}
body.erp-admin-page .input,
body.erp-admin-page .select,
body.erp-admin-page .textarea,
body.erp-manager-page .input,
body.erp-manager-page .select,
body.erp-manager-page .textarea{
  border-radius:8px !important;
  min-height:38px !important;
  padding:8px 10px !important;
  font-size:13px !important;
  background:#12392d !important;
}
body.erp-admin-page .metric-grid,
body.erp-admin-page .executive-grid,
body.erp-admin-page .trend-strip,
body.erp-manager-page .metric-grid,
body.erp-manager-page .manager-lock-grid,
body.erp-manager-page .stock-control-grid,
body.erp-manager-page .erp-health-grid{
  gap:10px !important;
}
body.erp-admin-page .metric-card,
body.erp-admin-page .summary-card,
body.erp-admin-page .erp-health-line,
body.erp-admin-page .trend-card,
body.erp-admin-page .mini-report,
body.erp-manager-page .metric-card,
body.erp-manager-page .summary-card,
body.erp-manager-page .erp-health-line,
body.erp-manager-page .stock-control-kpi,
body.erp-manager-page .manager-lock-card,
body.erp-manager-page .mini-report{
  border-radius:10px !important;
  padding:12px !important;
  background:#12392d !important;
  border:1px solid rgba(216,165,92,.17) !important;
  box-shadow:none !important;
  min-width:0 !important;
  overflow:auto !important;
}
body.erp-admin-page .metric-card span,
body.erp-manager-page .metric-card span,
body.erp-admin-page .kpi span,
body.erp-manager-page .kpi span,
body.erp-manager-page .manager-lock-card span,
body.erp-manager-page .stock-control-kpi span{
  display:block !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.10em !important;
  font-weight:700 !important;
  color:rgba(244,239,230,.60) !important;
  text-transform:uppercase !important;
}
body.erp-admin-page .metric-card strong,
body.erp-manager-page .metric-card strong,
body.erp-admin-page .kpi strong,
body.erp-manager-page .kpi strong,
body.erp-manager-page .manager-lock-card strong,
body.erp-manager-page .stock-control-kpi strong{
  display:block !important;
  margin-top:6px !important;
  font-size:18px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#f8f1e6 !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
body.erp-admin-page .metric-card p,
body.erp-manager-page .metric-card p{
  margin-top:5px !important;
  font-size:12px !important;
  line-height:1.38 !important;
  color:rgba(244,239,230,.62) !important;
}
/* Manager Control Center: compact readable tiles, not giant display cards */
body.erp-manager-page #manager-kpis{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  align-items:stretch !important;
}
body.erp-manager-page #manager-kpis .metric-card{
  min-height:82px !important;
  max-height:132px !important;
}
body.erp-manager-page #manager-kpis .metric-card strong{
  font-size:15px !important;
  line-height:1.32 !important;
}
body.erp-manager-page #manager-backend-lock-kpis .manager-lock-card{
  min-height:74px !important;
}
body.erp-manager-page #manager-backend-lock-kpis .manager-lock-card strong{
  font-size:15px !important;
}
/* Admin overview: decision cards should feel like ERP cards, not posters */
body.erp-admin-page .executive-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
}
body.erp-admin-page .executive-grid .metric-card{
  min-height:92px !important;
  max-height:150px !important;
}
body.erp-admin-page .executive-grid .metric-card strong{
  font-size:18px !important;
}
/* Swipe / horizontal readability for dense panels and exports */
body.erp-admin-page .table-shell,
body.erp-admin-page .scroll-y,
body.erp-admin-page .manager-lock-table,
body.erp-manager-page .table-shell,
body.erp-manager-page .scroll-y,
body.erp-manager-page .manager-lock-table{
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
  border-radius:10px !important;
  background:#0d2c22 !important;
  border:1px solid rgba(216,165,92,.14) !important;
}
body.erp-admin-page .table,
body.erp-manager-page .table{
  min-width:900px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
body.erp-admin-page .table th,
body.erp-manager-page .table th{
  background:#12382c !important;
  color:#dfc99d !important;
  font-size:10px !important;
  line-height:1.25 !important;
  padding:9px 10px !important;
  letter-spacing:.10em !important;
  font-weight:750 !important;
}
body.erp-admin-page .table td,
body.erp-manager-page .table td{
  font-size:12.5px !important;
  line-height:1.42 !important;
  padding:9px 10px !important;
  color:rgba(244,239,230,.88) !important;
}
body.erp-admin-page .metric-row,
body.erp-manager-page .metric-row{
  padding:8px 0 !important;
  gap:12px !important;
}
body.erp-admin-page .metric-row .label,
body.erp-manager-page .metric-row .label,
body.erp-admin-page .metric-row .value,
body.erp-manager-page .metric-row .value{
  font-size:12.5px !important;
  line-height:1.38 !important;
}
body.erp-admin-page .panel-stack,
body.erp-manager-page .panel-stack,
body.erp-admin-page .report-grid,
body.erp-admin-page .decision-grid,
body.erp-manager-page .module-grid,
body.erp-manager-page .manager-report-grid{
  gap:14px !important;
}
body.erp-admin-page .row,
body.erp-manager-page .row,
body.erp-admin-page .page-intro,
body.erp-manager-page .page-intro{
  gap:14px !important;
}
body.erp-admin-page .table-actions,
body.erp-manager-page .table-actions,
body.erp-admin-page .section-actions,
body.erp-manager-page .section-actions{
  gap:7px !important;
}
body.erp-admin-page .status-pill,
body.erp-manager-page .status-pill,
body.erp-admin-page .badge,
body.erp-manager-page .badge{
  font-size:10px !important;
  border-radius:999px !important;
  padding:5px 8px !important;
  letter-spacing:.04em !important;
}
@media(max-width:900px){
  body.erp-admin-page .metric-grid,
  body.erp-admin-page .executive-grid,
  body.erp-manager-page .metric-grid,
  body.erp-manager-page .manager-lock-grid{
    display:flex !important;
    overflow-x:auto !important;
    padding-bottom:6px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.erp-admin-page .metric-card,
  body.erp-admin-page .manager-lock-card,
  body.erp-manager-page .metric-card,
  body.erp-manager-page .manager-lock-card{
    min-width:240px !important;
    scroll-snap-align:start !important;
  }
  body.erp-admin-page .topbar,
  body.erp-manager-page .topbar,
  body.erp-admin-page .page-intro,
  body.erp-manager-page .page-intro,
  body.erp-admin-page .row,
  body.erp-manager-page .row{
    flex-direction:column !important;
    align-items:stretch !important;
  }
}