/* Thumb-first mobile experience. Desktop layouts and printed invoices stay unchanged. */
.mobile-bottom-nav{display:none}
.mobile-pdf-hint{display:none}
.studio-market-status{display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px;margin:13px 0 16px;padding:12px 16px;border:1px solid #d4e8dc;border-radius:12px;background:#f1f8f2;color:#244e43;font:500 12px/1.5 'DM Sans',sans-serif}
.studio-market-status strong{font-weight:850;white-space:nowrap}
.studio-market-status span{flex:1 1 220px}
.studio-market-status a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
/* The top-bar control fully hides the desktop navigation and frees its width. */
@media(min-width:801px){
  html[data-sidebar-collapsed="true"] .shell,
  html[data-ui-theme="contrast"][data-sidebar-collapsed="true"] .shell,
  html[data-ui-theme="vibrant"][data-sidebar-collapsed="true"] .shell{grid-template-columns:0 minmax(0,1fr)}
  html[data-sidebar-collapsed="true"] .sidebar,
  html[data-ui-theme="vibrant"][data-sidebar-collapsed="true"] .sidebar{width:0!important;min-width:0!important;padding:0!important;border:0!important;overflow:hidden!important;visibility:hidden;pointer-events:none}
  html[data-ui-theme="calm"][data-sidebar-collapsed="true"] .sidebar{width:0!important;height:0!important;min-height:0!important;max-height:0!important;position:absolute!important;padding:0!important;overflow:hidden!important;visibility:hidden}
  html[data-ui-theme="calm"][data-sidebar-collapsed="true"] .topbar{top:0}
}
@media(max-width:800px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  body{background:#f5f8f6}
  .shell{min-width:0;overflow-x:clip}
  .main-wrap{width:100%;min-width:0;padding-bottom:calc(83px + env(safe-area-inset-bottom))}
  #pageContent{width:100%;min-width:0;overflow-x:clip}
  #pageContent .page{max-width:100%;min-width:0;overflow-x:clip}
  .topbar,html[data-ui-theme="vibrant"] .topbar{position:sticky;top:0;z-index:70;min-height:93px;padding:10px 15px 9px;background:rgba(255,255,255,.96);box-shadow:0 3px 18px rgba(16,54,46,.06);border-bottom:1px solid #e3ece7;backdrop-filter:blur(15px)}
  .topbar>.crumb{font-size:13px;font-weight:750;color:#1c4b40}
  .topbar>.top-actions{justify-content:flex-end;gap:8px}
  .top-actions .business-switch-trigger{display:none!important}
  .top-actions .top-add{flex:1 1 auto;min-width:0;justify-content:center;font-size:12px;border-radius:11px}
  .top-actions .search-trigger{flex:0 0 43px;width:43px;min-width:43px;border-radius:11px}
  .top-actions .auth-signout{flex:0 0 auto;border:1px solid #dfebe5;border-radius:10px;padding:0 10px;background:#f8fbfa;font-size:11px}
  .page,html[data-ui-theme="vibrant"] .page{padding:18px 14px 35px}
  .footer{padding-bottom:15px}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:105;min-height:calc(72px + env(safe-area-inset-bottom));padding:7px max(8px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:rgba(255,255,255,.975);box-shadow:0 -8px 30px rgba(10,49,41,.1);border-top:1px solid #dce9e2;backdrop-filter:blur(16px);gap:2px}
  .mobile-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:53px;padding:4px 3px;border:0;border-radius:11px;text-decoration:none;background:transparent;color:#779086;font:inherit;cursor:pointer;transition:color .19s,background-color .19s,transform .19s}
  .mobile-tab>span:not(.mobile-create-icon){height:22px;width:22px;display:grid;place-items:center}
  .mobile-tab svg{width:21px;height:21px;stroke-width:1.9}
  .mobile-tab b{font:800 10px/1.1 'Manrope','DM Sans',sans-serif;white-space:nowrap}
  .mobile-tab.active,.mobile-tab[aria-current="page"]{color:#116456;background:#e9f5ef}
  .mobile-tab:active{transform:scale(.94)}
  .mobile-tab-create{color:#174e43}
  .mobile-create-icon{display:grid;place-items:center;width:40px;height:39px;margin-top:-17px;border:3px solid #fff;border-radius:13px;background:linear-gradient(155deg,#1c7866,#0b5147);box-shadow:0 7px 18px rgba(20,99,83,.23);color:#fff}
  .mobile-tab-create .mobile-create-icon svg{width:22px;height:22px;stroke-width:2.5}
  .mobile-tab-create.active{background:transparent}
  html[data-ui-theme="vibrant"] .mobile-tab.active{color:#2249c9;background:#ebf0ff}
  html[data-ui-theme="vibrant"] .mobile-create-icon{background:linear-gradient(160deg,#315de3,#1b3ca7)}
  .mobile-sidebar-tools{margin-bottom:6px}
  .sidebar .sidebar-bottom{margin-bottom:30px}
  .tax-chat-shell{right:13px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:104;gap:8px}
  .tax-chat-launch{padding:8px 11px 8px 7px;font-size:11px;box-shadow:0 8px 25px rgba(12,70,50,.19)}
  .tax-chat-dot{width:25px;height:25px;font-size:15px}
  .tax-chat-panel{height:min(550px,calc(100dvh - 206px));width:min(395px,calc(100vw - 26px));border-radius:18px}
  .toast{z-index:1200!important;bottom:calc(95px + env(safe-area-inset-bottom))!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important}
  .modal-layer{z-index:1250}
  .modal{border-radius:17px}
  .modal-head{padding:17px}
  .modal-body{padding:15px 17px}
  .modal-footer{padding:13px 17px}
  .studio-guided-footer .btn{min-height:47px}
  #studioMount .studio-template-grid{gap:10px}
  #studioMount .studio-hero{padding:19px 18px;border-radius:16px}
  #studioMount .studio-hero h1{font-size:27px;letter-spacing:-.8px}
  #studioMount .studio-hero p{font-size:12px;line-height:1.55}
  #studioMount .studio-head-actions{gap:9px}
  #studioMount .voice-copilot{padding:15px 13px;border-radius:16px}
  #studioMount .voice-top{gap:11px}
  #studioMount .voice-glyph{height:40px;width:40px;border-radius:11px;font-size:20px}
  #studioMount .voice-heading h3{font-size:16px}
  #studioMount .voice-commands{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;align-items:end}
  #studioMount .voice-language{min-width:0}
  #studioMount .voice-language select,#studioMount .voice-target select{width:100%;min-width:0;max-width:100%}
  #studioMount .voice-mic{min-width:0;width:100%;min-height:46px}
  #studioMount .voice-input-row input{font-size:16px}
  #studioMount .studio-guided-nav{gap:6px;margin:12px 0 15px}
  #studioMount .studio-guided-nav button{padding:10px 3px 9px;gap:5px;border-radius:11px;box-shadow:none}
  #studioMount .studio-guided-nav button>span:first-child{width:30px;height:30px;flex-basis:30px;border-radius:9px}
  #studioMount .studio-guided-nav button strong{font-size:10px;font-weight:800}
  #studioMount .studio-guided-nav button.active{transform:none;box-shadow:0 0 0 1px rgba(39,111,80,.13)}
  #studioMount .studio-workspace.studio-guided-edit-only .studio-editor{padding:18px 14px;border-radius:15px}
  #studioMount .studio-editor-group{max-width:100%}
  #studioMount .studio-form-title{gap:12px}
  #studioMount .studio-form-title h4{font-size:17px}
  #studioMount .studio-form-title>span{width:35px;height:35px;flex:0 0 35px}
  #studioMount .studio-workspace.studio-guided-edit-only .studio-editor .studio-fields{grid-template-columns:minmax(0,1fr);gap:14px}
  #studioMount .studio-fields>:is(label,div){min-width:0}
  #studioMount .studio-quick-grid{grid-template-columns:minmax(0,1fr)}
  #studioMount .studio-guided-footer{padding-top:16px;margin-top:18px;gap:9px}
  #studioMount .studio-guided-footer>span{font-size:11px}
  #studioMount .studio-guided-footer .btn{width:100%;justify-content:center}
  #studioMount .studio-workspace.is-design-mode .studio-paper-wrap{justify-content:flex-start;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  #studioMount .studio-workspace.is-design-mode #studioPaper{width:794px!important;max-width:none!important;min-width:794px;flex:0 0 794px;transform:none!important}
  #studioMount .studio-workspace.is-design-mode .studio-preview-panel{padding:12px;min-width:0}
  .mobile-pdf-hint{display:flex;align-items:center;gap:8px;margin:11px 0 13px;padding:9px 11px;background:#ebf5ef;border:1px solid #d4e6db;border-radius:11px;font:700 11px/1.45 'DM Sans',sans-serif;color:#245d4b}
  #studioMount .studio-final-actions{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:15;background:rgba(255,255,255,.97);border:1px solid #dce9e2;border-radius:12px;padding:10px;box-shadow:0 -6px 24px rgba(23,65,49,.07)}
}
@media(max-width:650px){
  #authRoot{min-height:100dvh;background:#eff6f2}
  .auth-scene{display:flex;flex-direction:column;min-height:100dvh}
  .auth-showcase{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:92px;padding:19px 18px;gap:12px;background:linear-gradient(130deg,#102e2b,#19695b)}
  .auth-showcase:after{display:none}
  .auth-showcase>.auth-brand{font-size:21px;flex:0 0 auto}
  .auth-brand small{font-size:8px;letter-spacing:.12em}
  .auth-showcase>div:nth-child(2){display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0}
  .auth-showcase>div:nth-child(2) h1,.auth-showcase>div:nth-child(2) p,.auth-points{display:none!important}
  .auth-showcase .auth-mark{font-size:8px;letter-spacing:.11em;max-width:130px;text-align:right;line-height:1.7;color:#daeedf}
  .auth-panel{flex:1;padding:20px 13px 45px;display:block;background:transparent}
  .auth-card{width:100%;max-width:540px;margin:0 auto;padding:26px 20px 25px;border-radius:19px;border:1px solid #deebe3;background:#fff;box-shadow:0 18px 36px rgba(11,66,50,.07)}
  .auth-card h2{font-size:28px;line-height:1.16;margin-top:10px}
  .auth-card>p{font-size:12px;line-height:1.55;margin-bottom:20px}
  .auth-field label{font-size:10px;letter-spacing:.07em}
  .auth-primary{min-height:50px}
  .auth-fields{gap:15px}
  .auth-smallprint{font-size:10px!important;line-height:1.5}
  .premium-page-title-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}
  .premium-page-title-actions>.btn{flex:1;min-width:125px;justify-content:center}
  .bold-sales-hero{min-height:184px;border-radius:16px}
  .bold-side-metric{min-height:137px;padding:14px 12px}
  .bold-side-metric>strong{font-size:23px}
  .bold-side-metric>p{font-size:10px}
  .bold-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bold-action{min-height:95px}
  .bold-bottom-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bold-weekly-chart{height:132px}
  .bold-range-head{align-items:flex-start}
  .bold-range{width:100%;justify-content:space-between}
  .bold-range button{flex:1}
  .business-panel,.panel{min-width:0}
  .profile-form-grid,.settings-grid,.business-summary,.premium-focus-grid{grid-template-columns:minmax(0,1fr)}
  .table-wrap,.business-stock-table,.gst-table-wrap{margin-inline:0;overflow-x:auto}
  .table-wrap table,.business-stock-table table,.gst-table-wrap table{min-width:560px}
  .mobile-bottom-nav .mobile-tab b{font-size:10px}
}
@media(max-width:370px){
  .auth-showcase .auth-mark{display:none}
  .auth-card{padding:23px 16px}
  .topbar,html[data-ui-theme="vibrant"] .topbar{padding-inline:10px}
  .top-actions .auth-signout{padding:0 7px}
  .mobile-tab b{font-size:9px}
  .page,html[data-ui-theme="vibrant"] .page{padding-inline:11px}
  #studioMount .studio-guided-nav button strong{font-size:9px}
}
@media print{.mobile-bottom-nav,.mobile-pdf-hint{display:none!important}.main-wrap{padding-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.mobile-tab{transition:none!important}}