:root{--ink:#18202a;--muted:#667085;--line:#e4e7ec;--bg:#f7f9fb;--card:#fff;--accent:#3c98c8;--accent-dark:#247da8;--danger:#b42318;--good:#137333;--warn:#946200;--shadow:0 18px 55px rgba(16,24,40,.16)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);display:flex}body.modal-open{overflow:hidden}aside{width:235px;min-height:100vh;background:#fff;border-right:1px solid var(--line);padding:28px 18px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:25px;letter-spacing:.5px}.brand span{color:var(--accent)}.sub{font-size:12px;color:var(--muted);margin:4px 0 28px}nav a{display:block;padding:11px 12px;margin:4px 0;border-radius:8px;color:#30343b;text-decoration:none}nav a:hover,nav a.active{background:#eef7fb;color:#17658b;font-weight:650}main{flex:1;padding:34px;max-width:1550px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0 0 4px;font-size:28px}h2{margin:0 0 8px}.muted{color:var(--muted);margin:0}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.value{font-size:25px;font-weight:750;margin-top:7px}.good{color:var(--good)}.bad{color:var(--danger)}.section{margin-top:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 0 14px}.toolbar-left,.toolbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{width:300px;max-width:100%}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#fafbfc;position:sticky;top:0;z-index:1}tbody tr:hover{background:#fafcff}.actions-cell{display:flex;gap:7px;align-items:center}.action-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#17658b;text-decoration:none;font-size:12px;font-weight:650}.action-link:hover{background:#f2f4f7}.action-link.danger{color:var(--danger);border-color:#f0c8c5;background:#fff}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--ink);color:#fff;padding:10px 15px;border-radius:8px;text-decoration:none;cursor:pointer;font:inherit;font-weight:650}.button.primary,button.primary{background:var(--accent)}.button.secondary,button.secondary{background:#eef0f2;color:var(--ink)}button.danger,.button.danger{background:var(--danger)}.status{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#eef0f2}.status.good{background:#ecfdf3;color:#126b35}.status.pending,.status.reorder{background:#fff4cc;color:#8a5a00}.status.out,.status.cancelled{background:#fdecec;color:#a61b1b}.status.partial{background:#eef4ff;color:#2457a6}.flash{background:#ecfdf3;border:1px solid #b7ebc6;color:#126b35;padding:11px 14px;border-radius:8px;margin-bottom:18px}.empty{padding:35px;text-align:center;color:var(--muted)}.inline-stat{font-size:12px;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#fafbfc;border-top:1px solid var(--line)}.pagination-controls{display:flex;gap:5px;align-items:center}.page-btn{min-width:34px;padding:7px 9px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:7px}.page-btn.active{background:#eef7fb;color:#17658b;border-color:#b9dced}.page-btn:disabled{opacity:.45;cursor:not-allowed}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.summary-card .big{font-size:23px;font-weight:750;margin-top:6px}.summary-links{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.subrow{font-size:12px;color:var(--muted);margin-top:5px}
/* modal: constrained viewport + fixed header/footer + scrollable body */
dialog.modal{border:0;border-radius:16px;padding:0;width:min(760px,calc(100vw - 32px));height:min(90vh,820px);max-height:90vh;box-shadow:var(--shadow);color:var(--ink);overflow:hidden}dialog.modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}dialog.modal.wide{width:min(920px,calc(100vw - 32px))}dialog::backdrop{background:rgba(16,24,40,.48);backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px}.modal-body{padding:22px 24px;overflow-y:auto;overflow-x:hidden;min-height:0}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 24px;border-top:1px solid var(--line);background:#fafbfc}.close{border:0;background:transparent;color:#667085;font-size:25px;line-height:1;cursor:pointer;padding:0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}label{font-size:12px;font-weight:650;display:block;margin-bottom:6px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(60,152,200,.18);border-color:var(--accent)}textarea{min-height:90px;resize:vertical}.hint{font-size:11px;color:var(--muted);margin-top:5px}.conditional{display:none;padding:12px;border:1px dashed #cfd6de;border-radius:9px;background:#fafbfc}.conditional.show{display:block}.conditional h3{margin:0 0 10px;font-size:13px}.conditional .formgrid{gap:10px}.divider{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
@media(max-width:1000px){.summary-grid,.two{grid-template-columns:1fr}aside{width:200px}main{padding:22px}}@media(max-width:850px){aside{width:190px}main{padding:20px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.toolbar-right,.toolbar-left{width:100%}.search{width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{display:block}aside{position:relative;width:100%;height:auto;min-height:0;padding:15px}nav{display:flex;overflow:auto;gap:5px}nav a{white-space:nowrap}main{padding:15px}.cards{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:10px}}

dialog.modal>form{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.modal-body{min-height:0}.modal-foot{min-height:64px}.modal-body{overscroll-behavior:contain}
.bulk-bar{display:none;align-items:center;gap:10px;margin:0 0 10px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px}.bulk-bar.has-selection{display:flex}.bulk-count{font-size:12px;color:var(--muted);margin-right:auto}.select-col{width:38px;text-align:center!important}.select-col input{width:16px;height:16px;accent-color:var(--accent)}
.line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-line{display:grid;grid-template-columns:2fr .8fr 1fr .8fr .9fr auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:#fafbfc}.line-total{font-size:12px;font-weight:650;padding-bottom:10px;white-space:nowrap}.order-total{padding:14px;border-top:1px solid var(--line);text-align:right;font-size:16px}@media(max-width:900px){.order-line{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:1}.toolbar{align-items:stretch;flex-direction:column}.toolbar-right{width:100%}}

.compact-description{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.feature-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.feature-option{display:flex;align-items:center;gap:7px;border:1px solid #ddd;border-radius:8px;padding:8px 10px;background:#fff;cursor:pointer}.feature-option input{width:auto;margin:0}

/* v18 application shell + authentication */
.header-right{display:flex;align-items:center;gap:14px}.user-menu{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 8px}.user-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef7fb;color:#17658b;font-weight:800}.user-meta{display:flex;flex-direction:column;line-height:1.1}.user-meta small{color:var(--muted);margin-top:3px}.auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fb 0%,#eef7fb 100%)}.auth-shell{width:min(960px,92vw);display:flex;flex-direction:column;align-items:center;gap:18px}.auth-brand{font-weight:850;font-size:30px;letter-spacing:.6px}.auth-brand span{color:var(--accent)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.wide-auth{width:min(760px,100%)}.auth-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);font-weight:750;margin-bottom:10px}.auth-card h1{font-size:30px;margin-bottom:6px}.auth-form{display:flex;flex-direction:column;gap:9px;margin-top:24px}.auth-form label{font-size:13px;font-weight:700;margin-top:6px}.auth-form input,.auth-form select{width:100%}.auth-submit{width:100%;margin-top:12px;padding:12px 15px}.auth-foot{font-size:12px;color:var(--muted);text-align:center;margin:18px 0 0}.two-auth{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-auth h3{margin:0 0 10px}.two-auth small{display:block;color:var(--muted);margin-top:6px;line-height:1.4}.full-auth{grid-column:1/-1}@media(max-width:800px){aside{width:200px}.two-auth{grid-template-columns:1fr}.full-auth{grid-column:auto}.user-meta{display:none}}@media(max-width:640px){body{display:block}aside{position:static;width:100%;height:auto;min-height:auto;padding:18px}nav{display:flex;overflow:auto;gap:5px}nav a{white-space:nowrap}.sub{margin-bottom:12px}main{padding:20px}.header-right{align-items:flex-start}.user-menu{padding:5px}.auth-card{padding:26px}}

/* v21 access-control UI */
.password-field{display:flex;align-items:stretch;gap:6px}.password-field input{flex:1}.show-password{border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 11px;font-weight:650;color:var(--accent-dark);cursor:pointer}.permission-box{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:16px;background:#fafbfc}.permission-box h3{margin:0 0 4px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin-top:14px}.permission-item{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:7px;border-radius:7px}.permission-item:hover{background:#f1f6f8}.permission-item input{margin-top:2px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:760px){.permission-grid{grid-template-columns:1fr}}

/* v23 Users & Permissions redesign */
.user-modal .modal-body{padding:18px 24px}.access-section{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;margin-bottom:14px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.section-title h3{margin:0 0 3px;font-size:15px}.section-title p{margin:0;color:var(--muted);font-size:12px}.permission-actions{display:flex;gap:7px;flex-shrink:0}.mini-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;color:#17658b;cursor:pointer}.mini-button:hover{background:#f2f7fa}.permission-table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.permission-head,.permission-row{display:grid;grid-template-columns:minmax(180px,1fr) 70px 80px 80px;align-items:center}.permission-head{background:#f7f9fa;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.permission-head span:not(:first-child),.permission-check{text-align:center}.permission-row{min-height:48px;border-top:1px solid var(--line);font-size:13px}.permission-row:hover{background:#fbfdfe}.module-name{font-weight:650;padding-left:14px}.permission-check{height:100%;display:flex;align-items:center;justify-content:center}.permission-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.delete-check{background:#fffafa}.delete-check input{accent-color:#c0392b}.dash{color:#98a2b3}.permission-note{margin-top:12px;padding:10px 12px;border-radius:8px;background:#f7f9fa;color:var(--muted);font-size:11px}.super-access-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #bfe5cf;background:#f3fbf6;border-radius:12px;padding:16px;color:#176b3a;margin-bottom:14px}.super-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d9f4e3;font-weight:800}.super-access-card strong{display:block;margin-bottom:3px}.super-access-card p{margin:0;font-size:12px;color:#4b765c}.role-pill{display:inline-flex;padding:4px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:700}.role-pill.super{background:#eaf5fb;color:#17658b}.access-summary{font-size:12px;color:#667085}.access-summary.full{font-weight:650;color:#176b3a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.section-title{display:block}.permission-actions{margin-top:10px}.permission-head,.permission-row{grid-template-columns:minmax(130px,1fr) 54px 65px 65px}}

/* v24 permission state clarity */
.permission-editor .section-title p{max-width:620px}.super-access-card{box-shadow:inset 3px 0 0 #35a36b}.permission-check input:checked{outline:2px solid rgba(60,152,200,.10);outline-offset:1px}

/* v25 saved-permission indicator */
.access-stack{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mini-access{font-size:10px;font-weight:700;color:#176b3a;background:#eaf7ef;border-radius:999px;padding:3px 7px}

/* v27 permission semantics */
.permission-legend{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.permission-legend span{font-size:10px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:#475467;background:#fff}.permission-legend .access{color:#17658b;background:#f1f8fc}.permission-legend .action{color:#475467;background:#f7f8fa}.permission-legend .danger{color:#a12b24;background:#fff7f6}

/* =========================================================
   AKONI OS V28 — VISUAL SYSTEM
   ========================================================= */
:root{
  --ink:#17212b;
  --muted:#667085;
  --line:#e6e9ee;
  --bg:#f5f7fa;
  --card:#ffffff;
  --accent:#3c98c8;
  --accent-dark:#247da8;
  --accent-soft:#edf7fb;
  --danger:#b42318;
  --good:#137333;
  --shadow:0 10px 30px rgba(16,24,40,.06);
  --shadow-lg:0 24px 60px rgba(16,24,40,.14);
}
body{background:var(--bg);color:var(--ink)}
.app-sidebar{
  width:246px;min-height:100vh;background:#fff;border-right:1px solid var(--line);
  padding:25px 15px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
}
.brand-block{padding:0 10px 24px;border-bottom:1px solid #f0f1f3}
.brand{font-size:26px;letter-spacing:-.6px}.sub{margin:4px 0 0;font-size:11px;letter-spacing:.02em}
.app-nav{padding:18px 0;overflow:auto}.nav-section{margin-bottom:18px}.nav-label{
  padding:0 11px;margin:0 0 7px;font-size:9px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#98a2b3
}
.app-nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;margin:2px 0;border-radius:9px;color:#344054;font-size:13px}
.app-nav a:hover{background:#f5f8fa;color:#17658b}.app-nav a.active{background:var(--accent-soft);color:#17658b;font-weight:750}
.nav-dot{width:6px;height:6px;border-radius:50%;background:#c4cbd3;flex:0 0 6px}.app-nav a.active .nav-dot{background:var(--accent)}
.sidebar-footer{margin-top:auto;padding:13px 10px 0;border-top:1px solid #f0f1f3;color:#98a2b3}
.sidebar-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#667085;margin-bottom:5px}.sidebar-status span{width:7px;height:7px;border-radius:50%;background:#35a36b}
.sidebar-footer small{font-size:10px}
.app-main{padding:30px 38px;max-width:1600px}.app-header{margin-bottom:24px;min-height:52px}
.header-title h1{font-size:27px;letter-spacing:-.5px}.greeting{font-size:13px;color:var(--muted);margin:3px 0 0}
.header-right{gap:12px}.user-menu{border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.03);padding:6px 7px 6px 6px}
.user-avatar{background:var(--accent-soft);color:#17658b}.user-meta b{font-size:12px}.user-meta small{font-size:10px}
.flash{box-shadow:0 2px 8px rgba(16,24,40,.03);margin-bottom:20px}
.welcome-strip{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:22px 24px;margin-bottom:25px;border:1px solid #dcecf4;border-radius:14px;
  background:linear-gradient(100deg,#f4fbfe 0%,#fff 70%);box-shadow:var(--shadow)
}
.welcome-strip h2{font-size:20px;margin:5px 0 4px;letter-spacing:-.25px}.welcome-strip p{margin:0;color:var(--muted);font-size:12px}
.eyebrow{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--accent-dark)}
.welcome-role{border:1px solid #cfe5ef;background:#fff;color:#17658b;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:750;white-space:nowrap}
.kpi-section{margin-bottom:23px}.section-caption{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#667085;margin:0 0 9px 2px}
.kpi-grid{gap:12px}.kpi-card{padding:16px 17px;border-radius:12px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.kpi-card:hover{transform:translateY(-1px);box-shadow:0 13px 32px rgba(16,24,40,.08)}.kpi-card .value{font-size:23px;letter-spacing:-.4px}
.kpi-card.compact{padding:14px 16px}.secondary-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.panel{border-radius:13px;box-shadow:var(--shadow);padding:19px}.dashboard-panel{min-height:100%}
.panel h2{font-size:16px;letter-spacing:-.2px;margin-bottom:2px}.panel-subtitle{font-size:11px;color:var(--muted);margin:0}
.compact-empty{padding:26px 10px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.quick-action{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd;color:var(--ink);text-decoration:none}
.quick-action:hover{border-color:#b8dbea;background:#f6fbfd}.quick-action strong{font-size:12px}.quick-action span{font-size:10px;color:var(--muted);padding-right:16px}.quick-action b{position:absolute;right:12px;bottom:12px;color:var(--accent);font-size:16px}
.card,.summary-card{box-shadow:var(--shadow)}table{min-width:680px}th{background:#f8fafb}tbody tr:hover{background:#f8fbfd}
.button,button{border-radius:8px}.button.primary,button.primary{box-shadow:0 2px 4px rgba(60,152,200,.18)}
.action-link{transition:background .12s ease,border-color .12s ease}.action-link:hover{border-color:#cbd5df}
dialog.modal{border-radius:18px;box-shadow:var(--shadow-lg)}.modal-head{padding:22px 25px 16px}.modal-foot{padding:14px 25px}
@media(max-width:1150px){.secondary-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.app-main{padding:26px}}
@media(max-width:850px){.app-sidebar{width:205px}.app-main{padding:22px}.secondary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid{grid-template-columns:1fr}}
@media(max-width:650px){
  .app-sidebar{position:relative;width:100%;height:auto;min-height:0;padding:17px 14px}
  .brand-block{padding-bottom:14px}.app-nav{display:flex;overflow:auto;padding:12px 0 2px;gap:4px}.nav-section{display:contents}
  .nav-label{display:none}.app-nav a{white-space:nowrap;margin:0}
  .sidebar-footer{display:none}.app-main{padding:16px}
  .app-header{align-items:flex-start;gap:12px}.header-right{align-items:flex-start}
  .welcome-strip{align-items:flex-start;flex-direction:column;padding:18px}.welcome-role{align-self:flex-start}
  .secondary-kpis{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:1fr 1fr}
  .user-meta{display:none}
}
@media(max-width:430px){.kpi-grid,.secondary-kpis{grid-template-columns:1fr}.header-right .button{display:none}}

/* =========================================================
   AKONI OS V29 — SHARED PAGE TOOLBAR
   Consistent list-page controls across Products, Sales,
   Inventory, Purchases, Customers, Suppliers and Reorder.
   ========================================================= */
.toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  margin:0 0 16px;
}
.toolbar-left{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}
.toolbar-left strong{
  font-size:16px;
  line-height:1.2;
  letter-spacing:-.15px;
}
.toolbar-left .inline-stat{
  font-size:11px;
  color:#98a2b3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.toolbar-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
  min-width:0;
}
.toolbar-right .search{
  width:280px;
  min-width:220px;
}
.toolbar-right select{
  width:auto;
  min-width:125px;
}
.toolbar-right select:last-child{
  min-width:74px;
}
.toolbar + .bulk-bar{
  margin-top:0;
}
.bulk-bar{
  box-shadow:none;
}

/* The page controls sit in one compact strip instead of becoming
   a tall column at medium desktop/browser zoom levels. */
@media(max-width:900px){
  .toolbar{
    grid-template-columns:1fr;
    gap:12px;
    align-items:stretch;
  }
  .toolbar-right{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .toolbar-right .search{
    flex:1 1 260px;
    width:auto;
    min-width:220px;
  }
}
@media(max-width:650px){
  .toolbar-left{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .toolbar-right{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(105px,auto) minmax(68px,auto);
    width:100%;
  }
  .toolbar-right .search{
    min-width:0;
    width:100%;
  }
  .toolbar-right select{
    min-width:0;
    width:100%;
  }
}

/* Cleaner section heading inside list pages */
.table-wrap{
  border-radius:13px;
  box-shadow:var(--shadow);
}

/* V30 finance hierarchy */
.finance-overview{display:flex;flex-direction:column;gap:18px}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-kpi,.finance-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(16,24,40,.06)}
.finance-kpi{padding:20px 22px}
.finance-kpi .value{font-size:28px;font-weight:760;line-height:1.15;margin-top:7px}
.finance-kpi .subrow{margin-top:6px}
.finance-panel{padding:20px}
.finance-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.finance-section-head h2{margin:0;font-size:19px}
.finance-section-head p{margin:4px 0 0}
.cash-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cash-flow-column{border:1px solid var(--line);border-radius:13px;overflow:hidden}
.flow-head,.flow-row{display:flex;justify-content:space-between;align-items:center;padding:13px 15px}
.flow-head{background:#f8fafc;font-weight:700;border-bottom:1px solid var(--line)}
.flow-head strong{font-size:18px}
.flow-row+ .flow-row{border-top:1px solid #eef1f4}
.flow-row span{color:var(--muted)}
.finance-net-bar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 16px;border-radius:12px;background:#f8fafc;font-weight:650}
.finance-three-grid,.finance-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-panel .summary-card{min-height:150px}
.finance-panel .summary-card .button,.finance-summary-grid .summary-card .button{margin-top:12px}
.finance-toolbar{margin:0 0 12px}
.compact-table table{min-width:760px}
@media(max-width:850px){
  .finance-kpi-grid,.finance-three-grid,.finance-summary-grid{grid-template-columns:1fr}
  .cash-flow-grid{grid-template-columns:1fr}
}

/* Akoni supplied brand assets */
.brand-logo-link{display:flex;align-items:center;max-width:100%;text-decoration:none;margin:0 0 7px}
.brand-logo{display:block;width:100%;max-width:190px;height:auto;object-fit:contain;object-position:left center}
.brand-block .sub{margin-top:4px}
@media(max-width:760px){.brand-logo{max-width:150px}}