/* ---- source: assets/css/universal-document-preview-v92.css ---- */

/* Mboka v86 — Universal document preview/send/print modal */
:root{
  --mb-doc-bg:#07111f;
  --mb-doc-panel:#0b1628;
  --mb-doc-panel-2:#0e1d34;
  --mb-doc-line:rgba(148,163,184,.22);
  --mb-doc-text:#f8fafc;
  --mb-doc-muted:#b8c7e6;
  --mb-doc-blue:#2563eb;
  --mb-doc-blue-2:#60a5fa;
  --mb-doc-gold:#f59e0b;
}
.mb-doc-preview-lock{overflow:hidden!important}
.mb-doc-preview-backdrop{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(2,6,23,.76);
  backdrop-filter:blur(12px);
}
.mb-doc-preview-backdrop.is-open{display:flex}
.mb-doc-preview-shell{
  width:min(1220px,96vw);
  height:min(900px,92vh);
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(3,9,20,.98));
  border:1px solid rgba(96,165,250,.18);
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.48);
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  color:var(--mb-doc-text);
}
.mb-doc-preview-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:24px 26px 18px;
  background:linear-gradient(180deg,rgba(15,34,65,.96),rgba(11,22,40,.92));
  border-bottom:1px solid var(--mb-doc-line);
}
.mb-doc-preview-title{
  margin:0;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.02em;
}
.mb-doc-preview-file{
  margin-top:6px;
  color:var(--mb-doc-muted);
  font-size:14px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:min(560px,48vw);
}
.mb-doc-preview-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.mb-doc-preview-btn{
  appearance:none;
  border:1px solid rgba(148,163,184,.24);
  color:var(--mb-doc-text);
  background:rgba(15,23,42,.72);
  border-radius:18px;
  padding:12px 18px;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.mb-doc-preview-btn:hover{border-color:rgba(96,165,250,.52);background:rgba(30,41,59,.82)}
.mb-doc-preview-btn.primary{
  background:linear-gradient(180deg,#2563eb,#1d4ed8);
  border-color:#60a5fa;
  box-shadow:0 0 0 1px rgba(245,158,11,.42) inset;
}
.mb-doc-preview-btn.gold{
  border-color:rgba(245,158,11,.75);
  background:linear-gradient(180deg,rgba(37,99,235,.98),rgba(29,78,216,.98));
  box-shadow:0 0 0 1px rgba(245,158,11,.62) inset;
}
.mb-doc-preview-body{
  display:grid;
  grid-template-columns:minmax(330px,.92fr) minmax(420px,1.1fr);
  gap:18px;
  padding:20px 24px;
  min-height:0;
}
.mb-doc-send-panel{
  min-height:0;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  border:1px solid var(--mb-doc-line);
  border-radius:22px;
  background:rgba(8,16,31,.78);
  overflow:hidden;
}
.mb-doc-send-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:18px 18px 10px;
}
.mb-doc-send-tab{
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.62);
  color:var(--mb-doc-text);
  border-radius:18px;
  min-height:48px;
  font-weight:900;
  cursor:pointer;
}
.mb-doc-send-tab.is-active{
  background:linear-gradient(180deg,#2563eb,#1d4ed8);
  border-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(245,158,11,.55) inset;
}
.mb-doc-message-label{
  padding:6px 18px 8px;
  color:#e2e8f0;
  font-weight:900;
  font-size:13px;
}
.mb-doc-message{
  margin:0 18px 18px;
  min-height:240px;
  resize:none;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(3,9,20,.84);
  color:#f8fafc;
  border-radius:18px;
  padding:16px 18px;
  font:600 14px/1.38 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  outline:none;
}
.mb-doc-attachment{
  margin:0 18px 18px;
  border-top:1px solid var(--mb-doc-line);
  padding-top:14px;
  color:var(--mb-doc-muted);
  font-size:13px;
}
.mb-doc-attachment a{
  color:#dbeafe;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:3px;
}
.mb-doc-preview-panel{
  min-height:0;
  border:1px solid var(--mb-doc-line);
  border-radius:22px;
  background:rgba(8,16,31,.78);
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr;
}
.mb-doc-preview-subhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  color:var(--mb-doc-muted);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
}
.mb-doc-frame-wrap{
  min-height:0;
  padding:0 18px 18px;
}
.mb-doc-frame{
  width:100%;
  height:100%;
  min-height:560px;
  border:0;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.mb-doc-preview-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:18px 24px 22px;
  border-top:1px solid var(--mb-doc-line);
  color:var(--mb-doc-muted);
  background:rgba(3,9,20,.74);
}
.mb-doc-foot-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:900px){
  .mb-doc-preview-backdrop{padding:12px}
  .mb-doc-preview-shell{height:94vh;border-radius:22px}
  .mb-doc-preview-head,.mb-doc-preview-foot{flex-direction:column;align-items:stretch}
  .mb-doc-preview-actions,.mb-doc-foot-actions{justify-content:stretch}
  .mb-doc-preview-btn{width:100%}
  .mb-doc-preview-body{grid-template-columns:1fr;overflow:auto}
  .mb-doc-frame{min-height:620px}
}
@media print{
  .mb-doc-preview-backdrop{display:none!important}
}


