/* UniQ Operations Portal V20.5.21 — mobile-only compatibility layer.
   Desktop layouts are intentionally untouched: every rule is scoped <= 820px. */
@media (max-width:820px){
  :root{--uniq-mobile-gutter:10px;--uniq-mobile-nav-h:70px;--uniq-mobile-radius:14px}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  body.uniq-mobile-v20521{min-width:0!important;overscroll-behavior-x:none!important;-webkit-tap-highlight-color:transparent!important}
  body.uniq-mobile-v20521 *,body.uniq-mobile-v20521 *::before,body.uniq-mobile-v20521 *::after{box-sizing:border-box!important}
  body.uniq-mobile-v20521 .app,body.uniq-mobile-v20521 .app-shell,body.uniq-mobile-v20521 .shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  body.uniq-mobile-v20521 main,body.uniq-mobile-v20521 .main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  body.uniq-mobile-v20521 .content,body.uniq-mobile-v20521 .view,body.uniq-mobile-v20521 .section,body.uniq-mobile-v20521 .panel,body.uniq-mobile-v20521 .box,body.uniq-mobile-v20521 .card{max-width:100%!important;min-width:0!important}

  /* Mobile drawer: desktop sidebars remain byte-for-byte untouched in source. */
  body.uniq-mobile-v20521 .side,body.uniq-mobile-v20521 .sidebar,
  body.uniq-mobile-v20521 #tabBar.uniq-mobile-drawer-nav{
    display:flex!important;flex-direction:column!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(86vw,320px)!important;max-width:320px!important;height:100dvh!important;max-height:100dvh!important;
    overflow-y:auto!important;overflow-x:hidden!important;z-index:2147482500!important;
    transform:translateX(-106%)!important;transition:transform .22s ease!important;visibility:visible!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
    box-shadow:18px 0 48px rgba(18,15,35,.24)!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important
  }
  body.uniq-mobile-v20521 .side.open,body.uniq-mobile-v20521 .side.uniq-mobile-open,
  body.uniq-mobile-v20521 .sidebar.uniq-mobile-open,
  body.uniq-mobile-v20521 #tabBar.uniq-mobile-drawer-nav.uniq-mobile-open{transform:translateX(0)!important}
  body.uniq-mobile-v20521 #tabBar.uniq-mobile-drawer-nav{background:#fff!important;color:#211a2e!important;padding:12px!important;gap:6px!important;border-right:1px solid rgba(0,0,0,.1)!important}
  body.uniq-mobile-v20521 #tabBar.uniq-mobile-drawer-nav>*{width:100%!important;min-height:46px!important;flex:0 0 auto!important;text-align:left!important;justify-content:flex-start!important;white-space:normal!important}
  .uniq-mobile-drawer-head-v20521{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 5px 12px!important;position:sticky!important;top:0!important;z-index:5!important;background:inherit!important}
  .uniq-mobile-drawer-head-v20521 b{font:800 13px/1.2 system-ui!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .uniq-mobile-drawer-close-v20521{min-width:44px!important;min-height:44px!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.92)!important;color:#33264b!important;font-size:20px!important;font-weight:900!important;line-height:1!important}
  #uniqMobileBackdropV20521{display:none;position:fixed;inset:0;background:rgba(15,12,27,.46);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2147482400}
  body.uniq-mobile-drawer-open-v20521 #uniqMobileBackdropV20521{display:block}
  body.uniq-mobile-drawer-open-v20521{overflow:hidden!important}

  #uniqMobileMenuV20521{display:inline-grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:1px solid rgba(92,68,132,.18)!important;border-radius:12px!important;background:#fff!important;color:#34215f!important;box-shadow:0 4px 14px rgba(44,26,82,.08)!important;font-size:21px!important;font-weight:900!important;line-height:1!important;touch-action:manipulation!important}
  body.uniq-mobile-v20521 .menu{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:inline-grid!important;place-items:center!important;padding:0!important;border-radius:12px!important;font-size:20px!important}

  /* Mobile top bars: compact first row, all actions retained in a swipeable row. */
  body.uniq-module-expense-v20521 .top{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:8px var(--uniq-mobile-gutter)!important;min-height:0!important;height:auto!important}
  body.uniq-module-expense-v20521 .top>.menu{grid-column:1!important;grid-row:1!important}
  body.uniq-module-expense-v20521 .top>.title{grid-column:2!important;grid-row:1!important;min-width:0!important}
  body.uniq-module-expense-v20521 .top>.sync{grid-column:3!important;grid-row:1!important;max-width:34vw!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.uniq-module-expense-v20521 .top>.topsearch{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
  body.uniq-module-expense-v20521 .top>.hub-tabs{grid-column:1/-1!important;grid-row:3!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;padding:1px 0 2px!important}
  body.uniq-module-expense-v20521 .top>.hub-tabs::-webkit-scrollbar{display:none}
  body.uniq-module-expense-v20521 .hub-tab{flex:0 0 auto!important;min-height:40px!important;display:inline-flex!important;align-items:center!important}

  body.uniq-module-finance-v20521 .topbar,body.uniq-module-customer-v20521 .topbar{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:8px 10px!important;min-height:0!important}
  body.uniq-module-finance-v20521 .topbar>#uniqMobileMenuV20521,body.uniq-module-customer-v20521 .topbar>#uniqMobileMenuV20521{grid-column:1!important;grid-row:1!important}
  body.uniq-module-finance-v20521 .topbar>div:first-of-type,body.uniq-module-customer-v20521 .topbar>.top-title{grid-column:2!important;grid-row:1!important;min-width:0!important}
  body.uniq-module-finance-v20521 .topbar>.actions,body.uniq-module-customer-v20521 .topbar>.top-actions{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding-bottom:2px!important;scrollbar-width:none!important}
  body.uniq-module-finance-v20521 .topbar>.actions::-webkit-scrollbar,body.uniq-module-customer-v20521 .topbar>.top-actions::-webkit-scrollbar{display:none}
  body.uniq-module-finance-v20521 .topbar>.actions>*,body.uniq-module-customer-v20521 .topbar>.top-actions>*{flex:0 0 auto!important}
  body.uniq-module-finance-v20521 .topbar h2,body.uniq-module-customer-v20521 .topbar h1{font-size:17px!important;line-height:1.15!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.uniq-module-finance-v20521 .topbar .sub,body.uniq-module-customer-v20521 .top-title p{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}

  body.uniq-module-inventory-v20521 .top{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:8px 10px!important}
  body.uniq-module-inventory-v20521 .top>#uniqMobileMenuV20521{grid-column:1!important;grid-row:1!important}
  body.uniq-module-inventory-v20521 .top>div:first-of-type{grid-column:2!important;grid-row:1!important;min-width:0!important}
  body.uniq-module-inventory-v20521 .top>div:first-of-type h1{font-size:16px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.uniq-module-inventory-v20521 .top>div:first-of-type small{display:block!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.uniq-module-inventory-v20521 .top>.topright{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none!important}
  body.uniq-module-inventory-v20521 .top>.topright::-webkit-scrollbar{display:none}
  body.uniq-module-inventory-v20521 .top>.topright>*{flex:0 0 auto!important}
  body.uniq-module-inventory-v20521 .v1444-direct-appnav{display:flex!important;gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;margin-top:5px!important}
  body.uniq-module-inventory-v20521 .v1444-direct-appnav a{flex:0 0 auto!important}

  body.uniq-module-collection-v20521 header.top{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;padding:8px 10px!important;align-items:center!important}
  body.uniq-module-collection-v20521 header.top>#uniqMobileMenuV20521{grid-column:1!important;grid-row:1!important}
  body.uniq-module-collection-v20521 header.top>div:first-of-type{grid-column:2!important;grid-row:1!important;min-width:0!important}
  body.uniq-module-collection-v20521 header.top>div:last-child{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none!important}
  body.uniq-module-collection-v20521 header.top>div:last-child>*{flex:0 0 auto!important}

  /* Content spacing / separate mobile composition. */
  body.uniq-mobile-v20521 .content{padding-left:var(--uniq-mobile-gutter)!important;padding-right:var(--uniq-mobile-gutter)!important}
  body.uniq-mobile-v20521 .view,body.uniq-mobile-v20521 .section{padding-left:var(--uniq-mobile-gutter)!important;padding-right:var(--uniq-mobile-gutter)!important}
  body.uniq-module-inventory-v20521 .content,body.uniq-module-customer-v20521 .content{padding-bottom:calc(var(--uniq-mobile-nav-h) + env(safe-area-inset-bottom) + 10px)!important}
  body.uniq-mobile-v20521 .hero,body.uniq-mobile-v20521 .pagehead,body.uniq-mobile-v20521 .ledgerhead,body.uniq-mobile-v20521 .finance20519-head,body.uniq-mobile-v20521 .info20520-head{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  body.uniq-mobile-v20521 .hero h2,body.uniq-mobile-v20521 .pagehead h2{font-size:20px!important;line-height:1.2!important}

  body.uniq-mobile-v20521 .grid2,body.uniq-mobile-v20521 .grid3,body.uniq-mobile-v20521 .dashgrid,body.uniq-mobile-v20521 .forms,
  body.uniq-mobile-v20521 .vendorsplit,body.uniq-mobile-v20521 .vendorgrid,body.uniq-mobile-v20521 .out-grid,body.uniq-mobile-v20521 .doc-shell,
  body.uniq-mobile-v20521 .client-text-browser,body.uniq-mobile-v20521 .import-grid,body.uniq-mobile-v20521 .connector-row{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important
  }
  body.uniq-mobile-v20521 .form,body.uniq-mobile-v20521 .formgrid,body.uniq-mobile-v20521 .info20520-form,
  body.uniq-mobile-v20521 .customer-edit-grid,body.uniq-mobile-v20521 .adjust-grid{grid-template-columns:minmax(0,1fr)!important}
  body.uniq-mobile-v20521 .form .wide,body.uniq-mobile-v20521 .form .full,body.uniq-mobile-v20521 .field.span2,body.uniq-mobile-v20521 .field.span3,
  body.uniq-mobile-v20521 .info20520-field.full,body.uniq-mobile-v20521 .info20520-field.span2{grid-column:auto!important}
  body.uniq-mobile-v20521 .kpis,body.uniq-mobile-v20521 .cards,body.uniq-mobile-v20521 .quality,body.uniq-mobile-v20521 .quality-grid,
  body.uniq-mobile-v20521 .summary-strip,body.uniq-mobile-v20521 .vendor-summary,body.uniq-mobile-v20521 .bank-grid,body.uniq-mobile-v20521 .out-summary,
  body.uniq-mobile-v20521 .info20520-summary,body.uniq-mobile-v20521 .finance20519-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.uniq-mobile-v20521 .info20520-grid{grid-template-columns:minmax(0,1fr)!important}
  body.uniq-mobile-v20521 .finance20519-card,body.uniq-mobile-v20521 .kpi,body.uniq-mobile-v20521 .metric{min-width:0!important;height:auto!important}
  body.uniq-mobile-v20521 .finance20519-card b,body.uniq-mobile-v20521 .kpi b,body.uniq-mobile-v20521 .metric .value{overflow-wrap:anywhere!important;white-space:normal!important}

  /* All features remain accessible: actions reflow/scroll instead of disappearing. */
  body.uniq-mobile-v20521 .toolbar,body.uniq-mobile-v20521 .actions,body.uniq-mobile-v20521 .footer-btns,body.uniq-mobile-v20521 .split,
  body.uniq-mobile-v20521 .review-actions,body.uniq-mobile-v20521 .info20520-actions,body.uniq-mobile-v20521 .info20520-toolbar{display:flex!important;flex-wrap:wrap!important;gap:7px!important;max-width:100%!important}
  body.uniq-mobile-v20521 .toolbar>.grow,body.uniq-mobile-v20521 .toolbar>input.search,body.uniq-mobile-v20521 .info20520-search{flex:1 1 100%!important;min-width:0!important;width:100%!important}
  body.uniq-mobile-v20521 button,body.uniq-mobile-v20521 .btn,body.uniq-mobile-v20521 .iconbtn,body.uniq-mobile-v20521 a[role="button"]{min-height:42px;touch-action:manipulation}
  body.uniq-mobile-v20521 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body.uniq-mobile-v20521 select,body.uniq-mobile-v20521 textarea{font-size:16px!important;max-width:100%!important;min-width:0!important}
  body.uniq-mobile-v20521 .wb input,body.uniq-mobile-v20521 .calcgrid input,body.uniq-mobile-v20521 .cell-entry-table input{font-size:14px!important;min-height:30px!important}
  body.uniq-mobile-v20521 input[type="checkbox"],body.uniq-mobile-v20521 input[type="radio"]{min-width:18px!important;min-height:18px!important;width:18px!important;height:18px!important}

  /* Data-heavy areas stay functional via contained two-axis scrolling. */
  body.uniq-mobile-v20521 .tablewrap,body.uniq-mobile-v20521 .table-wrap,body.uniq-mobile-v20521 .wb-wrap,
  body.uniq-mobile-v20521 [class*="table-wrap"],body.uniq-mobile-v20521 [class*="tablewrap"],body.uniq-mobile-v20521 [class*="-scroll"],
  body.uniq-mobile-v20521 .finance20519-panel,body.uniq-mobile-v20521 .info20520-board,body.uniq-mobile-v20521 .info20520-calendar{
    max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overscroll-behavior:contain!important
  }
  body.uniq-mobile-v20521 .tablewrap,body.uniq-mobile-v20521 .table-wrap,body.uniq-mobile-v20521 .wb-wrap{max-height:68dvh!important}
  body.uniq-mobile-v20521 .tablewrap table,body.uniq-mobile-v20521 .table-wrap table,body.uniq-mobile-v20521 .wb-wrap table{min-width:max-content!important;width:max-content!important;max-width:none!important}
  body.uniq-mobile-v20521 .tablewrap th,body.uniq-mobile-v20521 .tablewrap td,body.uniq-mobile-v20521 .table-wrap th,body.uniq-mobile-v20521 .table-wrap td{white-space:nowrap!important}
  body.uniq-mobile-v20521 .wb-wrap{max-height:62dvh!important;border-radius:12px!important}
  body.uniq-mobile-v20521 .wb{min-width:max-content!important;width:max-content!important}

  /* Modals and drawers must fit phones without losing controls. */
  body.uniq-mobile-v20521 .modalbg,body.uniq-mobile-v20521 .modal-backdrop,body.uniq-mobile-v20521 .modal-back,body.uniq-mobile-v20521 .modal{padding:6px!important}
  body.uniq-mobile-v20521 .modalbox,body.uniq-mobile-v20521 .modalbg>.modal,body.uniq-mobile-v20521 dialog,
  body.uniq-mobile-v20521 [role="dialog"]{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:92dvh!important;overflow:auto!important;border-radius:14px!important}
  body.uniq-mobile-v20521 .modalhead{position:sticky!important;top:0!important;z-index:4!important;background:inherit!important;padding-top:4px!important}

  /* Existing bottom navigation remains; app switcher is lifted clear of it. */
  body.uniq-mobile-v20521 .mobilebar,body.uniq-mobile-v20521 .mobile-nav{padding-bottom:max(5px,env(safe-area-inset-bottom))!important}
  body.uniq-has-bottom-nav-v20521 #uniqAppSwitcher{bottom:calc(82px + env(safe-area-inset-bottom))!important}
  body.uniq-mobile-v20521 #uniqAppSwitcherMenu{max-height:70dvh!important;overflow:auto!important}

  /* Mobile calendar / kanban / folder features retain full data via local scroll. */
  body.uniq-mobile-v20521 .info20520-board{grid-template-columns:repeat(5,260px)!important;padding-bottom:8px!important}
  body.uniq-mobile-v20521 .info20520-calgrid{min-width:680px!important}
  body.uniq-mobile-v20521 .doc-tree{position:relative!important;top:auto!important;max-height:34dvh!important;overflow:auto!important}

  /* Collection mobile: tab bar becomes the same auto-closing drawer. */
  body.uniq-module-collection-v20521 #tabBar.uniq-mobile-drawer-nav .tab,body.uniq-module-collection-v20521 #tabBar.uniq-mobile-drawer-nav button{border-radius:11px!important;padding:10px 12px!important}

  /* Standalone portal/admin/audit pages. */
  body.uniq-module-portal-v20521 .wrap,body.uniq-module-admin-v20521 .wrap,body.uniq-module-audit-v20521 .wrap,
  body.uniq-module-standalone-v20521 .wrap{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;margin:0 auto!important}
  body.uniq-module-portal-v20521 .layout,body.uniq-module-admin-v20521 .layout{grid-template-columns:minmax(0,1fr)!important}
  body.uniq-module-admin-v20521 .row{flex-wrap:wrap!important}

  /* Phone-width polish. */
  @media (max-width:430px){
    body.uniq-mobile-v20521{font-size:14px!important}
    body.uniq-mobile-v20521 .kpis,body.uniq-mobile-v20521 .cards,body.uniq-mobile-v20521 .quality,body.uniq-mobile-v20521 .quality-grid,
    body.uniq-mobile-v20521 .summary-strip,body.uniq-mobile-v20521 .vendor-summary,body.uniq-mobile-v20521 .bank-grid,body.uniq-mobile-v20521 .out-summary,
    body.uniq-mobile-v20521 .info20520-summary,body.uniq-mobile-v20521 .finance20519-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.uniq-mobile-v20521 .card,body.uniq-mobile-v20521 .box,body.uniq-mobile-v20521 .panel{border-radius:12px!important}
    body.uniq-mobile-v20521 .btn{padding-left:10px!important;padding-right:10px!important}
    body.uniq-module-finance-v20521 .glance-strip{grid-template-columns:minmax(0,1fr)!important}
  }
  @media (max-width:350px){
    body.uniq-mobile-v20521 .kpis,body.uniq-mobile-v20521 .cards,body.uniq-mobile-v20521 .quality,body.uniq-mobile-v20521 .quality-grid,
    body.uniq-mobile-v20521 .summary-strip,body.uniq-mobile-v20521 .vendor-summary,body.uniq-mobile-v20521 .bank-grid,body.uniq-mobile-v20521 .out-summary,
    body.uniq-mobile-v20521 .info20520-summary,body.uniq-mobile-v20521 .finance20519-cards{grid-template-columns:minmax(0,1fr)!important}
  }
}

/* V20.5.22 FINAL MOBILE AUTHORITY — loaded at the END of served HTML.
   These rules are deliberately mobile-only and leave desktop layouts untouched. */
@media (max-width:820px){
  html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  body.uniq-mobile-v20522{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  body.uniq-mobile-v20522 .app-shell,
  body.uniq-mobile-v20522 .app,
  body.uniq-mobile-v20522 .shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  body.uniq-mobile-v20522 main,
  body.uniq-mobile-v20522 .main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:10px!important;padding-right:10px!important}

  /* Drawer is OUTSIDE the viewport until the runtime explicitly opens it. */
  body.uniq-mobile-v20522 .sidebar,
  body.uniq-mobile-v20522 .side,
  body.uniq-mobile-v20522 #tabBar.uniq-mobile-drawer-nav-v20522{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(88vw,330px)!important;max-width:330px!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;flex:0 0 auto!important;z-index:2147483000!important;
    transform:translate3d(-112%,0,0)!important;visibility:hidden!important;pointer-events:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    transition:transform .22s ease,visibility .22s ease!important;
    box-shadow:18px 0 48px rgba(10,20,20,.28)!important;
    padding-top:max(12px,env(safe-area-inset-top))!important;
    padding-bottom:max(16px,env(safe-area-inset-bottom))!important
  }
  body.uniq-mobile-v20522 .sidebar.uniq-mobile-open-v20522,
  body.uniq-mobile-v20522 .side.uniq-mobile-open-v20522,
  body.uniq-mobile-v20522 #tabBar.uniq-mobile-drawer-nav-v20522.uniq-mobile-open-v20522{
    transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important
  }
  #uniqMobileBackdropV20522{display:none;position:fixed;inset:0;z-index:2147482900;background:rgba(9,20,17,.48);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  body.uniq-mobile-drawer-open-v20522 #uniqMobileBackdropV20522{display:block!important}
  body.uniq-mobile-drawer-open-v20522{overflow:hidden!important}

  #uniqMobileMenuV20522{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:0!important;margin:0!important;border:1px solid rgba(45,90,65,.18)!important;border-radius:12px!important;background:#fff!important;color:#173527!important;box-shadow:0 4px 14px rgba(20,83,45,.12)!important;font:900 22px/1 system-ui!important;cursor:pointer!important;touch-action:manipulation!important}
  .uniq-mobile-drawer-head-v20522{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;position:sticky!important;top:0!important;z-index:10!important;padding:6px 4px 10px!important;background:inherit!important}
  .uniq-mobile-drawer-head-v20522 b{font:800 13px/1.2 system-ui!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .uniq-mobile-drawer-close-v20522{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:12px!important;background:rgba(255,255,255,.14)!important;color:inherit!important;font:900 24px/1 system-ui!important;cursor:pointer!important}

  /* Finance: true phone canvas once the drawer is hidden. */
  body.uniq-module-finance-v20522 .app-shell{display:block!important}
  body.uniq-module-finance-v20522 main{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important}
  body.uniq-module-finance-v20522 .topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;width:100%!important;margin:0 0 10px!important;padding:8px!important}
  body.uniq-module-finance-v20522 .topbar>#uniqMobileMenuV20522{grid-column:1!important;grid-row:1!important}
  body.uniq-module-finance-v20522 .topbar>div:first-of-type{grid-column:2!important;grid-row:1!important;min-width:0!important}
  body.uniq-module-finance-v20522 .topbar>.actions{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding:2px 0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.uniq-module-finance-v20522 .topbar>.actions::-webkit-scrollbar{display:none!important}
  body.uniq-module-finance-v20522 .topbar>.actions>*{flex:0 0 auto!important;min-height:42px!important}
  body.uniq-module-finance-v20522 .topbar h2{font-size:19px!important;line-height:1.15!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.uniq-module-finance-v20522 .topbar .sub{font-size:11px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.uniq-module-finance-v20522 .glance-strip{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  body.uniq-module-finance-v20522 .cards-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.uniq-module-finance-v20522 .charts-grid,
  body.uniq-module-finance-v20522 .section-two,
  body.uniq-module-finance-v20522 .settings-grid{grid-template-columns:1fr!important}
  body.uniq-module-finance-v20522 .panel,
  body.uniq-module-finance-v20522 .card{max-width:100%!important;min-width:0!important}

  /* All modules: forms are phone-width, tables/workbooks scroll INSIDE their panels. */
  body.uniq-mobile-v20522 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.uniq-mobile-v20522 select,
  body.uniq-mobile-v20522 textarea{font-size:16px!important;max-width:100%!important;min-width:0!important}
  body.uniq-mobile-v20522 button,
  body.uniq-mobile-v20522 .btn,
  body.uniq-mobile-v20522 a[role="button"]{min-height:42px;touch-action:manipulation}
  body.uniq-mobile-v20522 .table-wrap,
  body.uniq-mobile-v20522 .tablewrap,
  body.uniq-mobile-v20522 [class*="table-wrap"],
  body.uniq-mobile-v20522 [class*="-scroll"],
  body.uniq-mobile-v20522 .workbook-grid-wrap,
  body.uniq-mobile-v20522 .wb-grid-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important}
  body.uniq-mobile-v20522 dialog,
  body.uniq-mobile-v20522 .modal,
  body.uniq-mobile-v20522 .modal-body{max-width:calc(100vw - 16px)!important;max-height:92dvh!important;overflow:auto!important}
}
@media (max-width:430px){
  body.uniq-module-finance-v20522 .glance-strip,
  body.uniq-module-finance-v20522 .cards-grid{grid-template-columns:1fr!important}
  body.uniq-mobile-v20522 main,body.uniq-mobile-v20522 .main{padding-left:8px!important;padding-right:8px!important}
}