.gr3-workspace-host{padding:0!important;overflow:hidden!important;height:calc(100dvh - 56px);min-height:360px}.gr3-workspace-host.mobile-job-file{height:90dvh!important;max-height:90dvh!important;width:min(1050px,96vw)!important;max-width:1050px!important;border-radius:12px!important}.gr3-workspace{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;background:var(--bg);color:var(--text)}.gr3-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.gr3-top-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--surface);border-bottom:1px solid var(--border)}.gr3-top-tabs button,.gr3-bottom-tabs button{background:transparent;border:0;color:var(--text3);font:inherit;font-weight:700;cursor:pointer;padding:14px 4px;text-transform:uppercase;font-size:.72rem}.gr3-top-tabs button.active,.gr3-bottom-tabs button.active{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);box-shadow:inset 0 -3px var(--green)}.gr3-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:16px 22px}.gr3-scroll .mjf-page-body{padding:0}.gr3-scroll .mjf-code-spacer{display:none}.gr3-bottom-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.gr3-bottom-tabs button{display:flex;flex-direction:column;align-items:center;gap:7px}.gr3-bottom-tabs button.active{box-shadow:inset 0 3px var(--green)}.gr3-save{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid var(--border);background:var(--surface)}.gr3-save span{font-size:.67rem;color:var(--text3)}.gr3-notes{display:grid;gap:28px}.gr3-notes label{display:flex;flex-direction:column;gap:12px;font-size:1rem;font-weight:600}.gr3-notes small{color:var(--text3);font-size:.7rem;font-weight:400}.gr3-notes textarea{width:100%;box-sizing:border-box;min-height:220px;resize:vertical;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-weight:400;padding:16px}.gr3-note-preview p,.gr3-legacy-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text2)}.gr3-note-preview strong{display:block;margin-top:10px}.gr3-scroll [style*="max-height:62vh"]{max-height:none!important;overflow:visible!important}.gr3-scroll .mjf-hero-car{max-height:260px;object-fit:contain}.gr3-scroll .mne-media-body{padding:0}.mne,.mne-screen{max-width:1050px;margin:auto}.mne-light{background:var(--bg)!important;color:var(--text)!important}.mne-client-row,.mne-client-tools,.mne-create{background:var(--surface)!important;color:var(--text)!important}.mne-search{background:var(--bg)!important;color:var(--text)!important}.gr3-scroll .mjf-service-picker{max-width:900px;margin:auto}@media(max-width:640px){.gr3-workspace-host{height:calc(100dvh - 56px)}.gr3-workspace-host.mobile-job-file{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.gr3-scroll{padding:15px}.gr3-top-tabs button{font-size:.65rem}.gr3-bottom-tabs button{font-size:.65rem}.gr3-notes textarea{min-height:210px}}

/* The workspace occupies the usable viewport below the business header. */
body:has(#mainContent.gr3-workspace-host,.detail-overlay.open .gr3-workspace-host){overflow:hidden!important;overscroll-behavior:none}
body:has(#mainContent.gr3-workspace-host,.detail-overlay.open .gr3-workspace-host) .topnav{z-index:301}
.gr3-workspace-host{box-sizing:border-box;min-height:0!important}
#mainContent.gr3-workspace-host{position:fixed!important;top:var(--gr3-workspace-top,56px)!important;left:var(--gr3-workspace-left,220px);right:20px;height:var(--gr3-workspace-height,calc(100dvh - 56px))!important;max-height:var(--gr3-workspace-height)!important;max-width:none;margin:0!important}
.gr3-workspace{min-height:0;max-height:100%;overflow:hidden}
.gr3-bottom-tabs{padding-bottom:max(10px,env(safe-area-inset-bottom));flex-shrink:0}
.gr3-bottom-tabs button{min-height:66px;box-sizing:border-box;white-space:nowrap}
@media(max-width:640px){
 #mainContent.gr3-workspace-host{left:0;right:0;width:100%!important}
 .detail-box.gr3-workspace-host.mobile-job-file{position:fixed!important;top:var(--gr3-workspace-top,calc(56px + env(safe-area-inset-top)))!important;left:0;right:0;bottom:auto;height:var(--gr3-workspace-height,calc(100dvh - 56px - env(safe-area-inset-top)))!important;max-height:var(--gr3-workspace-height)!important;padding:0!important;margin:0!important}
 .gr3-head{min-height:54px;box-sizing:border-box;flex-shrink:0}
}
@media(min-width:641px){.detail-overlay.open:has(.detail-box.gr3-workspace-host){padding-top:68px!important;padding-bottom:24px!important;box-sizing:border-box}.detail-box.gr3-workspace-host.mobile-job-file{height:min(900px,calc(100dvh - 92px))!important;max-height:calc(100dvh - 92px)!important}}

.gr3-bottom-tabs{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}.gr3-bottom-tabs button{min-width:0;overflow-wrap:anywhere}