/* v92 — print-only mode: no communication buttons inside Print preview */
.mb-doc-preview-backdrop.is-print-only .mb-doc-preview-body{
  grid-template-columns:1fr;
}
.mb-doc-preview-backdrop.is-print-only .mb-doc-send-panel,
.mb-doc-preview-backdrop.is-print-only [data-mb-doc-action="send"]{
  display:none!important;
}
.mb-doc-preview-backdrop.is-print-only .mb-doc-preview-panel{
  min-height:0;
}
.mb-doc-preview-backdrop.is-print-only .mb-doc-frame{
  min-height:min(720px,64vh);
}
.mb-doc-preview-backdrop.is-print-only .mb-doc-preview-subhead span::after{
  content:' • Save PDF / Print only';
  color:#8ea5cf;
  letter-spacing:.08em;
}

/* v92 — Save PDF downloads directly. Print remains the only print trigger. */
.mb-doc-preview-backdrop.is-print-only .mb-doc-preview-subhead span::after{
  content:' • Preview only';
}

/* ---- source: assets/css/mboka-responsive-audit-v251.css ---- */
/* Mboka Auto Repair — responsive system audit v251
   Final shared safety layer for app headers, workspaces, record lists, forms,
   tables, modals, previews, and compact/mobile navigation. Loaded last. */

:root{
  --mboka-vh:100dvh;
  --mboka-vw:100vw;
  --mboka-safe-gap:clamp(10px,1.15vw,20px);
  --mboka-control-h:clamp(40px,3.2vw,52px);
  --mboka-radius:clamp(12px,1.15vw,18px);
  --mboka-header-h:clamp(104px,8.2vw,132px);
  --mboka-page-pad-x:clamp(12px,1.65vw,26px);
  --mboka-page-pad-y:clamp(12px,1.35vw,22px);
}

html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

