/* Mobile workspace: bottom navigation, a navigation sheet, single-column editors. */
:root{--header-height:calc(64px + env(safe-area-inset-top,0px));--bottom-height:calc(66px + env(safe-area-inset-bottom,0px))}.header-inner{padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));gap:8px}.header-start,.header-actions{gap:7px}.brand{gap:8px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark svg{width:24px;height:24px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px;letter-spacing:1.6px}.header-location,.profile-copy,.profile-chevron{display:none}.profile-toggle{padding:3px;min-width:44px;min-height:44px}.theme-toggle{border:0;width:40px;min-width:40px;padding:9px}#menuToggle{width:40px;min-width:40px;padding:8px;border:0;background:transparent}.profile-panel{position:fixed;top:calc(var(--header-height) + 8px);right:max(12px,env(safe-area-inset-right,0px));width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - var(--header-height) - var(--bottom-height) - 20px)}.shell{display:block;width:100%;min-width:0}main{width:100%;min-width:0;padding:24px max(16px,env(safe-area-inset-right,0px)) calc(var(--bottom-height) + 30px) max(16px,env(safe-area-inset-left,0px));margin:0}.heading{display:block;margin-bottom:24px}h1{font-size:27px;letter-spacing:-.7px}.heading .eyebrow{font-size:9px}#saveState{display:block;margin-top:10px;font-size:11px;max-width:100%}.card,.object-card{padding:20px;border-radius:18px}.card{margin-bottom:18px}.sectionhead{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:16px}.sectionhead h2{font-size:18px}.sectionhead>button{font-size:12px}.sectionhead .text-button{min-height:32px;padding:4px 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.stat{padding:16px;border-radius:16px}.stat>div{align-items:flex-start;gap:7px;line-height:1.4;font-size:11px}.stat svg{width:16px;height:16px}.stat b{font-size:30px;margin-top:16px}.dashboard-intro{display:block;margin-bottom:20px}.dashboard-intro>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.dashboard-intro button{font-size:12px;padding:11px 8px;min-height:46px}.record-row{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:20px 0}.date-tile{width:46px;padding:9px 3px}.date-tile b{font-size:21px}.record-main strong{font-size:14px}.record-main small{font-size:12px}.row-actions{grid-column:1/-1;width:100%;margin:0}.row-actions button{width:100%;min-height:46px;background:var(--subtle);font-size:13px}.object-grid,.customer-grid,.overview-grid{grid-template-columns:minmax(0,1fr);gap:16px}.object-card-top .badge{font-size:10px}.object-card h3{font-size:20px}.page-actions,.editor-title{align-items:stretch;flex-direction:column;gap:12px}.page-actions>.subtle{font-size:12px}.page-actions>button,.editor-title>button{width:100%}.filters{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.filters select{max-width:100%;width:100%}.fields{grid-template-columns:minmax(0,1fr);gap:20px}.field{font-size:13px}input,textarea,select{font-size:16px;min-height:48px}input[type=date]{display:block;min-width:0;max-width:100%;width:100%;-webkit-min-logical-width:0}input::-webkit-datetime-edit{padding:0;min-width:0}button{min-height:44px}.actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.actions button{width:100%}.object-topline{gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.object-topline .badge{font-size:10px}.object-topline .text-button{min-height:30px;font-size:12px}.object-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:16px}.object-tabs button{min-height:46px;padding:10px 8px;font-size:12px;line-height:1.4}.object-tabs button:first-child{grid-column:1/-1}.appointment-date{font-size:24px;line-height:1.3}.appointment-stats{gap:8px}.appointment-stats b{font-size:18px}.appointment-stats span{font-size:11px}.record-picker{max-width:100%}.template-row{padding:16px;border-radius:14px}.template-row .actions{display:flex}.template-row .actions button{width:auto}.checkfield{align-items:flex-start;line-height:1.6}.checkfield input{margin-top:2px}.customer-grid .actions{grid-template-columns:minmax(0,1fr)}.user-row{align-items:flex-start;flex-wrap:wrap}.user-row button{font-size:12px}.account-card form>button{width:100%}.theme-card .theme-setting{padding:0}.report-toolbar{display:block;margin-bottom:20px}.report-toolbar>button{width:100%;margin-top:16px}.report-toolbar h2{font-size:21px}.report-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-stepper button{padding:10px 8px;gap:7px;min-height:54px;font-size:11px}.report-stepper button b{font-weight:650}.report-stepper button>span{width:23px;height:23px;flex-basis:23px}.report-layout{grid-template-columns:minmax(0,1fr);gap:18px}.report-aside{order:-1}.report-aside .card{margin:0;padding:15px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.report-aside .eyebrow{margin:0;align-self:center;font-size:9px}.report-aside .large{grid-column:2;grid-row:1/3;font-size:26px;align-self:center}.report-aside .progress{margin-top:10px}.report-aside .subtle,.report-mini{display:none}.report-bottom{bottom:calc(var(--bottom-height) + 8px);padding:10px;gap:8px;margin-top:18px;border-radius:14px}.report-bottom button{font-size:12px;padding:10px}.report-bottom .primary{flex:1}.task{grid-template-columns:minmax(0,1fr);padding:20px 0;gap:14px}.task-line{gap:12px}.task-line strong{font-size:14px}.task-line small{font-size:12px}.result-field{margin-left:35px;font-size:12px}.supply{grid-template-columns:23px minmax(0,1fr);gap:12px}.supply>.field{grid-column:2;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 95px;align-items:center}.supply b{font-size:14px}.supply input[type=number]{text-align:center}.completion-metrics{gap:8px}.completion-metrics>span{padding:10px;font-size:11px}.next-service{display:block}.next-service b{display:block;margin-top:6px;font-size:18px}.order-groups>div{align-items:flex-start}.order-groups b{font-size:11px}.team-bar{flex-direction:column}.team-bar button{width:100%}.report-fields .actions{display:block}.report-fields .actions button{width:100%}dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:600px;max-height:calc(100dvh - max(20px,env(safe-area-inset-top,0px)));border-radius:24px 24px 0 0;border-bottom:0;padding:26px 20px calc(22px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:20px}dialog h2{font-size:22px;line-height:1.3;padding-top:8px}dialog::before{content:'';display:block;position:absolute;top:10px;left:calc(50% - 18px);height:4px;width:36px;border-radius:4px;background:var(--line)}dialog .fields{width:100%}dialog .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}dialog .actions button{padding:12px 8px}#toast{bottom:calc(var(--bottom-height) + 18px);font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--bottom-height);padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:var(--surface);border-top:1px solid var(--line)}.mobile-nav button{background:transparent;border:0;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-height:48px;font-size:10px;font-weight:550;padding:6px 2px;color:var(--muted)}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{background:var(--accent-soft);color:var(--accent-ink)}#navigation{display:none;position:fixed;z-index:45;left:12px;right:12px;bottom:calc(var(--bottom-height) + 10px);max-width:520px;margin:auto;max-height:calc(100dvh - var(--bottom-height) - var(--header-height) - 28px);overflow:auto;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}body.menu-open #navigation{display:flex;flex-direction:column;gap:4px}#navigation button{justify-content:flex-start;background:transparent;border:0;text-align:left;min-height:46px;padding:12px}#navigation button.active{color:var(--accent-ink);background:var(--accent-soft)}#navigation .nav-footer{display:none}#navigation .nav-close{justify-content:space-between;background:var(--subtle);margin-bottom:6px}.nav-scrim{position:fixed;inset:0;z-index:40;border:0;border-radius:0;background:var(--overlay);padding:0;width:100%;height:100%;max-width:none}.menu-open .nav-scrim{display:block}body.menu-open{overflow:hidden}.login-card{padding:26px}.login-page{padding:20px}.login-card .theme-setting select{width:150px}
@media(min-width:650px){main{padding-left:28px;padding-right:28px}.object-grid,.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-panel{right:20px}}
@media(max-width:359px){main{padding-left:12px;padding-right:12px}.brand-mark{display:none}.brand-copy strong{font-size:13px}.header-start,.header-actions{gap:4px}.card,.object-card{padding:16px}.stat{padding:13px}.stat>div{font-size:10px}.report-stepper button{font-size:10px}}
.report-mode .heading>div{display:none}.report-mode .heading{margin-bottom:12px}.report-mode .heading #saveState{margin:0}.report-mode .report-toolbar{margin-bottom:18px}.report-mode .report-toolbar h2{margin:6px 0}.report-mode .report-toolbar>button{margin-top:12px}.report-mode main{padding-top:16px}html{scroll-padding-bottom:calc(var(--bottom-height) + 100px)}
