/* TrailSurge V27 — coherent staff UI, preserving V26 storage and actions */
:root{--ts27-navy:#173448;--ts27-blue:#087dab;--ts27-ink:#20374b;--ts27-muted:#667c8c;--ts27-line:#dfe7ed;--ts27-bg:#f4f7fa;--ts27-r:12px}
html{scroll-behavior:smooth}body:has(.app){background:var(--ts27-bg)!important;color:var(--ts27-ink)!important}
.app .side{background:#fff!important;border-right:1px solid var(--ts27-line)!important}
.app .side .brand{padding-bottom:15px!important}
.app .simple-side-nav{gap:3px!important;display:flex!important;flex-direction:column!important}
.app .simple-side-nav .side-link{min-height:42px!important;font-size:13px!important;font-weight:700!important;border-radius:9px!important;transition:background .12s ease!important}
.app .simple-side-nav .side-link:hover{background:#f1f6f9!important}
.app .simple-side-nav .side-link.active{background:#eaf4f9!important;color:#0e6489!important}
.app .side-new-job{margin-top:16px!important;min-height:43px!important;border-radius:9px!important}
.app .side-shortcuts{margin-top:17px!important;border-top:1px solid var(--ts27-line)!important;padding-top:14px!important}
.app .side-shortcuts a{display:block!important;font-size:12px!important;padding:9px 10px!important;min-height:37px!important;border-radius:8px!important;color:#567184!important;text-decoration:none!important}
.app .side-shortcuts a:hover{background:#f2f7fa!important;color:#15658b!important}
.app .top{min-height:65px!important;background:#fff!important;border-bottom:1px solid var(--ts27-line)!important;box-shadow:none!important;padding-top:12px!important;padding-bottom:12px!important}
.app .top-title{font-size:14px!important;font-weight:800!important}.app .staff-chip{background:#f6f9fb!important;border:1px solid #e7edf1!important;border-radius:24px!important}
.app .main>div[class*="content"],.app .v22-parts-shell{max-width:1480px!important;margin-left:auto!important;margin-right:auto!important}
.app h1{letter-spacing:-.9px!important;font-weight:800!important}.app h2{letter-spacing:-.35px!important}
.app :is(button,.btn,.v22-primary,.v22-act,.v24-stat-button):not(.plain){transition:background-color .15s,border-color .15s,box-shadow .15s}
.app :is(a,button):focus-visible{outline:3px solid #64b6dc!important;outline-offset:3px!important}
.app :is(input,select,textarea){accent-color:var(--ts27-blue)}
.app :is(input,select,textarea):focus-visible{outline:2px solid #7bc5df!important;outline-offset:1px!important}
.app :is(.v22-part-form-card,.v22-queue-card,.v22-suppliers,.planner-jobs,.planner-calendar,.job-heading,.job-card,.v16-customer-card,.stat-card){border-color:var(--ts27-line)!important;box-shadow:0 3px 14px rgba(25,55,75,.025)!important;border-radius:var(--ts27-r)!important}
.app .logout{font-size:12px!important}
.app .v27-nav-context{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.app .v27-nav-context a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;border:1px solid #d8e4eb;border-radius:9px;color:#315e77;background:#fff;text-decoration:none;padding:8px 12px;font-weight:750;font-size:12px}
.app .v27-nav-context a:hover{background:#eef7fb}
.app .v22-parts-shell{padding-top:24px!important}.app .v22-heading{margin-bottom:14px!important}.app .v22-heading p.eyebrow{margin-bottom:3px!important}
.app .v22-parts-stats{margin-bottom:13px!important;gap:8px!important}.app .v24-stat-button{padding:12px!important;border-radius:10px!important}
.app .v24-stat-button strong{font-size:23px!important}.app .v24-stat-button span{font-size:11px!important}
.app .v22-section-title{margin-bottom:11px!important}.app .v22-section-title h2{font-size:16px!important}.app .v22-suppliers,.app .v22-part-form-card,.app .v22-queue-card{padding:17px!important}
.app .v22-part-row{padding:13px!important}.app .v22-part-meta{margin:10px 0!important}
.app .v22-part-actions button{min-height:38px}.app .v22-primary{min-height:43px}
.app .v23-supplier-search{gap:8px!important}
.app .planner-heading,.app .job-heading{margin-bottom:14px!important}
.app .v17-calendar-help{font-size:11px!important;color:#688090!important;margin:6px 0!important}
.app .planner-filters{border-radius:10px!important}
.app .planner-calendar{overflow:visible!important}
.app .planner-tools{margin-top:15px!important}
.app .mobile-bar a{font-size:10px!important}
@media(max-width:800px){.app .top{min-height:60px!important}.app .v22-parts-shell{padding:17px 12px 100px!important}.app .v24-stat-button{padding:10px!important}.app .v22-parts-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media print{.v27-nav-context,.v27-checkin-dock,.v27-workspace-more{display:none!important}}