html body:not(.ui-print):not(.ui-sign){
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

html body.ui-consistent{
  color-scheme:dark;
}

html body.ui-consistent .app-shell{
  width:100%;
  max-width:100%;
  height:var(--mboka-vh,100dvh) !important;
  min-height:0 !important;
  overflow:hidden !important;
}

html body.ui-consistent .main{
  width:100%;
  max-width:100%;
  height:var(--mboka-vh,100dvh) !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}

html body.ui-consistent .content{
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  padding-top:var(--mboka-page-pad-y) !important;
  padding-right:calc(var(--mboka-page-pad-x) + env(safe-area-inset-right,0px)) !important;
  padding-bottom:calc(var(--mboka-page-pad-y) + env(safe-area-inset-bottom,0px)) !important;
  padding-left:calc(var(--mboka-page-pad-x) + env(safe-area-inset-left,0px)) !important;
  overflow-y:auto;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

/* Every flex/grid child must be allowed to shrink rather than force overflow. */
html body.ui-consistent :where(.header,.content,.grid,.row,.split,.workspace,.panel,.card,.drawer-panel,.modal-card,.kb-board,.kb-col,.inv-grid,.dvi-shell,.cashier-shell,.msghub-split) > *{
  min-width:0;
}

html body.ui-consistent :where(img,video,canvas,svg:not([width])){
  max-width:100%;
}

html body.ui-consistent :where(.card,.panel,.item,.inv-item,.qcard,.kb3-card,.vehRow,.cus-item,.user-card,.app-row,.dvi-card){
  overflow-wrap:anywhere;
  word-break:normal;
}

/* ---------- Shared application headers ---------- */
html body.ui-consistent main.main > header.header{
  flex:0 0 auto !important;
  width:100% !important;
  max-width:100% !important;
  min-height:var(--mboka-header-h) !important;
  height:auto !important;
  max-height:none !important;
  padding:clamp(12px,1.3vw,20px) var(--mboka-page-pad-x) !important;
  gap:clamp(10px,1.3vw,22px) !important;
  box-sizing:border-box !important;
  align-items:center !important;
  overflow:visible !important;
  isolation:isolate;
  container-type:inline-size;
}

html body.ui-consistent main.main > header.header > *{
  min-width:0 !important;
  max-width:100%;
  box-sizing:border-box;
}

html body.ui-consistent main.main > header.header > :where(.left,.ins-head,[class*="title-card"],[class*="title-shell"]){
  flex:0 1 clamp(210px,22vw,350px) !important;
  width:auto !important;
  min-width:190px !important;
  max-width:350px !important;
}

html body.ui-consistent main.main > header.header > :where(.search,[class*="header-search"],[class*="-search-v"],label.settings-header-search){
  flex:1 1 300px !important;
  width:auto !important;
  min-width:220px !important;
  max-width:none !important;
}

html body.ui-consistent main.main > header.header > :where(.right,[class*="header-actions"],[class*="header-center"],[class*="iconbar"],[class*="system-slot"]){
  min-width:0 !important;
  max-width:100% !important;
}

html body.ui-consistent main.main > header.header :where(.right,[class*="header-actions"],[class*="header-center"],[class*="iconbar"]){
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(8px,.85vw,14px);
}

html body.ui-consistent main.main > header.header :where(.search,[class*="header-search"],label.settings-header-search){
  height:var(--mboka-control-h) !important;
  min-height:var(--mboka-control-h) !important;
  border-radius:var(--mboka-radius) !important;
  overflow:hidden;
}

html body.ui-consistent main.main > header.header :where(.search input,[class*="header-search"] input,label.settings-header-search input){
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  background:transparent !important;
  color:inherit !important;
  appearance:none;
  -webkit-appearance:none;
}

html body.ui-consistent main.main > header.header :where(button,.btn,select,.input){
  min-height:var(--mboka-control-h);
  max-width:100%;
}

html body.ui-consistent main.main > header.header :where(.page-subtitle,.muted){
  max-width:100%;
}

/* Remove accidental decorative search glyphs outside a real search field. */
html body.ui-consistent main.main > header.header > :where(.left,[class*="title-card"],[class*="title-shell"]) > .search-icon:only-child,
html body.ui-consistent main.main > header.header > :where(.left,[class*="title-card"],[class*="title-shell"]) > svg[data-search-icon],
html body.ui-consistent main.main > header.header > .header-search-orphan{
  display:none !important;
}


html body.ui-consistent input:-webkit-autofill,
html body.ui-consistent input:-webkit-autofill:hover,
html body.ui-consistent input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text,#e7eefc) !important;
  caret-color:var(--text,#e7eefc) !important;
  -webkit-box-shadow:0 0 0 1000px #0b1220 inset !important;
  box-shadow:0 0 0 1000px #0b1220 inset !important;
  transition:background-color 9999s ease-out 0s;
}

/* ---------- Controls, forms, and labels ---------- */
html body:not(.ui-print):not(.ui-sign) :where(input,select,textarea,button){
  max-width:100%;
  font:inherit;
}

html body.ui-consistent :where(.input,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea){
  min-width:0;
}

html body.ui-consistent :where(.field,.fld,.ins-field,.history-field,.pp-field,.field-half,.col,.col-3,.col-4,.col-6,.col-8,.col-12){
  min-width:0;
}

html body.ui-consistent :where(.field-row,.row,.chiprow,.ins-actions,.ap-detail-actions,.ap-card-actions,.action-row,.toolbar,.header-actions){
  max-width:100%;
  flex-wrap:wrap;
}

html body.ui-consistent :where(.btn,button,a.btn){
  text-wrap:balance;
}

html body.ui-consistent :where(.btn,button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid rgba(96,165,250,.95) !important;
  outline-offset:2px !important;
  box-shadow:0 0 0 4px rgba(59,130,246,.16) !important;
}

/* ---------- Tables and data grids ---------- */
html body.ui-consistent :where(.table-wrap,.inventory-table-shell,.history-table-wrap,.closeout-table-wrap,.mboka-audit-table-scroll,.ins-table-shell,.data-table-wrap){
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

html body.ui-consistent :where(.card,.panel):has(> table.table),
html body.ui-consistent :where(.card,.panel):has(> .table-wrap){
  min-width:0;
  max-width:100%;
}

html body.ui-consistent table{
  max-width:100%;
}

html body.ui-consistent :where(.table,.ins-data-table) th,
html body.ui-consistent :where(.table,.ins-data-table) td{
  overflow-wrap:anywhere;
}

html body.ui-consistent .mboka-audit-table-scroll > table{
  margin:0;
}

/* ---------- Independently scrolling records ---------- */
html body.ui-consistent .mboka-audit-fit-list{
  min-height:0 !important;
  max-height:var(--mboka-audit-list-height, none) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

html body.ui-consistent .mboka-audit-fit-list[data-mboka-scrollable="false"]{
  scrollbar-gutter:auto;
}

html body.ui-consistent :where(.mboka-audit-fit-list,.mboka-audit-table-scroll)::-webkit-scrollbar{
  width:9px;
  height:9px;
}
html body.ui-consistent :where(.mboka-audit-fit-list,.mboka-audit-table-scroll)::-webkit-scrollbar-track{
  background:rgba(7,17,34,.28);
  border-radius:999px;
}
html body.ui-consistent :where(.mboka-audit-fit-list,.mboka-audit-table-scroll)::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(72,119,221,.72),rgba(45,79,153,.78));
  border:2px solid rgba(6,16,33,.82);
  border-radius:999px;
}

/* ---------- Modals, drawers, and previews ---------- */
html body:not(.ui-print):not(.ui-sign) :where(.modal,.drawer,.overlay,[role="dialog"]){
  max-width:100vw;
}

html body:not(.ui-print):not(.ui-sign) :where(.modal-card,.drawer-panel,.dialog,.mboka-dialog,[role="dialog"] > section,[role="dialog"] > div){
  max-width:calc(100vw - 24px) !important;
  max-height:calc(var(--mboka-vh,100dvh) - 24px) !important;
  box-sizing:border-box;
}

html body:not(.ui-print):not(.ui-sign) :where(.modal-body,.drawer-body,.dialog-body,.sf-modal__body,.dtc-modal__body,.wl-modal__body){
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

html body.ui-consistent :where(.document-preview,.preview-frame,.pdf-preview,.udpv-preview,.send-update-preview,iframe){
  max-width:100%;
}

/* ---------- Empty states and notification placement ---------- */
html body.ui-consistent :where(.empty,.empty-state,[class*="empty-state"],[class*="-empty"]){
  max-width:100%;
  text-align:center;
}

html body.ui-consistent :where(.toast,.feedback,.notice,.workflow-feedback,.mboka-bottom-feedback){
  max-width:min(620px,calc(100vw - 24px));
}

/* ---------- Public/login pages ---------- */
html body.ui-auth,
html body.ui-public{
  min-height:var(--mboka-vh,100dvh);
}
html body.ui-auth :where(.auth-card,.login-card),
html body.ui-public :where(.container,.hero-inner,.careers-shell){
  max-width:min(100%,1200px);
}

/* ---------- Medium desktops and browser zoom ---------- */
@media (max-width:1365px){
  :root{
    --mboka-header-h:112px;
    --mboka-control-h:46px;
  }

  html body.ui-consistent main.main > header.header{
    flex-wrap:wrap !important;
    align-content:center !important;
  }

  html body.ui-consistent main.main > header.header > :where(.left,.ins-head,[class*="title-card"],[class*="title-shell"]){
    flex-basis:clamp(190px,24vw,285px) !important;
    max-width:285px !important;
  }

  html body.ui-consistent main.main > header.header > :where(.search,[class*="header-search"],[class*="-search-v"],label.settings-header-search){
    min-width:210px !important;
  }

  html body.ui-consistent main.main > header.header :where(button,.btn,select,.input){
    font-size:clamp(12px,1.05vw,14px);
  }
}

/* ---------- Tablet layout: compact horizontal navigation, stacked headers ---------- */
@media (max-width:980px){
  :root{
    --mboka-header-h:auto;
    --mboka-control-h:44px;
    --mboka-page-pad-x:14px;
    --mboka-page-pad-y:14px;
  }

  html body.ui-consistent .app-shell{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto minmax(0,1fr) !important;
  }

  html body.ui-consistent .sidebar{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding-top:calc(8px + env(safe-area-inset-top,0px)) !important;
    padding-right:calc(10px + env(safe-area-inset-right,0px)) !important;
    padding-bottom:8px !important;
    padding-left:calc(10px + env(safe-area-inset-left,0px)) !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    overflow:hidden !important;
    border-right:0 !important;
    border-bottom:1px solid var(--outline,#1f2a44) !important;
    z-index:90;
  }

  html body.ui-consistent .sidebar .sidebar-top{
    min-width:0;
  }
  html body.ui-consistent .sidebar :where(.sb-search,.sidebar-separator,.sb-ai,.sidebar-bottom,.sb-group-title,.brand-sub){
    display:none !important;
  }
  html body.ui-consistent .sidebar .brand{
    min-width:0 !important;
    padding:7px 9px !important;
    box-shadow:none !important;
  }
  html body.ui-consistent .sidebar .brand img{
    width:30px !important;
    height:30px !important;
  }
  html body.ui-consistent .sidebar .brand-name{
    font-size:13px !important;
    white-space:nowrap;
  }

  html body.ui-consistent .sidebar nav.nav{
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 2px 2px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }
  html body.ui-consistent .sidebar .sb-group{
    display:contents !important;
  }
  html body.ui-consistent .sidebar .sb-group-items{
    display:flex !important;
    flex-direction:row !important;
    gap:7px !important;
  }
  html body.ui-consistent .sidebar .nav-item{
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:8px 10px !important;
    border-radius:11px !important;
    white-space:nowrap !important;
  }
  html body.ui-consistent .sidebar .nav-txt{
    font-size:12px !important;
  }

  html body.ui-consistent .main{
    height:100% !important;
    min-height:0 !important;
  }

  html body.ui-consistent main.main > header.header{
    position:relative !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:stretch !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:12px 14px !important;
    gap:10px !important;
  }

  html body.ui-consistent main.main > header.header > *{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  html body.ui-consistent main.main > header.header > :where(.left,.ins-head,[class*="title-card"],[class*="title-shell"]){
    min-width:0 !important;
    max-width:none !important;
  }

  html body.ui-consistent main.main > header.header :where(.right,[class*="header-actions"],[class*="header-center"],[class*="iconbar"]){
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  html body.ui-consistent main.main > header.header > :where(.search,[class*="header-search"],[class*="-search-v"],label.settings-header-search){
    min-width:0 !important;
    max-width:none !important;
  }

  html body.ui-consistent .content{
    scrollbar-gutter:auto;
  }

  html body.ui-consistent :where(.ins-kpi-grid,.dashboard-kpi-grid,.completed-summary-grid){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ---------- Mobile layout ---------- */
@media (max-width:640px){
  :root{
    --mboka-control-h:44px;
    --mboka-page-pad-x:10px;
    --mboka-page-pad-y:10px;
  }

  html body.ui-consistent .sidebar{
    grid-template-columns:auto minmax(0,1fr) !important;
    padding-top:calc(7px + env(safe-area-inset-top,0px)) !important;
    padding-right:calc(8px + env(safe-area-inset-right,0px)) !important;
    padding-bottom:7px !important;
    padding-left:calc(8px + env(safe-area-inset-left,0px)) !important;
  }
  html body.ui-consistent .sidebar .brand-text{
    display:none !important;
  }
  html body.ui-consistent .sidebar .brand{
    padding:6px !important;
  }
  html body.ui-consistent .sidebar .nav-item{
    padding:8px !important;
  }
  html body.ui-consistent .sidebar .nav-txt{
    max-width:112px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  html body.ui-consistent main.main > header.header{
    padding:10px !important;
  }

  html body.ui-consistent main.main > header.header :where(.right,[class*="header-actions"],[class*="header-center"],[class*="iconbar"]){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body.ui-consistent main.main > header.header :where(.right,[class*="header-actions"],[class*="header-center"],[class*="iconbar"]) > *{
    width:100% !important;
    min-width:0 !important;
  }

  html body.ui-consistent main.main > header.header > :where(button,.btn,[class*="-new"],[class*="new-"]){
    width:100% !important;
  }

  html body.ui-consistent :where(.ins-kpi-grid,.dashboard-kpi-grid,.completed-summary-grid,.ap-split,.settings-grid){
    grid-template-columns:1fr !important;
  }

  html body.ui-consistent :where(.modal-card,.drawer-panel,.dialog,.mboka-dialog,[role="dialog"] > section,[role="dialog"] > div){
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    max-height:calc(var(--mboka-vh,100dvh) - 12px) !important;
    border-radius:16px !important;
  }

  html body.ui-consistent :where(.btn,button,a.btn){
    min-height:42px;
  }
}

/* ---------- Very small devices ---------- */
@media (max-width:420px){
  html body.ui-consistent main.main > header.header :where(.right,[class*="header-actions"],[class*="header-center"],[class*="iconbar"]){
    grid-template-columns:1fr !important;
  }
  html body.ui-consistent .sidebar .nav-txt{
    display:none !important;
  }
  html body.ui-consistent .sidebar .nav-item{
    min-width:42px !important;
    justify-content:center !important;
  }
  html body.ui-consistent .sidebar .nav-ic{
    margin:0 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.ui-consistent *,
  html body.ui-consistent *::before,
  html body.ui-consistent *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

@media print{
  .mboka-audit-fit-list,
  .mboka-audit-table-scroll{
    max-height:none !important;
    overflow:visible !important;
  }
}