/* BuildSuite · Custom software by Jason Sickles */
:root{--bg:#f4f7fb;--panel:#fff;--panel-2:#eef3f8;--text:#172033;--muted:#64748b;--line:#d8e0ea;--accent:#dc2626;--accent-2:#991b1b;--accent-soft:#fee2e2;--ok:#15803d;--warn:#b45309;--danger:#b91c1c;--shadow:0 12px 35px rgba(15,23,42,.09);--radius:18px}
html[data-theme=aqua]{--accent:#0891b2;--accent-2:#155e75;--accent-soft:#cffafe}
html[data-theme=void]{--accent:#65a30d;--accent-2:#3f6212;--accent-soft:#ecfccb}
html[data-theme=cobalt]{--accent:#2563eb;--accent-2:#1e40af;--accent-soft:#dbeafe}
html[data-theme=yoders]{--accent:#dc2626;--accent-2:#991b1b;--accent-soft:#fee2e2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#111827;color:#e5e7eb;display:flex;flex-direction:column;padding:18px;z-index:30}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:grid}.brand strong{font-size:20px;color:#fff}.brand small{color:#9ca3af}.sidebar-close{display:none;border:0;background:transparent;color:white;font-size:28px}.portal-label{margin:20px 0 10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.07);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1}.sidebar nav{display:grid;gap:5px}.sidebar nav>a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#d1d5db;font-weight:700}.sidebar nav>a:hover,.sidebar nav>a.active{background:var(--accent);color:white}.sidebar nav>a span{width:20px;text-align:center}.nav-label{margin:20px 12px 6px;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sidebar-bottom{margin-top:auto;display:grid;gap:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.sidebar-bottom>div:first-child{display:grid}.sidebar-bottom small{color:#9ca3af}.theme-dots{display:flex;gap:8px}.theme-dots button{width:18px;height:18px;border:2px solid rgba(255,255,255,.75);border-radius:50%;padding:0}.theme-dots button:nth-child(1){background:#2563eb}.theme-dots button:nth-child(2){background:#65a30d}.theme-dots button:nth-child(3){background:#0891b2}.theme-dots button:nth-child(4){background:#dc2626}.signout{border:0;background:transparent;color:#fca5a5;padding:0;font-weight:800}.main-area{min-width:0;display:flex;flex-direction:column}.topbar{min-height:74px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:12px 28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar>div{display:grid}.topbar span{color:var(--muted);font-size:13px}.menu-button{display:none;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 12px}.content{padding:28px;max-width:1650px;width:100%;margin:0 auto;flex:1}.main-area>footer{text-align:center;color:var(--muted);font-size:12px;padding:18px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font-size:32px;line-height:1.08;margin:4px 0 8px}.page-heading p{margin:0;color:var(--muted);max-width:780px}.eyebrow{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 16px;border-radius:11px;font-weight:800;min-height:42px}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.08)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.secondary{background:var(--panel)}.btn.small{padding:6px 10px;min-height:32px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h2{margin:0;font-size:20px}.panel-heading p{margin:5px 0 0;color:var(--muted)}.metric-grid,.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-grid article,.summary-grid article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:grid;gap:5px}.metric-grid article.attention{border-color:#fdba74;background:#fff7ed}.metric-grid span,.summary-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.metric-grid strong{font-size:32px}.summary-grid strong{font-size:20px}.metric-grid small,.summary-grid small{color:var(--muted)}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.job-list{display:grid}.job-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:center;padding:14px 4px;border-top:1px solid var(--line)}.job-row:first-child{border-top:0}.job-row>div{display:grid;gap:4px}.job-row span,.job-row small{color:var(--muted)}.job-row b{font-size:12px;background:var(--accent-soft);color:var(--accent-2);padding:7px 10px;border-radius:999px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--panel-2);position:sticky;top:0}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--panel-2);font-weight:800;font-size:12px;white-space:nowrap}.status.completed,.status.synced,.status.approved,.status.paid{background:#dcfce7;color:#166534}.status.failed,.status.danger{background:#fee2e2;color:#991b1b}.status.pending,.status.completion_pending{background:#fef3c7;color:#92400e}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.details.four{grid-template-columns:repeat(4,minmax(0,1fr))}.details div{padding:14px 0;border-top:1px solid var(--line);min-width:0}.details div:nth-child(-n+2){border-top:0}.details.four div:nth-child(-n+4){border-top:0}.details dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:5px}.details dd{margin:0;word-break:break-word}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stack-form{display:grid;gap:15px}.form-grid label,.stack-form label{display:grid;gap:7px;font-weight:800;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.filter-panel input,.filter-panel select{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:11px 12px}.form-grid small,.stack-form small{font-weight:500;color:var(--muted)}.span-two{grid-column:1/-1}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important}.check-row input{width:18px!important;height:18px!important}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin:18px 0}.filter-panel form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-panel label{display:grid;gap:6px;font-weight:800;min-width:220px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.photo-grid a{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel-2)}.photo-grid img{width:100%;height:150px;object-fit:cover;display:block}.photo-grid span{display:block;padding:9px 11px;font-size:12px;font-weight:800}.file-drop{border:2px dashed var(--line);border-radius:16px;padding:24px;display:grid;gap:8px;text-align:center;font-weight:800;background:var(--panel-2)}.file-drop input{margin:auto}.signature-wrap{border:2px dashed var(--line);background:#fff;border-radius:14px;overflow:hidden}.signature-wrap canvas{display:block;width:100%;height:240px;touch-action:none}.location-row{display:flex;align-items:center;gap:12px;margin-top:14px}.location-row span{color:var(--muted)}.exception-field[hidden]{display:none}.inline-form{display:inline-flex;margin-left:8px}.adjust-form{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) auto;gap:8px;padding:10px 0}.adjust-form label{display:grid;gap:4px;font-size:11px}.adjust-form input{width:100%;padding:7px;border:1px solid var(--line);border-radius:8px}.empty{padding:30px;text-align:center;color:var(--muted)}.alert{border-radius:12px;padding:13px 15px;margin-bottom:16px;border:1px solid}.alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.error-card{max-width:640px;margin:80px auto;background:var(--panel);padding:34px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.auth-body{background:radial-gradient(circle at top left,var(--accent-soft),transparent 42%),#111827;min-height:100vh;padding:30px}.auth-shell{max-width:1050px;margin:5vh auto;display:grid;grid-template-columns:1.1fr .9fr;background:var(--panel);border-radius:28px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.35)}.auth-brand{background:#111827;color:white;padding:60px;display:flex;flex-direction:column;justify-content:center}.auth-brand img{max-width:350px;width:100%;height:120px;object-fit:contain;object-position:left center}.auth-brand span{font-size:36px;font-weight:900;margin-top:15px}.auth-brand p{color:#cbd5e1;font-size:17px;line-height:1.6}.auth-card{padding:55px}.card-heading h1{font-size:36px;margin:6px 0}.card-heading p{color:var(--muted);margin:0 0 24px}.backdrop{display:none}
@media(max-width:1050px){.metric-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details.four{grid-template-columns:repeat(2,minmax(0,1fr))}.details.four div:nth-child(-n+4){border-top:1px solid var(--line)}.details.four div:nth-child(-n+2){border-top:0}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-290px;width:270px;transition:left .2s}.sidebar.open{left:0}.sidebar-close,.menu-button{display:inline-flex}.backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:25;border:0}.backdrop.open{display:block}.content{padding:18px}.topbar{padding:10px 16px}.page-heading{flex-direction:column}.metric-grid,.summary-grid,.two-column,.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.details,.details.four{grid-template-columns:1fr}.details div,.details div:nth-child(-n+2),.details.four div:nth-child(-n+4){border-top:1px solid var(--line)}.details div:first-child{border-top:0}.auth-shell{grid-template-columns:1fr;margin:0}.auth-brand{padding:35px}.auth-brand img{height:85px}.auth-brand span{font-size:28px}.auth-card{padding:32px}.job-row{grid-template-columns:1fr}.adjust-form{grid-template-columns:1fr}.location-row{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.metric-grid,.summary-grid,.metric-grid.compact{grid-template-columns:1fr}.page-heading h1{font-size:27px}.auth-body{padding:12px}.auth-brand{padding:28px}.auth-card{padding:25px}.panel{padding:15px;border-radius:14px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid img{height:120px}}

.driver-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-text{font-size:20px!important;line-height:1.25}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-weight:900}.delivery-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.delivery-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:15px;padding:16px;background:linear-gradient(180deg,#fff,var(--panel-2));transition:.16s}.delivery-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.delivery-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-card h3{font-size:19px;margin:0}.delivery-card p{margin:0;color:var(--muted);min-height:40px}.delivery-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0}.delivery-card dl div{min-width:0}.delivery-card dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.delivery-card dd{margin:3px 0 0;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis}.status.ready,.status.assigned{background:#e0f2fe;color:#075985}.status.scheduled{background:#ede9fe;color:#5b21b6}.status.in_progress{background:#ffedd5;color:#9a3412}.job-status-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin:-7px 0 20px}.job-status-strip>span:last-child{color:var(--muted)}.job-layout{align-items:start}.route-summary{display:grid;text-align:right}.route-summary span{color:var(--muted);font-size:12px}.map-frame{border:1px solid var(--line);border-radius:15px;overflow:hidden;height:390px;background:var(--panel-2)}.map-frame iframe{width:100%;height:100%;border:0}.route-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.route-actions [data-route-status]{color:var(--muted);font-size:13px}.action-stack{display:grid;gap:10px}.btn.wide{width:100%}.btn.disabled{pointer-events:none;opacity:.45}.schedule-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(300px,1fr);gap:20px;align-items:start}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-head>div{text-align:center;padding:8px;font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase}.calendar-day{min-height:145px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:7px;overflow:hidden}.calendar-day:nth-child(7n){border-right:1px solid var(--line)}.calendar-day:nth-last-child(-n+7){border-bottom:1px solid var(--line)}.calendar-day.outside{background:var(--panel-2);opacity:.55}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-date{display:flex;justify-content:flex-end;margin-bottom:5px}.calendar-date span{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;font-weight:900;font-size:12px}.today .calendar-date span{background:var(--accent);color:#fff}.calendar-event{display:grid;gap:1px;border-radius:8px;padding:6px 7px;margin:4px 0;background:var(--accent-soft);border-left:3px solid var(--accent);font-size:11px;line-height:1.2}.calendar-event span,.calendar-event small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event.completed{opacity:.65;background:#dcfce7;border-color:#15803d}.calendar-event.in_progress,.calendar-event.completion_pending{background:#ffedd5;border-color:#ea580c}.unscheduled-panel{position:sticky;top:94px}.schedule-list{display:grid;gap:10px}.schedule-list details{border:1px solid var(--line);border-radius:12px;padding:11px}.schedule-list summary{display:grid;gap:3px;cursor:pointer}.schedule-list summary span,.schedule-list summary small{color:var(--muted)}.schedule-list form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.happy-sheet{display:grid;gap:13px}.happy-question{margin:0;border:1px solid var(--line);border-radius:13px;padding:14px}.happy-question legend{font-weight:900;padding:0 7px}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented label,.signature-source label{position:relative}.segmented input,.signature-source input{position:absolute;opacity:0;pointer-events:none}.segmented span,.signature-source span{display:inline-flex;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:9px 16px;font-weight:900;cursor:pointer}.segmented input:checked+span,.signature-source input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.happy-note{display:grid;gap:5px;margin-top:10px;font-weight:800}.happy-note input{border:1px solid var(--line);padding:10px;border-radius:9px;width:100%}.signature-source{display:flex;gap:10px;margin-bottom:14px}.driver-signature-reason{display:grid;gap:7px;margin-bottom:14px;font-weight:800}.driver-signature-reason textarea{border:1px solid var(--line);padding:10px;border-radius:10px}.delivery-log-list{display:grid}.delivery-log-item{display:grid;grid-template-columns:auto 1.25fr 1fr .8fr .65fr auto;gap:16px;align-items:center;padding:14px 4px;border-top:1px solid var(--line)}.delivery-log-item:first-child{border-top:0}.delivery-log-item>div{display:grid;gap:3px}.delivery-log-item span{color:var(--muted);font-size:12px}.delivery-log-icon{width:36px;height:36px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#166534;font-weight:900}.row-arrow{font-size:28px!important}.file-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.file-card{min-width:210px;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:3px;background:var(--panel-2)}.file-card span{color:var(--muted);font-size:12px}.happy-results{display:grid;gap:9px}.happy-result{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--line);border-left:4px solid #16a34a;border-radius:10px;padding:11px 13px}.happy-result.no{border-left-color:#dc2626;background:#fef2f2}.happy-result.na{border-left-color:#94a3b8}.happy-result p{margin:4px 0 0;color:var(--muted)}.happy-result>span{font-weight:900}.attention-panel{border-color:#f59e0b;background:#fffbeb}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-7px 0 20px}.settings-tabs a{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:var(--panel);font-weight:800;font-size:13px}.notification-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-toggle{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel-2);cursor:pointer}.setting-toggle input{width:20px;height:20px}.setting-toggle span{display:grid;gap:3px}.setting-toggle small{color:var(--muted)}.happy-admin-list{display:grid;gap:9px}.happy-admin-row{display:grid;grid-template-columns:minmax(250px,1fr) 90px auto auto auto;align-items:center;gap:9px}.happy-admin-row input[type=text],.happy-admin-row>input{border:1px solid var(--line);padding:9px;border-radius:8px}.happy-add-form{display:grid;grid-template-columns:minmax(250px,1fr) 90px auto auto;gap:9px;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.happy-add-form>input{border:1px solid var(--line);padding:10px;border-radius:9px}.print-document{background:#e5e7eb;color:#111827}.print-toolbar{position:sticky;top:0;z-index:5;padding:10px;text-align:center;background:#111827}.print-toolbar button{margin:0 5px;padding:9px 16px;border:0;border-radius:8px;font-weight:800}.print-page{max-width:850px;margin:25px auto;background:#fff;min-height:1050px;padding:42px;box-shadow:0 15px 45px rgba(0,0,0,.18)}.print-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:4px solid #111827;padding-bottom:18px;margin-bottom:24px}.print-header h1{margin:0}.print-header>div:last-child{display:grid;text-align:right}.print-section{margin:22px 0}.print-section h2{font-size:17px;border-bottom:1px solid #cbd5e1;padding-bottom:7px}.print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.print-grid>div{display:grid}.print-grid .wide{grid-column:1/-1}.print-grid b{font-size:10px;text-transform:uppercase;color:#64748b;letter-spacing:.08em}.print-notes{margin-top:15px}.certificate-table{min-width:0}.certificate-signature{margin-top:24px;border-top:1px solid #94a3b8;width:340px;display:grid;padding-top:6px}.certificate-signature img{width:320px;height:100px;object-fit:contain;object-position:left bottom}.certificate-footer{text-align:center;border-top:1px solid #cbd5e1;padding-top:14px;color:#64748b;font-size:11px}
@media(max-width:1150px){.schedule-layout{grid-template-columns:1fr}.unscheduled-panel{position:static}.delivery-log-item{grid-template-columns:auto 1fr 1fr auto}.delivery-log-item>div:nth-child(4),.delivery-log-item>div:nth-child(5){display:none}}
@media(max-width:820px){.driver-kpis,.notification-grid{grid-template-columns:1fr}.calendar-panel{overflow:auto}.calendar-grid{min-width:800px}.delivery-card-grid{grid-template-columns:1fr}.happy-admin-row,.happy-add-form{grid-template-columns:1fr}.delivery-log-item{grid-template-columns:auto 1fr auto}.delivery-log-item>div:nth-child(3){display:none}.map-frame{height:300px}}
@media print{.print-toolbar{display:none}.print-document{background:#fff}.print-page{box-shadow:none;margin:0;max-width:none;min-height:0;padding:0}.print-header{break-after:avoid}.print-section{break-inside:avoid}a{color:#111827}.certificate-table th{position:static}}
.setting-note{display:grid;gap:3px;border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--panel-2)}.setting-note span{color:var(--muted);font-size:13px}


:root{--radius:14px;--shadow:0 5px 18px rgba(15,23,42,.07)}
.app-shell{grid-template-columns:232px minmax(0,1fr)}
.sidebar{padding:14px;width:232px}
.brand{gap:10px}.brand img{width:40px;height:40px}.brand strong{font-size:17px}.brand small{font-size:12px}
.portal-label{margin:15px 0 8px;padding:7px 9px;font-size:10px}
.sidebar nav{gap:3px}.sidebar nav>a{gap:10px;padding:10px 12px;border-radius:10px;font-size:14px}.sidebar nav>a span{width:18px}
.sidebar-bottom{gap:10px;padding-top:13px}.signed-in-user strong{font-size:13px}.signed-in-user small{font-size:11px}.signout{font-size:13px}
.topbar{min-height:60px;padding:8px 20px}.topbar-title strong{font-size:14px}.topbar-title span{font-size:11px}
.mobile-brand,.mobile-bottom-nav{display:none}
.content{padding:20px;max-width:1450px}.main-area>footer{padding:12px 18px 18px}
.page-heading{gap:16px;margin-bottom:16px}.page-heading h1{font-size:27px;margin:3px 0 5px}.page-heading p{font-size:14px}.eyebrow{font-size:10px}
.page-actions{gap:8px}.btn{min-height:38px;padding:8px 13px;border-radius:9px;font-size:13px}.btn.small{min-height:30px;padding:5px 9px;font-size:12px}
.panel{padding:16px;margin-bottom:16px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:13px}
.metric-grid,.summary-grid{gap:12px;margin-bottom:16px}.metric-grid article,.summary-grid article{padding:14px;border-radius:13px}.metric-grid strong{font-size:27px}.summary-grid strong{font-size:18px}
.form-grid{gap:12px}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.filter-panel input,.filter-panel select{padding:9px 10px;border-radius:9px}
.details div{padding:11px 0}.photo-grid{gap:10px}.photo-grid img{height:135px}.file-drop{padding:18px}
.alert{padding:11px 13px;margin-bottom:12px;font-size:14px}

/* Dashboard */
.dashboard-heading{align-items:center}.dashboard-actions .btn span{font-size:16px;line-height:1}.dashboard-actions form{margin:0}
.driver-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.driver-kpis article{display:flex;align-items:center;gap:12px;min-height:94px;padding:13px 14px}
.driver-kpis article>div{display:grid;gap:2px;min-width:0}.driver-kpis .metric-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-2);font-size:17px;flex:0 0 auto}
.driver-kpis article>div>span{font-size:10px}.driver-kpis strong{font-size:27px;line-height:1}.driver-kpis small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-workspace{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.home-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line);background:var(--panel-2);padding:5px}
.home-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;font-weight:850}
.home-tabs button b{min-width:24px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(100,116,139,.14);font-size:12px}
.home-tabs button:hover{color:var(--text);background:rgba(255,255,255,.72)}
.home-tabs button[aria-selected=true]{background:var(--panel);color:var(--accent-2);box-shadow:0 2px 7px rgba(15,23,42,.08)}
.home-tabs button[aria-selected=true] b{background:var(--accent);color:#fff}
.home-tab-panel{padding:16px}.home-tab-panel[hidden]{display:none!important}
.home-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.home-panel-heading h2{margin:0;font-size:18px}.home-panel-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.text-link{color:var(--accent-2);font-size:12px;font-weight:850;white-space:nowrap}
.compact-job-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:11px}
.compact-job-card{gap:9px;padding:13px;border-radius:12px;background:var(--panel)}
.compact-job-card:hover{transform:translateY(-1px)}
.compact-job-card .delivery-card-top{gap:8px}.compact-job-card .status{padding:4px 7px;font-size:10px}.serial-number{font-size:12px;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.job-card-customer h3{font-size:16px;margin:0}.job-card-customer p{font-size:12px;min-height:0;margin-top:3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.job-card-schedule{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;background:var(--accent-soft);color:var(--accent-2)}.job-card-schedule>span{font-size:15px}.job-card-schedule>div{display:grid;gap:1px}.job-card-schedule small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;opacity:.75}.job-card-schedule strong{font-size:12px}.job-card-schedule.not-scheduled{background:#fff7ed;color:#9a3412}
.compact-job-card dl{grid-template-columns:1fr 1fr 1fr;gap:7px;padding-top:1px}.compact-job-card dt{font-size:8px}.compact-job-card dd{font-size:11px;white-space:nowrap}.job-card-open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;color:var(--accent-2);font-size:12px;font-weight:900}.job-card-open b{font-size:16px}
.compact-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.compact-empty>span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#166534;font-weight:900}.compact-empty strong{font-size:13px}

/* Compact operations pages */
.delivery-card-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.delivery-card{padding:14px;border-radius:12px}.delivery-card h3{font-size:17px}.delivery-card p{font-size:13px;min-height:34px}
.calendar-day{min-height:120px}.calendar-event{padding:5px 6px}.map-frame{height:340px}.signature-wrap canvas{height:200px}.happy-question{padding:12px}.segmented span,.signature-source span{padding:8px 13px;font-size:13px}

@media(max-width:1050px){
  .app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:12px}.sidebar nav>a{padding:9px 10px}.content{padding:17px}
}

@media(max-width:820px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .app-shell{display:block}.sidebar{left:-310px;width:min(88vw,290px);padding:15px;box-shadow:20px 0 45px rgba(15,23,42,.28)}.sidebar.open{left:0}.sidebar-close{width:40px;height:40px;align-items:center;justify-content:center}
  .topbar{min-height:56px;padding:7px 12px;gap:10px}.topbar-title{display:none!important}.menu-button{width:40px;height:40px;padding:0;align-items:center;justify-content:center;font-size:18px}
  .mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}.mobile-brand img{width:34px;height:34px;object-fit:contain}.mobile-brand span{display:grid}.mobile-brand strong{font-size:14px}.mobile-brand small{font-size:10px;color:var(--muted)}
  .content{padding:12px 12px 16px}.main-area>footer{padding:12px 12px 7px;font-size:10px}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:22;height:calc(62px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(15,23,42,.09);backdrop-filter:blur(14px)}
  .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;color:var(--muted);font-weight:800;min-width:0}.mobile-bottom-nav a>span{font-size:17px;line-height:1}.mobile-bottom-nav a small{font-size:9px;white-space:nowrap}.mobile-bottom-nav a.active{background:var(--accent-soft);color:var(--accent-2)}
  .page-heading{margin-bottom:12px}.dashboard-heading{display:grid;grid-template-columns:1fr auto;align-items:end}.dashboard-heading>div:first-child p{display:none}.page-heading h1{font-size:23px;margin:2px 0 0}.eyebrow{font-size:9px}.dashboard-actions{display:grid;grid-template-columns:repeat(2,auto);gap:6px}.dashboard-actions .btn{padding:7px 9px;min-height:35px;font-size:11px}.dashboard-actions form{display:flex}
  .driver-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.driver-kpis article{display:grid;justify-items:center;text-align:center;gap:4px;min-height:96px;padding:9px 5px}.driver-kpis .metric-icon{width:29px;height:29px;border-radius:9px;font-size:13px}.driver-kpis article>div{justify-items:center}.driver-kpis article>div>span{font-size:8px;line-height:1.15}.driver-kpis strong{font-size:23px}.driver-kpis small{font-size:8px;max-width:100%}
  .home-workspace{border-radius:12px}.home-tabs{position:sticky;top:56px;z-index:10;padding:4px}.home-tabs button{min-height:42px;padding:6px 4px;gap:5px;font-size:11px}.home-tabs button b{min-width:21px;height:21px;padding:0 5px;font-size:10px}.home-tab-panel{padding:10px}.home-panel-heading{align-items:center;margin-bottom:9px}.home-panel-heading h2{font-size:15px}.home-panel-heading p{display:none}.text-link{font-size:10px}
  .compact-job-grid{grid-template-columns:1fr;gap:8px}.compact-job-card{padding:11px;gap:8px}.compact-job-card .delivery-card-top{align-items:flex-start}.job-card-customer h3{font-size:15px}.job-card-schedule{padding:8px 9px}.compact-job-card dl{gap:5px}.compact-empty{min-height:120px}
  .panel{padding:12px;margin-bottom:12px;border-radius:12px}.panel-heading{margin-bottom:11px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:12px}.btn{min-height:38px}
  .filter-panel form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-panel label{min-width:0}.filter-panel button{grid-column:1/-1}
  .calendar-panel{border-radius:12px}.calendar-grid{min-width:680px}.calendar-day{min-height:105px}.map-frame{height:260px}.signature-wrap canvas{height:180px}
  .delivery-log-item{padding:11px 2px;gap:10px}.file-actions{gap:8px}.file-card{min-width:0;width:100%}
}

@media(max-width:420px){
  .content{padding-left:9px;padding-right:9px}.dashboard-heading{grid-template-columns:1fr}.dashboard-actions{margin-top:8px;grid-template-columns:1fr 1fr}.dashboard-actions .btn{width:100%}
  .driver-kpis article{min-height:91px}.driver-kpis .metric-icon{display:none}.driver-kpis strong{font-size:22px}.driver-kpis article>div>span{font-size:8px}.driver-kpis small{font-size:7px}
  .home-tabs button{font-size:10px}.compact-job-card dl{grid-template-columns:1fr 1fr}.compact-job-card dl div:last-child{grid-column:1/-1}.job-card-open{padding-top:8px}
  .filter-panel form{grid-template-columns:1fr}.filter-panel button{grid-column:auto}.signature-source{display:grid;grid-template-columns:1fr 1fr}.signature-source span{width:100%;justify-content:center}
}


@media(min-width:821px){
  body{font-size:14px}
  .content{padding:17px;max-width:1400px}
  .page-heading{margin-bottom:14px}
  .page-heading h1{font-size:24px;margin:2px 0 4px}
  .page-heading p{font-size:13px;line-height:1.45}
  .eyebrow{font-size:9px}
  .panel{padding:14px;margin-bottom:14px}
  .panel-heading{margin-bottom:12px}
  .panel-heading h2{font-size:16px}
  .panel-heading p{font-size:12px}
  .btn{min-height:36px;padding:7px 11px;font-size:12px}
  .btn.small{min-height:28px;padding:4px 8px;font-size:11px}
  .form-grid label,.stack-form label,.filter-panel label{font-size:12px}
  .form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.filter-panel input,.filter-panel select{font-size:13px;padding:8px 9px}
  table{font-size:13px}
  th,td{padding:10px 9px}
  th{font-size:10px}
  .metric-grid article,.summary-grid article{padding:12px}
  .driver-kpis article{min-height:82px;padding:11px 12px}
  .driver-kpis strong{font-size:24px}
  .driver-kpis article>div>span{font-size:9px}
  .driver-kpis small{font-size:10px}
  .home-tabs button{min-height:40px;font-size:13px}
  .home-tab-panel{padding:14px}
  .home-panel-heading h2{font-size:16px}
  .compact-job-card{padding:11px}
  .job-card-customer h3{font-size:14px}
  .delivery-card h3{font-size:15px}
  .delivery-card p{font-size:12px}
}

@media(max-width:820px){
  /* Keep the first customer card visually separate from the sticky tabs. */
  .home-tabs{box-shadow:0 5px 12px rgba(15,23,42,.08)}
  .home-tab-panel{padding:17px 10px 10px}
  .home-panel-heading{margin-bottom:12px}
  .compact-job-grid{margin-top:2px}

  /* Fit the complete seven-day calendar inside the phone viewport. */
  .calendar-panel{overflow:visible;padding-left:7px;padding-right:7px}
  .calendar-grid{width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}
  .calendar-head>div{min-width:0;padding:5px 1px;font-size:8px;letter-spacing:0}
  .calendar-day{min-width:0;min-height:76px;padding:3px 2px}
  .calendar-date{justify-content:center;margin-bottom:2px}
  .calendar-date span{width:21px;height:21px;font-size:9px}
  .calendar-event{min-width:0;margin:2px 0;padding:3px 2px;border-left:0;border-top:2px solid var(--accent);border-radius:5px;text-align:center;font-size:8px;line-height:1.05}
  .calendar-event strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
  .calendar-event span,.calendar-event small{display:none}
}

@media(max-width:420px){
  .home-tab-panel{padding-top:18px}
  .calendar-panel{padding-left:5px;padding-right:5px}
  .calendar-day{min-height:70px;padding:2px 1px}
  .calendar-head>div{font-size:7px}
  .calendar-date span{width:19px;height:19px;font-size:8px}
  .calendar-event,.calendar-event strong{font-size:7px}
}


html{font-size:14px}
body{font-family:"Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.38;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{font-weight:500}
:root{--radius:10px;--shadow:0 7px 20px rgba(20,45,65,.06)}
.brand strong,.sidebar-bottom strong,.topbar strong{font-weight:600;letter-spacing:0}
.brand small,.sidebar-bottom small,.topbar span{font-weight:400}
.sidebar nav>a,.signout{font-weight:500}
.portal-label,.nav-label,.eyebrow{font-weight:600}
.btn,.home-tabs button,.settings-tabs a,.job-card-open,.status,.count-pill{font-weight:600}
.form-grid label,.stack-form label,.filter-panel label,.happy-note,.driver-signature-reason{font-weight:600}
.form-grid small,.stack-form small{font-weight:400}
.details dt,.delivery-card dt,.compact-job-card dt,.metric-grid span,.summary-grid span{font-weight:600;letter-spacing:.055em}
.details dd,.delivery-card dd,.compact-job-card dd{font-weight:400}
.panel-heading h2,.home-panel-heading h2,.job-card-customer h3,.delivery-card h3{font-weight:600;letter-spacing:0}
.metric-grid strong,.summary-grid strong,.driver-kpis strong{font-weight:600}
.home-tabs button b,.calendar-head>div,.calendar-date span,.calendar-event strong,.happy-question legend,.segmented span,.signature-source span,.happy-result>span{font-weight:600}
.page-action-form{display:inline-flex;margin:0}
.btn.warning{color:#92400e;border-color:#f2c46d;background:#fff7dd}
.btn.warning:hover{background:#ffefbd;border-color:#e7ae43}

@media(min-width:821px){
  .app-shell{grid-template-columns:228px minmax(0,1fr)}
  .sidebar{padding:15px 11px}
  .brand{gap:9px;padding:0 7px 8px}
  .brand img{width:39px;height:39px}
  .brand strong{font-size:16px}
  .brand small{font-size:10px;margin-top:2px}
  .portal-label{margin:10px 0 6px;padding:6px 9px;border-radius:8px;font-size:9px}
  .sidebar nav{gap:4px}
  .sidebar nav>a{gap:9px;padding:8px 9px;border-radius:8px;font-size:12px}
  .sidebar nav>a span{width:17px;font-size:15px}
  .nav-label{margin:13px 9px 5px;font-size:9px}
  .sidebar-bottom{gap:9px;padding:10px 9px 2px}
  .topbar{min-height:58px;padding:0 18px;gap:12px}
  .topbar span{font-size:12px}
  .content{padding:18px;max-width:1680px}
  .main-area>footer{padding:13px;font-size:11px}
  .page-heading{margin-bottom:14px;gap:14px}
  .page-heading h1{font-size:clamp(23px,2.1vw,29px);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin:1px 0 2px}
  .page-heading p{font-size:12px;line-height:1.38}
  .eyebrow{font-size:9px}
  .page-actions{gap:7px}
  .btn{min-height:34px;padding:6px 11px;border-radius:7px;font-size:12px}
  .btn.small{min-height:28px;padding:4px 8px;font-size:11px}
  .panel{margin-bottom:14px;padding:14px;border-radius:10px}
  .panel-heading{margin-bottom:11px;gap:10px}
  .panel-heading h2{font-size:15px}
  .panel-heading p{margin-top:3px;font-size:11px}
  .metric-grid,.summary-grid{gap:10px;margin-bottom:14px}
  .metric-grid article,.summary-grid article{padding:14px;border-radius:10px}
  .driver-kpis article{min-height:82px;padding:11px 12px}
  .driver-kpis strong{font-size:24px}
  .driver-kpis article>div>span{font-size:9px}
  .driver-kpis small{font-size:10px}
  .home-tabs button{min-height:38px;padding:6px 10px;border-radius:7px;font-size:11px}
  .home-tabs button b{min-width:22px;height:22px;font-size:10px}
  .home-tab-panel{padding:14px}
  .home-panel-heading h2{font-size:15px}
  .compact-job-card{padding:10px;border-radius:9px}
  .job-card-customer h3{font-size:14px}
  .job-card-customer p{font-size:11px}
  .job-card-schedule strong,.job-card-open{font-size:11px}
  .form-grid,.stack-form{gap:10px}
  .form-grid label,.stack-form label,.filter-panel label{gap:4px;font-size:11px}
  .form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.filter-panel input,.filter-panel select{padding:7px 8px;border-radius:7px;font-size:12px}
  .details div{padding:9px 0}
  .details dt{margin-bottom:3px;font-size:9px}
  .details dd{font-size:12px}
  table{min-width:700px;font-size:11.5px;line-height:1.3}
  th{padding:7px 9px;font-size:8.5px;font-weight:600;letter-spacing:.065em}
  td{padding:7px 9px;font-weight:400}
  td small{margin-top:1px;font-size:10px}
  .status{padding:3px 7px;font-size:9px}
  .delivery-card-grid{gap:10px}
  .delivery-card{padding:11px;border-radius:9px}
  .delivery-card h3{font-size:14px}
  .delivery-card p{font-size:11px;min-height:30px}
  .job-status-strip{gap:10px;padding:9px 11px;margin:-4px 0 14px;border-radius:9px}
  .schedule-layout{gap:14px}
  .calendar-panel{padding:12px}
  .calendar-head>div{padding:6px;font-size:9px}
  .calendar-day{min-height:112px;padding:5px}
  .calendar-date span{width:23px;height:23px;font-size:10px}
  .calendar-event{padding:4px 5px;font-size:9px}
  .schedule-list{gap:7px}
  .schedule-list details{padding:9px;border-radius:8px}
  .unscheduled-panel{top:72px}
}

@media(max-width:820px){
  .page-action-form{display:flex;width:100%}
  .page-action-form .btn{width:100%}
  .page-actions .btn.warning{order:3}
}



body.modal-open{overflow:hidden}
.action-modal[hidden]{display:none!important}
.action-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .16s ease}
.action-modal.open{opacity:1}
.action-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.62);backdrop-filter:blur(3px);cursor:default}
.action-modal-card{position:relative;width:min(500px,100%);outline:0;background:var(--panel);border:1px solid rgba(255,255,255,.65);border-radius:14px;box-shadow:0 28px 80px rgba(15,23,42,.3);padding:20px;transform:translateY(10px) scale(.985);transition:transform .16s ease}
.action-modal.open .action-modal-card{transform:translateY(0) scale(1)}
.action-modal-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;margin-bottom:13px;background:#fff3cd;color:#92400e;border:1px solid #f2c46d;font-size:23px;font-weight:600}
.action-modal-copy h2{margin:2px 0 6px;font-size:21px;font-weight:600;letter-spacing:-.01em}
.action-modal-copy p{margin:0;color:var(--muted);line-height:1.5}
.action-modal-details{display:grid;gap:0;margin:17px 0 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel-2)}
.action-modal-details>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;padding:10px 12px;border-top:1px solid var(--line)}
.action-modal-details>div:first-child{border-top:0}
.action-modal-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:600}
.action-modal-details dd{margin:0;font-weight:600;word-break:break-word}
.action-modal-note{padding:10px 12px;border-radius:9px;background:#fff7dd;color:#7c4a03;font-size:12px}
.action-modal-note strong{font-weight:600}
.action-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.btn.warning.solid{background:#b45309;border-color:#b45309;color:#fff}
.btn.warning.solid:hover{background:#92400e;border-color:#92400e}
.btn.warning.solid:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}
@media(max-width:600px){
  .action-modal{align-items:flex-end;padding:0}
  .action-modal-card{width:100%;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(22px)}
  .action-modal-copy h2{font-size:20px}
  .action-modal-details>div{grid-template-columns:1fr;gap:3px;padding:9px 10px}
  .action-modal-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .action-modal-actions .btn{width:100%}
  .action-modal-actions .btn.warning{order:-1}
}
@media(prefers-reduced-motion:reduce){.action-modal,.action-modal-card{transition:none}}


.payroll-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.payroll-side{border:1px solid var(--border,#dce3ef);border-radius:12px;padding:1rem;background:var(--panel,#fff)}.payroll-side h3{margin:0 0 .8rem}.custom-charge-list{display:grid;gap:.65rem}.custom-charge-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:.65rem;align-items:end}.payroll-entry+.payroll-entry{margin-top:1rem}@media(max-width:980px){.payroll-comparison-grid{grid-template-columns:1fr}.custom-charge-row{grid-template-columns:1fr 130px}.custom-charge-row .btn{grid-column:1/-1}}


.settings-tabs{align-items:center}
.settings-tabs button{appearance:none;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:var(--panel);color:var(--text);font:inherit;font-weight:850;font-size:13px;cursor:pointer;transition:.15s ease}
.settings-tabs button:hover{border-color:var(--accent);color:var(--accent-2)}
.settings-tabs button.active,.settings-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(15,23,42,.14)}
.settings-tab-panel[hidden]{display:none!important}
.settings-tab-panel{animation:settings-panel-in .16s ease}
@keyframes settings-panel-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.settings-form-panel{max-width:1050px;margin-inline:auto}
.payroll-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.payroll-rule-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel-2);display:grid;gap:12px;align-content:start}
.payroll-rule-card:last-child{grid-column:1/-1}
.payroll-rule-card h3{margin:0;font-size:18px}
.payroll-rule-card>small{color:var(--muted);line-height:1.45}
.payroll-setting-note{margin-top:2px}
.payroll-details dd{min-width:0}
.payroll-basis-value{display:flex!important;align-items:baseline;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.payroll-basis-value strong{white-space:nowrap}
.payroll-basis-value small{display:inline-block;margin:0;color:var(--muted);font-weight:700;white-space:normal}
.manual-payroll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.manual-payroll-grid label:nth-child(1),.manual-payroll-grid label:nth-child(2){grid-column:auto}
.manual-payroll-grid input[readonly]{background:var(--panel-2);color:var(--text);font-weight:850}
.payroll-distance-note{margin:0;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:750;line-height:1.4}
.payroll-distance-note[hidden]{display:none}
.manual-payroll-total{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--panel-2)}
.manual-payroll-total span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.manual-payroll-total strong{font-size:20px;color:var(--accent-2)}
@media(max-width:760px){.payroll-settings-grid,.manual-payroll-grid{grid-template-columns:1fr}.payroll-rule-card:last-child{grid-column:auto}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tabs button{width:100%;border-radius:10px}.notification-grid{grid-template-columns:1fr}.notification-grid .span-two{grid-column:auto}}



.customer-driver-review{margin:18px 0 0;border:1px solid var(--line);border-radius:15px;padding:17px;background:var(--panel-2)}
.customer-driver-review legend{padding:0 8px;font-size:16px;font-weight:800}
.customer-review-help{margin:0 0 13px;color:var(--muted);font-size:13px}
.driver-star-rating{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:10px;max-width:650px}
.driver-star-rating label{position:relative;display:grid;place-items:center;gap:5px;min-width:0;padding:10px 6px;border:1px solid var(--line);border-radius:13px;background:var(--panel);cursor:pointer;transition:.15s ease;text-align:center}
.driver-star-rating input{position:absolute;opacity:0;pointer-events:none}
.driver-review-star{font-size:38px;line-height:1;color:var(--muted);transition:.15s ease;font-family:Arial,sans-serif}
.driver-star-rating small{font-size:12px;font-weight:800;color:var(--muted)}
.driver-star-rating label:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}
.driver-star-rating label.selected{border-color:#d59a00;background:#fff8db;box-shadow:0 0 0 2px color-mix(in srgb,#f5b301 25%,transparent)}
.driver-star-rating label.selected .driver-review-star{color:#f5b301;text-shadow:0 1px 0 #b97800}
.driver-star-rating label.selected small{color:var(--text)}
.driver-star-rating input:focus-visible~.driver-review-star{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:4px;border-radius:4px}
.driver-star-selection{margin:9px 0 0;font-size:13px;font-weight:800;color:var(--accent-2)}
.customer-review-comment{display:grid;gap:7px;margin-top:14px;font-weight:700}
.customer-review-comment small{font-weight:500;color:var(--muted)}
.customer-review-comment textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--panel);color:var(--text);resize:vertical}
.customer-review-note{display:block;margin-top:8px;color:var(--muted)}
.customer-review-summary{display:grid;grid-template-columns:minmax(155px,auto) 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-left:5px solid #16a34a;border-radius:13px;padding:14px;margin-bottom:15px;background:var(--panel-2)}
.customer-review-summary.attention{border-left-color:#dc2626;background:#fef2f2}
.customer-review-stars{font-size:27px;line-height:1;letter-spacing:2px;color:#f5b301;white-space:nowrap;text-shadow:0 1px 0 #b97800}
.customer-review-summary h3{margin:2px 0 0;font-size:19px}
.customer-review-summary p{margin:5px 0 0;color:var(--muted)}
.certificate-review{display:grid;grid-template-columns:minmax(145px,auto) 1fr;gap:12px;align-items:center;border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin:0 0 14px}
.certificate-review-stars{font-size:23px;line-height:1;letter-spacing:1px;color:#c28a00;white-space:nowrap}
.certificate-review>div:last-child{display:grid;gap:2px}
.certificate-review b{font-size:10px;text-transform:uppercase;color:#64748b;letter-spacing:.08em}
.certificate-review strong{font-size:17px}
.certificate-review p{margin:4px 0 0;color:#475569}
@media(max-width:820px){.driver-star-rating{grid-template-columns:repeat(5,minmax(52px,1fr));gap:6px}.driver-review-star{font-size:31px}.driver-star-rating small{font-size:10px}.customer-review-summary{grid-template-columns:1fr}.customer-review-stars{font-size:24px}}
@media(max-width:520px){.driver-star-rating{grid-template-columns:repeat(5,minmax(42px,1fr));gap:4px}.driver-star-rating label{padding:9px 3px}.driver-review-star{font-size:27px}.driver-star-rating small{font-size:9px}}
@media print{.driver-star-rating label{min-height:0}.certificate-review{break-inside:avoid}.certificate-review-stars{color:#8a6200}}


/* Google review request workflow */
.google-review-settings{gap:1.25rem}.google-review-global-form,.google-review-add-profile{padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}
.google-review-profile-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.google-review-profile-card{position:relative;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.google-review-profile-card.inactive{opacity:.7}.google-review-profile-card>.inline-form{position:absolute;right:1rem;bottom:1rem}.google-review-profile-preview{display:flex;align-items:center;gap:1rem}.google-review-profile-checks{display:grid;gap:.65rem}.review-qr-frame{display:grid;place-items:center;width:244px;min-height:244px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.review-qr-frame.small{width:140px;min-height:140px;padding:10px}.review-qr-frame img,.review-qr-frame canvas{max-width:100%;height:auto!important}
.review-request-body{min-height:100vh;margin:0;background:radial-gradient(circle at top,var(--surface-soft),var(--page-bg) 55%);color:var(--text)}.review-request-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:24px 0 40px}.review-request-brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:18px;padding:10px 4px}.review-request-brand-logo{display:grid;place-items:center;width:270px;height:80px;overflow:hidden;flex:0 0 auto}.review-request-brand-logo img{display:block;width:340px;max-width:none;max-height:none;height:auto;object-fit:contain}.review-request-brand span{font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.review-request-card{padding:clamp(22px,4vw,48px);border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 24px 70px rgba(15,23,42,.14);text-align:center}.review-request-check{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 12px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:2rem;font-weight:900}.review-request-card h1{max-width:760px;margin:.35rem auto .75rem;font-size:clamp(1.7rem,4vw,3rem);line-height:1.08}.review-request-lead{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.review-request-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;text-align:left}.review-qr-card,.review-action-card{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft)}.review-action-card{display:grid;align-content:center}.review-qr-card h2,.review-action-card h2{margin:0 0 .35rem}.review-qr-card p,.review-action-card p{margin:0;color:var(--muted)}.review-action-card form{margin:.75rem 0 0}.review-action-button{width:100%;min-height:50px}.review-action-card small{display:block;color:var(--muted);line-height:1.45}.review-request-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px}.review-request-actions form{margin:0}.review-launch-fallback{margin:20px auto 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.review-launch-fallback p{margin:.35rem 0 .8rem;color:var(--muted)}.review-policy-note{max-width:820px;margin:22px auto 0;color:var(--muted);font-size:.9rem;line-height:1.5}.google-review-status-panel .muted{margin-bottom:0;color:var(--muted)}
@media(max-width:820px){.review-request-grid{grid-template-columns:1fr}.review-qr-card{flex-direction:column;text-align:center}.review-request-actions{display:grid}.review-request-actions>*{width:100%}.review-request-actions .btn{width:100%}.review-request-brand span{display:none}}
@media(max-width:520px){.review-request-shell{width:min(100% - 16px,1120px);padding-top:8px}.review-request-brand-logo{width:230px;height:68px}.review-request-brand-logo img{width:290px}.review-request-card{padding:20px 14px;border-radius:20px}.review-qr-frame{width:224px;min-height:224px}.google-review-profile-list{grid-template-columns:1fr}.google-review-profile-preview{align-items:flex-start;flex-direction:column}.google-review-profile-card>.inline-form{position:static;margin-top:.75rem}}


.happy-sheet-settings-panel{display:grid;gap:20px}
.happy-sheet-settings-panel[hidden]{display:none}
.happy-settings-hero{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--panel) 0%,var(--accent-soft) 145%);box-shadow:var(--shadow)}
.happy-settings-hero-copy{display:grid;align-content:center;max-width:760px}
.happy-settings-hero h2{margin:5px 0 8px;font-size:clamp(24px,3vw,32px);line-height:1.1}
.happy-settings-hero p{margin:0;color:var(--muted);line-height:1.55}
.happy-settings-summary{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;min-width:min(100%,470px)}
.happy-settings-summary article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,var(--accent-soft));min-width:0}
.happy-summary-icon,.happy-settings-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--accent);color:#fff;font-weight:800;font-size:17px;box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 24%,transparent)}
.happy-settings-summary article>div{display:grid;min-width:0}
.happy-settings-summary strong{font-size:20px;line-height:1.1}
.happy-settings-summary small{margin-top:3px;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}
.happy-settings-primary-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr);gap:20px;align-items:stretch}
.happy-settings-card{display:grid;align-content:start;gap:17px;margin:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.happy-settings-card-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.happy-settings-card-heading h3{margin:3px 0 5px;font-size:20px}
.happy-settings-card-heading p{margin:0;color:var(--muted);line-height:1.48;font-weight:400}
.happy-setting-toggle{background:var(--panel-2);border-radius:13px;padding:14px}
.happy-setting-toggle input{flex:0 0 auto;margin-top:2px}
.happy-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.professional-form{display:grid;gap:15px}
.happy-settings-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.happy-status-pill,.happy-count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.happy-status-pill.enabled{background:#dcfce7;color:#166534}
.happy-status-pill.disabled{background:#f1f5f9;color:#64748b}
.happy-count-badge{background:var(--accent-soft);color:var(--accent-2)}
.happy-count-badge.muted{background:var(--panel-2);color:var(--muted)}
.happy-settings-section{margin:0;padding:22px}
.happy-section-heading{align-items:center}
.happy-section-heading .eyebrow{display:block;margin-bottom:5px}
.happy-question-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.professional-profile-list{grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:14px}
.professional-profile-card{position:relative;padding:17px 17px 68px;border-radius:16px;background:var(--panel-2);box-shadow:none}
.professional-profile-card.inactive{opacity:.75;filter:saturate(.75)}
.profile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.profile-card-top h3{margin:4px 0 3px;font-size:19px}
.profile-card-top p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.profile-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;align-items:start}
.profile-fields{min-width:0}
.profile-option-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.profile-qr-preview{display:grid;justify-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}
.profile-qr-preview small{color:var(--muted);line-height:1.35}
.profile-card-actions{position:absolute;right:17px;bottom:17px;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.profile-secondary-action{position:absolute;right:132px;bottom:17px;margin:0}
.happy-add-disclosure{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);overflow:hidden}
.happy-add-disclosure summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:15px 17px;cursor:pointer;list-style:none}
.happy-add-disclosure summary::-webkit-details-marker{display:none}
.happy-add-disclosure summary>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;font-size:20px}
.happy-add-disclosure summary small{color:var(--muted);justify-self:end}
.happy-add-disclosure[open] summary{border-bottom:1px solid var(--line);background:var(--panel)}
.happy-add-disclosure .google-review-add-profile{padding:17px;background:var(--panel)}
.happy-empty-state{border:1px dashed var(--line);border-radius:13px;background:var(--panel-2)}
.happy-question-create{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(280px,1.7fr) 90px auto auto;align-items:end;gap:11px;margin-bottom:16px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:15px;background:linear-gradient(135deg,var(--accent-soft),var(--panel) 72%)}
.happy-question-create-copy{display:flex;align-items:center;gap:10px;align-self:center}
.happy-question-create-copy>div{display:grid;gap:2px}
.happy-question-create-copy small{color:var(--muted);line-height:1.3}
.happy-question-create label{display:grid;gap:6px;font-size:13px;font-weight:600}
.happy-question-create input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px}
.happy-inline-check{align-self:center;margin-top:18px}
.happy-question-admin-list{display:grid;gap:10px}
.happy-question-admin-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
.happy-question-admin-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 7px 20px rgba(15,23,42,.06)}
.happy-question-admin-card.inactive{opacity:.68;background:var(--panel-2)}
.happy-question-order-badge{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-2);font-weight:800;font-size:13px}
.happy-question-editor{display:grid;grid-template-columns:minmax(260px,1fr) 84px auto auto;align-items:end;gap:10px;min-width:0}
.happy-question-editor label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}
.happy-question-editor input[type=text],.happy-question-editor input:not([type]) ,.happy-question-editor input[type=number]{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);padding:9px 10px}
.happy-question-main-field input{font-weight:600}
.happy-question-flags{display:flex;align-items:center;gap:13px;min-height:38px;padding:0 5px;white-space:nowrap}
.happy-question-flags .check-row{font-size:13px;color:var(--text)}
.happy-question-delete-form{margin:0}
.btn.danger-outline{border-color:#fecaca;background:#fff;color:#b91c1c}
.btn.danger-outline:hover{border-color:#ef4444;background:#fef2f2;box-shadow:0 7px 18px rgba(185,28,28,.1)}
.btn.danger-outline span:first-child{margin-right:4px}

@media(max-width:1180px){
  .happy-settings-hero{display:grid}
  .happy-settings-summary{min-width:0}
  .happy-settings-primary-grid{grid-template-columns:1fr}
  .happy-question-create{grid-template-columns:minmax(190px,.8fr) minmax(260px,1.5fr) 80px auto}
  .happy-question-create-copy{grid-column:1/-1}
  .happy-question-editor{grid-template-columns:minmax(240px,1fr) 80px auto}
  .happy-question-editor>.btn{grid-column:3;grid-row:2}
  .happy-question-flags{grid-column:1/3}
}
@media(max-width:820px){
  .happy-settings-hero{padding:18px}
  .happy-settings-summary{grid-template-columns:1fr}
  .happy-settings-summary article{padding:11px 13px}
  .happy-toggle-grid{grid-template-columns:1fr}
  .professional-profile-list{grid-template-columns:1fr}
  .profile-edit-grid{grid-template-columns:1fr}
  .profile-qr-preview{justify-self:start}
  .professional-profile-card{padding-bottom:17px}
  .profile-card-actions,.profile-secondary-action{position:static;display:flex;justify-content:flex-end;margin-top:10px}
  .happy-add-disclosure summary{grid-template-columns:auto 1fr}
  .happy-add-disclosure summary small{grid-column:2;justify-self:start}
  .happy-question-create{grid-template-columns:1fr 90px}
  .happy-question-create-copy,.happy-question-text-field{grid-column:1/-1}
  .happy-question-create>.btn{grid-column:1/-1;width:100%}
  .happy-inline-check{margin-top:0}
  .happy-question-admin-card{grid-template-columns:40px minmax(0,1fr)}
  .happy-question-order-badge{width:38px;height:38px;align-self:start}
  .happy-question-editor{grid-template-columns:1fr 80px}
  .happy-question-main-field{grid-column:1/-1}
  .happy-question-flags{grid-column:1/-1}
  .happy-question-editor>.btn{grid-column:1/-1;grid-row:auto;width:100%}
  .happy-question-delete-form{grid-column:2;justify-self:stretch;width:100%}
  .happy-question-delete-form .btn{width:100%}
}
@media(max-width:520px){
  .happy-settings-card,.happy-settings-section{padding:15px}
  .happy-settings-card-heading{display:grid}
  .happy-settings-card-footer{align-items:stretch;flex-direction:column}
  .happy-settings-card-footer .btn{width:100%}
  .profile-card-top{display:grid}
  .profile-option-row{display:grid;gap:10px}
  .happy-question-create{grid-template-columns:1fr}
  .happy-question-create>*{grid-column:1!important}
  .happy-question-admin-card{grid-template-columns:1fr}
  .happy-question-order-badge{display:none}
  .happy-question-editor{grid-template-columns:1fr}
  .happy-question-editor>*{grid-column:1!important}
  .happy-question-flags{display:grid;grid-template-columns:1fr 1fr;padding:0}
  .happy-question-delete-form{grid-column:1}
}


.settings-tabs .settings-tab-link{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 14px;
  background:var(--panel);
  color:var(--text);
  font:inherit;
  font-size:13px;
  font-weight:850;
  line-height:1;
  text-decoration:none;
  transition:.15s ease;
}
.settings-tabs .settings-tab-link:hover{border-color:var(--accent);color:var(--accent-2);background:var(--accent-soft)}
.company-review-disclosure{
  display:block;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-2);
  box-shadow:none;
}
.company-review-disclosure.inactive{opacity:.78;filter:saturate(.78)}
.company-review-disclosure>summary{
  display:flex;
  min-height:78px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 17px;
  cursor:pointer;
  list-style:none;
  background:var(--panel-2);
  transition:background .15s ease,border-color .15s ease;
}
.company-review-disclosure>summary::-webkit-details-marker{display:none}
.company-review-disclosure>summary:hover{background:color-mix(in srgb,var(--panel) 78%,var(--accent-soft))}
.company-review-disclosure[open]>summary{border-bottom:1px solid var(--line);background:var(--panel)}
.profile-summary-copy{display:grid;min-width:0;gap:2px}
.profile-summary-copy strong{overflow:hidden;color:var(--text);font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.profile-summary-copy small{color:var(--muted);font-size:12px}
.profile-summary-statuses{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px}
.profile-summary-chevron{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-size:18px;font-weight:800;transition:transform .15s ease,color .15s ease}
.company-review-disclosure[open] .profile-summary-chevron{transform:rotate(180deg);color:var(--accent-2)}
.profile-card-content{position:relative;padding:17px 17px 68px;background:var(--panel)}
.profile-card-content .profile-card-actions{right:17px;bottom:17px}
.profile-card-content .profile-secondary-action{right:132px;bottom:17px}
.happy-question-delete-form{align-self:end;display:flex;margin:0}
.happy-question-editor>.btn,.happy-question-delete-form .btn{
  width:92px;
  min-width:92px;
  min-height:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  line-height:1;
}
@media(max-width:760px){
  .settings-tabs .settings-tab-link{width:100%;border-radius:10px}
  .profile-summary-statuses .happy-count-badge{display:none}
  .company-review-disclosure>summary{min-height:70px;padding:13px 14px}
  .profile-card-content{padding:14px 14px 66px}
}
@media(max-width:520px){
  .profile-summary-statuses .status{display:none}
  .profile-summary-copy strong{font-size:16px}
  .happy-question-editor>.btn,.happy-question-delete-form .btn{width:100%;min-width:0}
}



.happy-question-editor>.happy-question-icon-btn,
.happy-question-delete-form .happy-question-icon-btn{
  display:inline-flex;
  flex:0 0 36px;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  align-items:center;
  justify-content:center;
  justify-self:end;
  border-radius:10px;
  line-height:1;
}
.happy-question-icon-btn svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.happy-question-delete-form{justify-self:end;width:auto!important}
@media(max-width:820px){
  .happy-question-editor>.happy-question-icon-btn{grid-column:2;grid-row:auto;justify-self:end}
  .happy-question-delete-form{grid-column:2;justify-self:end;width:auto!important}
}
@media(max-width:520px){
  .happy-question-editor>.happy-question-icon-btn{grid-column:1!important;justify-self:end}
  .happy-question-delete-form{grid-column:1;justify-self:end;width:auto!important}
}


html[data-theme="cobalt"]{
  color-scheme:light;
  --navy-950:#06163b;--navy-900:#0a2458;--navy-800:#123a7c;
  --blue-700:#1e56d5;--blue-600:#2d68ee;--blue-100:#e8efff;
  --orange-600:#245cf6;--orange-500:#3973ff;--orange-100:#edf3ff;
  --ink-900:#101827;--ink-700:#3b4759;--ink-500:#6f7c8f;
  --line:#dce3ef;--surface:#fff;--canvas:#f5f7fb;
  --danger-theme:#b42318;--danger-bg:#fff0ee;--success-theme:#177245;--success-bg:#eaf8f0;--warning-theme:#8a5a00;--warning-bg:#fff7df;
  --theme-shadow:0 12px 32px rgba(10,36,88,.08);--on-accent:#fff;--accent-hover:#174bd0;
  --soft-surface:#f8faff;--soft-surface-2:#f1f5fc;--field-bg:#fff;--field-border:#cfd8e7;--table-head:#eef3fb;--row-border:#e6ebf3;--row-hover:#f8faff;
  --topbar-bg:rgba(255,255,255,.95);--sidebar-end:#071a44;--sidebar-shadow:rgba(5,24,64,.18);--sidebar-muted:#aebdde;--sidebar-text:#dce6fb;--sidebar-icon:#96afe5;--sidebar-active-icon:#8db2ff;
  --sidebar-highlight:rgba(52,106,242,.22);--sidebar-highlight-soft:rgba(52,106,242,.08);--sidebar-highlight-border:rgba(91,139,255,.50);--focus-ring:rgba(45,104,238,.16);--primary-shadow:rgba(36,92,246,.24);
  --auth-start:#173f91;--auth-end:#050e27;--auth-brand-overlay-1:rgba(10,36,88,.96);--auth-brand-overlay-2:rgba(6,22,59,.98);--auth-brand-copy:#d9e4fb;--modal-scrim:rgba(5,18,48,.72);
}
html[data-theme="void"]{
  color-scheme:dark;
  --navy-950:#050705;--navy-900:#0a0d0a;--navy-800:#151a15;
  --blue-700:#2e9d59;--blue-600:#38b66b;--blue-100:#1b2c0c;
  --orange-600:#35aa63;--orange-500:#48bd75;--orange-100:#1c2e0d;
  --ink-900:#eff4ec;--ink-700:#c0c8bc;--ink-500:#8e998a;
  --line:#2b3329;--surface:#111511;--canvas:#080b08;
  --danger-theme:#ff7469;--danger-bg:#321410;--success-theme:#49bf77;--success-bg:#17290b;--warning-theme:#ffd166;--warning-bg:#2b240c;
  --theme-shadow:0 15px 40px rgba(0,0,0,.32);--on-accent:#0a0d08;--accent-hover:#57c982;
  --soft-surface:#151a15;--soft-surface-2:#1b211a;--field-bg:#0d110d;--field-border:#394237;--table-head:#171d17;--row-border:#252d24;--row-hover:#171d16;
  --topbar-bg:rgba(13,17,13,.96);--sidebar-end:#030503;--sidebar-shadow:rgba(0,0,0,.45);--sidebar-muted:#7d8978;--sidebar-text:#bec7bb;--sidebar-icon:#74806f;--sidebar-active-icon:#48bd75;
  --sidebar-highlight:rgba(53,170,99,.15);--sidebar-highlight-soft:rgba(53,170,99,.05);--sidebar-highlight-border:rgba(53,170,99,.48);--focus-ring:rgba(56,182,107,.16);--primary-shadow:rgba(53,170,99,.18);
  --auth-start:#18220d;--auth-end:#020402;--auth-brand-overlay-1:rgba(12,15,12,.96);--auth-brand-overlay-2:rgba(3,5,3,.99);--auth-brand-copy:#afb9aa;--modal-scrim:rgba(0,0,0,.78);
}
html[data-theme="aqua"]{
  color-scheme:light;
  --navy-950:#162327;--navy-900:#1d2e33;--navy-800:#2a4147;
  --blue-700:#078fa3;--blue-600:#14b2c5;--blue-100:#e0f7fa;
  --orange-600:#12a9bc;--orange-500:#20bfd0;--orange-100:#e6f9fb;
  --ink-900:#172124;--ink-700:#435055;--ink-500:#718086;
  --line:#d9e3e5;--surface:#fff;--canvas:#f4f8f9;
  --danger-theme:#b42318;--danger-bg:#fff0ee;--success-theme:#15744c;--success-bg:#e8f8f0;--warning-theme:#8a5a00;--warning-bg:#fff7df;
  --theme-shadow:0 12px 32px rgba(24,52,58,.08);--on-accent:#052c31;--accent-hover:#1cc5d7;
  --soft-surface:#f7fbfc;--soft-surface-2:#edf5f6;--field-bg:#fff;--field-border:#cddadd;--table-head:#edf5f6;--row-border:#e4ecee;--row-hover:#f5fafb;
  --topbar-bg:rgba(255,255,255,.95);--sidebar-end:#131f22;--sidebar-shadow:rgba(16,39,44,.18);--sidebar-muted:#9db0b5;--sidebar-text:#dce8ea;--sidebar-icon:#92a9ae;--sidebar-active-icon:#64d9e6;
  --sidebar-highlight:rgba(20,178,197,.18);--sidebar-highlight-soft:rgba(20,178,197,.06);--sidebar-highlight-border:rgba(44,198,216,.45);--focus-ring:rgba(20,178,197,.16);--primary-shadow:rgba(20,178,197,.22);
  --auth-start:#1c5962;--auth-end:#0d1c20;--auth-brand-overlay-1:rgba(29,46,51,.96);--auth-brand-overlay-2:rgba(17,31,35,.98);--auth-brand-copy:#d4e4e7;--modal-scrim:rgba(11,29,33,.72);
}
html[data-theme="yoders"]{
  color-scheme:light;
  --navy-950:#050505;--navy-900:#111;--navy-800:#292929;
  --blue-700:#c7151d;--blue-600:#ea1b23;--blue-100:#ffe7e9;
  --orange-600:#ea1b23;--orange-500:#f12b33;--orange-100:#fff0f1;
  --ink-900:#111;--ink-700:#36353d;--ink-500:#767676;
  --line:#dedede;--surface:#fff;--canvas:#f5f5f5;
  --danger-theme:#b8000a;--danger-bg:#fff0f1;--success-theme:#177245;--success-bg:#eaf8f0;--warning-theme:#8a5a00;--warning-bg:#fff7df;
  --theme-shadow:0 12px 32px rgba(0,0,0,.09);--on-accent:#fff;--accent-hover:#c7151d;
  --soft-surface:#fafafa;--soft-surface-2:#f0f0f0;--field-bg:#fff;--field-border:#cfcfcf;--table-head:#f1f1f1;--row-border:#e5e5e5;--row-hover:#fff5f5;
  --topbar-bg:rgba(255,255,255,.97);--sidebar-end:#000;--sidebar-shadow:rgba(0,0,0,.24);--sidebar-muted:#a8a8a8;--sidebar-text:#eee;--sidebar-icon:#b0b0b0;--sidebar-active-icon:#ff4b52;
  --sidebar-highlight:rgba(234,27,35,.22);--sidebar-highlight-soft:rgba(234,27,35,.07);--sidebar-highlight-border:rgba(255,75,82,.55);--focus-ring:rgba(234,27,35,.17);--primary-shadow:rgba(234,27,35,.24);
  --auth-start:#ea1b23;--auth-end:#080808;--auth-brand-overlay-1:rgba(32,8,9,.93);--auth-brand-overlay-2:rgba(0,0,0,.98);--auth-brand-copy:#efdddd;--modal-scrim:rgba(0,0,0,.74);
}
html[data-theme]{
  --bg:var(--canvas);--panel:var(--surface);--panel-2:var(--soft-surface);--text:var(--ink-900);--muted:var(--ink-500);
  --accent:var(--orange-600);--accent-2:var(--blue-700);--accent-soft:var(--orange-100);
  --ok:var(--success-theme);--warn:var(--warning-theme);--danger:var(--danger-theme);--shadow:var(--theme-shadow);
  --surface-soft:var(--soft-surface);--page-bg:var(--canvas);--success:var(--success-theme);--success-soft:var(--success-bg);
}
html[data-theme] body{background:var(--canvas);color:var(--ink-900)}
html[data-theme] .sidebar{background:linear-gradient(180deg,var(--navy-950),var(--sidebar-end));color:var(--sidebar-text);box-shadow:12px 0 30px var(--sidebar-shadow)}
html[data-theme] .brand strong{color:#fff}
html[data-theme] .brand small,
html[data-theme] .sidebar-bottom small{color:var(--sidebar-muted)}
html[data-theme] .portal-label{color:var(--sidebar-muted);background:var(--sidebar-highlight-soft);border:1px solid var(--sidebar-highlight-border)}
html[data-theme] .sidebar nav>a{color:var(--sidebar-text)}
html[data-theme] .sidebar nav>a>span{color:var(--sidebar-icon)}
html[data-theme] .sidebar nav>a:hover{color:#fff;background:var(--sidebar-highlight-soft)}
html[data-theme] .sidebar nav>a.active{color:#fff;background:linear-gradient(90deg,var(--sidebar-highlight),var(--sidebar-highlight-soft));box-shadow:inset 3px 0 var(--orange-500)}
html[data-theme] .sidebar nav>a.active>span{color:var(--sidebar-active-icon)}
html[data-theme] .sidebar-bottom{border-top-color:rgba(255,255,255,.10)}
html[data-theme] .signout{color:var(--sidebar-text)}
html[data-theme] .signout:hover{color:#fff}
html[data-theme] .topbar{background:var(--topbar-bg);border-bottom-color:var(--line);box-shadow:0 5px 18px var(--sidebar-shadow)}
html[data-theme] .menu-button{color:var(--ink-900);background:var(--soft-surface);border-color:var(--line)}
html[data-theme] .main-area>footer{color:var(--ink-500)}
html[data-theme] .panel,
html[data-theme] .metric-grid article,
html[data-theme] .summary-grid article,
html[data-theme] .delivery-card,
html[data-theme] .compact-job-card,
html[data-theme] .home-tab-panel,
html[data-theme] .settings-section,
html[data-theme] .action-modal-card,
html[data-theme] .auth-card{color:var(--ink-900);background:var(--surface);border-color:var(--line);box-shadow:var(--theme-shadow)}
html[data-theme] .panel-2,
html[data-theme] .file-drop,
html[data-theme] .happy-setting-toggle,
html[data-theme] .professional-profile-card,
html[data-theme] .company-review-disclosure,
html[data-theme] .company-review-disclosure>summary{background:var(--soft-surface)}
html[data-theme] .btn{color:var(--ink-900);background:var(--surface);border-color:var(--line)}
html[data-theme] .btn:hover{border-color:var(--blue-600);box-shadow:0 7px 18px var(--primary-shadow)}
html[data-theme] .btn.primary,
html[data-theme] .settings-tabs button.active,
html[data-theme] .settings-tabs button[aria-selected="true"],
html[data-theme] .home-tabs button[aria-selected="true"],
html[data-theme] .segmented input:checked+span,
html[data-theme] .signature-source input:checked+span,
html[data-theme] .today .calendar-date span,
html[data-theme] .happy-summary-icon,
html[data-theme] .happy-settings-card-icon,
html[data-theme] .happy-add-disclosure summary>span{color:var(--on-accent);background:var(--orange-600);border-color:var(--orange-600)}
html[data-theme] .btn.primary:hover{color:var(--on-accent);background:var(--accent-hover);border-color:var(--accent-hover)}
html[data-theme] .home-tabs button:hover{color:var(--ink-900);background:var(--soft-surface)}
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] .form-grid input,
html[data-theme] .form-grid select,
html[data-theme] .form-grid textarea,
html[data-theme] .stack-form input,
html[data-theme] .stack-form select,
html[data-theme] .stack-form textarea,
html[data-theme] .filter-panel input,
html[data-theme] .filter-panel select,
html[data-theme] .happy-question-create input,
html[data-theme] .happy-question-editor input{color:var(--ink-900);background:var(--field-bg);border-color:var(--field-border)}
html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder{color:var(--ink-500)}
html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus{border-color:var(--blue-600);outline:0;box-shadow:0 0 0 3px var(--focus-ring)}
html[data-theme] input[type="checkbox"],
html[data-theme] input[type="radio"]{accent-color:var(--orange-600)}
html[data-theme] select option{color:var(--ink-900);background:var(--field-bg)}
html[data-theme] th{color:var(--ink-700);background:var(--table-head)}
html[data-theme] td{border-bottom-color:var(--row-border)}
html[data-theme] tbody tr:hover{background:var(--row-hover)}
html[data-theme] .status.completed,
html[data-theme] .status.synced,
html[data-theme] .status.approved,
html[data-theme] .status.paid,
html[data-theme] .happy-status-pill.enabled{color:var(--success-theme);background:var(--success-bg)}
html[data-theme] .status.failed,
html[data-theme] .status.danger,
html[data-theme] .happy-result.no,
html[data-theme] .customer-review-summary.attention{color:var(--danger-theme);background:var(--danger-bg)}
html[data-theme] .status.pending,
html[data-theme] .status.completion_pending,
html[data-theme] .status.in_progress,
html[data-theme] .metric-grid article.attention,
html[data-theme] .attention-panel,
html[data-theme] .job-card-schedule.not-scheduled,
html[data-theme] .payroll-distance-note{color:var(--warning-theme);background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-theme) 45%,var(--line))}
html[data-theme] .alert-success{color:var(--success-theme);background:var(--success-bg);border-color:color-mix(in srgb,var(--success-theme) 45%,var(--line))}
html[data-theme] .alert-warning{color:var(--warning-theme);background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-theme) 45%,var(--line))}
html[data-theme] .alert-error{color:var(--danger-theme);background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger-theme) 45%,var(--line))}
html[data-theme] .action-modal-backdrop{background:var(--modal-scrim)}
html[data-theme] .action-modal-card{border-color:var(--line);box-shadow:0 28px 80px var(--sidebar-shadow)}
html[data-theme] .action-modal-icon,
html[data-theme] .action-modal-note,
html[data-theme] .btn.warning{color:var(--warning-theme);background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-theme) 45%,var(--line))}
html[data-theme] .btn.warning.solid{color:var(--on-accent);background:var(--warning-theme);border-color:var(--warning-theme)}
html[data-theme] .btn.danger-outline{color:var(--danger-theme);background:var(--surface);border-color:color-mix(in srgb,var(--danger-theme) 45%,var(--line))}
html[data-theme] .btn.danger-outline:hover{color:var(--danger-theme);background:var(--danger-bg);border-color:var(--danger-theme)}
html[data-theme] .happy-status-pill.disabled{color:var(--muted);background:var(--soft-surface-2)}
html[data-theme] .mobile-bottom-nav{background:var(--topbar-bg);border-top-color:var(--line);box-shadow:0 -8px 24px var(--sidebar-shadow)}
html[data-theme] .mobile-bottom-nav a{color:var(--ink-500)}
html[data-theme] .mobile-bottom-nav a.active{color:var(--orange-600)}
html[data-theme] .auth-body{background:radial-gradient(circle at 20% 10%,var(--auth-start) 0,var(--navy-950) 42%,var(--auth-end) 100%)}
html[data-theme] .auth-shell{background:var(--surface);box-shadow:0 35px 90px var(--sidebar-shadow)}
html[data-theme] .auth-brand{background:linear-gradient(150deg,var(--auth-brand-overlay-1),var(--auth-brand-overlay-2));color:#fff}
html[data-theme] .auth-brand p{color:var(--auth-brand-copy)}
html[data-theme] .auth-card{background:var(--surface)}
.auth-theme-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}
.theme-dots{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px}
.theme-dots .theme-dot{position:relative;width:20px;height:20px;padding:0;border:2px solid rgba(255,255,255,.35);border-radius:50%;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.24);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.theme-dots .theme-dot:hover{transform:translateY(-1px) scale(1.08);border-color:#fff}
.theme-dots .theme-dot[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px var(--sidebar-highlight-border),0 2px 8px rgba(0,0,0,.28)}
.theme-dots button.theme-dot-cobalt{background:linear-gradient(90deg,#071a45 0 50%,#245cf6 50% 100%)}
.theme-dots button.theme-dot-volt{background:linear-gradient(90deg,#090c09 0 50%,#35aa63 50% 100%)}
.theme-dots button.theme-dot-aqua{background:linear-gradient(90deg,#202d31 0 50%,#17b5c7 50% 100%)}
.theme-dots button.theme-dot-yoders{background:linear-gradient(90deg,#050505 0 50%,#ea1b23 50% 100%)}
.theme-dots-auth .theme-dot{border-color:var(--line)}
.theme-dots-auth .theme-dot:hover,
.theme-dots-auth .theme-dot[aria-pressed="true"]{border-color:var(--blue-600)}
.theme-dots-auth .theme-dot[aria-pressed="true"]{box-shadow:0 0 0 2px var(--focus-ring),0 2px 8px rgba(0,0,0,.22)}
html[data-theme] .review-request-body{background:radial-gradient(circle at top,var(--soft-surface),var(--canvas) 55%);color:var(--ink-900)}
html[data-theme] .review-request-card,
html[data-theme] .google-review-profile-card{background:var(--surface);border-color:var(--line);box-shadow:var(--theme-shadow)}
html[data-theme] .review-qr-card,
html[data-theme] .review-action-card,
html[data-theme] .review-launch-fallback,
html[data-theme] .google-review-global-form,
html[data-theme] .google-review-add-profile{background:var(--soft-surface);border-color:var(--line)}
@media(max-width:520px){.auth-theme-row{margin-bottom:18px}}


.auth-shell{width:min(1040px,100%);max-width:1040px;grid-template-columns:1.05fr .95fr;border-radius:22px;margin:5vh auto}
.auth-brand{min-height:610px;padding:58px}
.auth-brand .auth-suite-logo{width:min(360px,100%);height:126px;max-width:none;object-fit:contain;object-position:left center;margin:0 0 28px}
.auth-brand .eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.auth-brand h1{margin:5px 0 12px;font-size:43px;line-height:1.05}
.auth-brand p{margin:0;max-width:440px;color:var(--auth-brand-copy);font-size:17px;line-height:1.55}
.auth-domain-badge{display:inline-flex;align-self:flex-start;margin-top:28px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}
.auth-card{align-self:stretch;display:flex;min-height:610px;flex-direction:column;justify-content:center;padding:54px}
.auth-mobile-logo{display:none;width:100%;height:112px;object-fit:contain;margin:0 auto 20px}
.auth-heading h2{margin:4px 0 6px;font-size:30px;line-height:1.15}
.auth-heading p{margin:0 0 24px;color:var(--muted);line-height:1.55}
.auth-login-form{gap:15px}
.auth-login-options{display:flex;align-items:center;justify-content:space-between;gap:14px}
.auth-login-options .check-row{margin:0;font-weight:700;font-size:13px}
.auth-link{color:var(--accent-2);font-weight:800;text-decoration:none}
.auth-link:hover{text-decoration:underline}
.auth-submit{width:100%}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.google-auth-form{margin:0}
.google-auth-button{gap:10px;color:var(--text);background:var(--panel);border-color:var(--line)}
.google-auth-button:hover{border-color:var(--accent);background:var(--panel-2)}
.google-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 3px var(--panel)}
.auth-footer-link{margin-top:20px;text-align:center}
.auth-note{margin:18px 0 0;color:var(--muted);text-align:center;line-height:1.5;font-size:13px}
html[data-theme=void] .auth-card .btn.primary{color:#071006}
html[data-theme=void] .auth-card input{background:var(--surface);color:var(--ink-900);border-color:var(--line)}
@media(max-width:900px){.auth-body{padding:22px}.auth-shell{grid-template-columns:1fr;max-width:560px;margin:0 auto}.auth-brand{display:none}.auth-card{min-height:auto}.auth-mobile-logo{display:block}}
@media(max-width:620px){.auth-body{padding:12px}.auth-card{padding:28px 22px}.auth-mobile-logo{height:120px}.auth-login-options{align-items:flex-start;flex-direction:column;gap:10px}}


.remote-happy-panel{border:1px solid color-mix(in srgb,var(--accent,#2563eb) 30%,#d8e1ef);background:linear-gradient(180deg,rgba(37,99,235,.04),rgba(255,255,255,.01))}
.remote-happy-email-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.remote-happy-email-form label{margin:0}.remote-happy-email-form input{width:100%;margin-top:6px}.remote-happy-help{display:block;margin-top:10px;color:var(--muted,#667085)}
.remote-happy-received,.remote-signature-confirmed{display:flex;gap:8px;flex-direction:column;border:1px solid #86efac;background:#f0fdf4;color:#166534;border-radius:12px;padding:13px 15px;margin-bottom:14px}.remote-happy-received span,.remote-signature-confirmed span{font-size:.86rem;color:#3f684d}.happy-sheet.remote-locked{opacity:.88}.happy-sheet.remote-locked input:disabled+span{cursor:default}.offline-completion-note{margin:8px 0 0;text-align:right;color:var(--muted,#667085);font-size:.82rem;max-width:760px;margin-left:auto}
.offline-completion-banner{position:sticky;top:8px;z-index:25;border-radius:12px;padding:12px 15px;margin:0 0 14px;font-weight:700;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;box-shadow:0 8px 30px rgba(15,23,42,.08)}.offline-completion-banner.offline,.offline-completion-banner.saved{border-color:#fde68a;background:#fffbeb;color:#92400e}.offline-completion-banner.syncing{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}.offline-completion-banner.success{border-color:#86efac;background:#f0fdf4;color:#166534}.offline-completion-banner.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.remote-happy-card{max-width:760px;margin:0 auto}.remote-happy-summary{display:grid;gap:10px;margin:18px 0;padding:14px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc}.remote-happy-summary div{display:grid;grid-template-columns:140px 1fr;gap:12px}.remote-happy-summary dt{font-weight:700;color:#667085}.remote-happy-summary dd{margin:0}.remote-happy-section{margin-top:24px}.remote-happy-section h2{margin:0 0 10px}.remote-happy-submit{width:100%;justify-content:center;margin-top:20px}.remote-happy-expiry{text-align:center;color:#667085;font-size:.82rem}.review-request-review-box{text-align:center;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:22px}.review-request-review-box .review-qr-frame{margin:14px auto}.review-request-review-box small{display:block;margin-top:10px;color:#667085}
.happy-print-sheet{font-size:12px;color:#111}.happy-print-header{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:2px solid #111;padding-bottom:12px}.happy-print-header h1{font-size:25px;margin:3px 0}.happy-print-header p{margin:0}.happy-print-fields{display:grid;gap:10px;align-content:end}.happy-print-questions h2,.happy-print-rating h2,.happy-print-reviews h2{font-size:16px;margin:14px 0 8px}.happy-print-question{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:4px 14px;border-bottom:1px solid #d1d5db;padding:6px 0}.happy-print-question small{grid-column:1/-1}.happy-print-rating,.happy-print-signature,.happy-print-reviews{border-top:1px solid #111;margin-top:12px;padding-top:8px}.happy-print-signature{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.happy-print-signature div{display:grid;gap:16px}.happy-print-signature p{grid-column:1/-1}.happy-print-review-grid{display:flex;gap:20px;flex-wrap:wrap}.happy-print-review-card{display:grid;justify-items:center;gap:6px}.happy-print-review-card .review-qr-frame{width:120px;height:120px}.happy-print-review-card .review-qr-frame img,.happy-print-review-card .review-qr-frame canvas{max-width:120px!important;max-height:120px!important}
@media(max-width:720px){.remote-happy-email-form{grid-template-columns:1fr}.remote-happy-email-form .btn{width:100%;justify-content:center}.remote-happy-summary div{grid-template-columns:1fr;gap:2px}.offline-completion-note{text-align:left}.happy-print-header{grid-template-columns:1fr}}
@media print{.happy-print-sheet{font-size:11px}.happy-print-question{break-inside:avoid}.happy-print-reviews{break-inside:avoid}.happy-print-review-card .review-qr-frame{width:105px;height:105px}.happy-print-review-card .review-qr-frame img,.happy-print-review-card .review-qr-frame canvas{max-width:105px!important;max-height:105px!important}}


.customer-delivery-acceptance{border:1px solid #cbd5e1;background:#f8fafc;border-radius:12px;padding:13px 15px;margin:0 0 16px}.customer-delivery-acceptance h2{margin:0 0 6px;font-size:17px}.customer-delivery-acceptance p{margin:0;line-height:1.55;color:#334155}
.happy-print-title{min-width:0}.happy-print-fields strong{font-weight:800}.happy-print-bottom{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;border-top:1px solid #111;margin-top:8px;padding-top:7px}.happy-print-bottom-main{min-width:0}.happy-print-rating{border-top:0;margin-top:0;padding-top:0}.happy-print-acceptance{border:1px solid #9ca3af;background:#f8fafc;border-radius:6px;padding:7px 9px;margin-top:8px}.happy-print-acceptance h2{font-size:13px;margin:0 0 4px}.happy-print-acceptance p{margin:0;line-height:1.35}.happy-print-name-line{display:inline-block;min-width:135px}.happy-print-signature{margin-top:8px;padding-top:7px}.happy-print-signature small{font-size:.82em;font-weight:500}.happy-print-reviews{border-top:0;margin-top:0;padding-top:0;border-left:1px solid #d1d5db;padding-left:14px}.happy-print-reviews>p{margin:0 0 6px}.happy-print-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.happy-print-review-card{min-width:0;text-align:center}.happy-print-review-card strong{font-size:10px;line-height:1.15;word-break:break-word}
@media(max-width:720px){.happy-print-bottom{grid-template-columns:1fr}.happy-print-reviews{border-left:0;border-top:1px solid #111;padding-left:0;padding-top:8px}}
@media print{
  @page{size:Letter portrait;margin:.30in .35in .30in}
  html,body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .print-page{width:auto!important;margin:0!important;padding:0!important}
  .happy-print-sheet{font-size:9.2px;line-height:1.16;color:#111}
  .happy-print-header{display:grid!important;grid-template-columns:.82fr 1.18fr!important;gap:14px!important;border-bottom:1.5px solid #111!important;padding-bottom:6px!important}
  .happy-print-header h1{font-size:19px!important;line-height:1.05;margin:2px 0 2px!important}.happy-print-header p{font-size:8.6px!important;margin:0!important}.happy-print-header .eyebrow{font-size:7.8px!important}
  .happy-print-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 10px!important;align-content:center!important;font-size:8.8px!important;white-space:nowrap}
  .happy-print-questions h2,.happy-print-rating h2,.happy-print-reviews h2{font-size:12.2px!important;margin:7px 0 3px!important}
  .happy-print-question{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:1px 7px!important;padding:2.6px 0!important;break-inside:avoid;border-bottom:1px solid #d1d5db!important}
  .happy-print-question strong{font-size:9px!important;line-height:1.12}.happy-print-question .happy-print-choices{font-size:8.5px!important;white-space:nowrap;text-align:right}.happy-print-question small{font-size:7.4px!important;line-height:1.05!important}
  .happy-print-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) 138px!important;gap:10px!important;margin-top:5px!important;padding-top:5px!important;break-inside:avoid}
  .happy-print-rating p{margin:2px 0!important;font-size:8.2px!important}.happy-print-rating h2 small{font-size:7.4px!important}
  .happy-print-acceptance{padding:4px 6px!important;margin-top:5px!important;border-radius:4px!important}.happy-print-acceptance h2{font-size:9.6px!important;margin:0 0 2px!important}.happy-print-acceptance p{font-size:7.7px!important;line-height:1.2!important}.happy-print-name-line{min-width:110px!important}
  .happy-print-signature{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 10px!important;margin-top:5px!important;padding-top:4px!important}.happy-print-signature div{display:grid!important;gap:5px!important;font-size:8px!important}.happy-print-signature p{margin:2px 0 0!important;font-size:7.7px!important}
  .happy-print-reviews{display:block!important;border-left:1px solid #d1d5db!important;border-top:0!important;margin:0!important;padding:0 0 0 9px!important;break-inside:avoid}.happy-print-reviews h2{margin-top:0!important}.happy-print-reviews>p{font-size:7.6px!important;margin:0 0 4px!important}
  .happy-print-review-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.happy-print-review-card{gap:3px!important}.happy-print-review-card .review-qr-frame{width:62px!important;height:62px!important}.happy-print-review-card .review-qr-frame img,.happy-print-review-card .review-qr-frame canvas{max-width:62px!important;max-height:62px!important}.happy-print-review-card strong{font-size:7.1px!important}
}

.happy-print-question-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.happy-print-question-line strong{min-width:0}.happy-print-choices{flex:0 0 auto;white-space:nowrap}
@media print{
  .happy-print-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.happy-print-title{flex:0 0 38%!important}.happy-print-fields{flex:1 1 auto!important;display:flex!important;flex-wrap:wrap!important;gap:4px 10px!important}.happy-print-fields span{flex:1 1 46%!important}
  .happy-print-question{display:block!important}.happy-print-question-line{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}.happy-print-question small{display:block!important;margin-top:1px!important}
  .happy-print-bottom{display:flex!important;align-items:flex-start!important}.happy-print-bottom-main{flex:1 1 auto!important}.happy-print-reviews{flex:0 0 138px!important}.happy-print-review-grid{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.happy-print-review-card{flex:1 1 60px!important}
  .happy-print-signature{display:flex!important;flex-wrap:wrap!important}.happy-print-signature div{flex:1 1 44%!important}.happy-print-signature p{flex:1 0 100%!important}
}

@media print{
  .happy-print-sheet{font-size:10.3px!important;line-height:1.2!important}
  .happy-print-header h1{font-size:22px!important}.happy-print-header p{font-size:9.4px!important}.happy-print-header .eyebrow{font-size:8.4px!important}.happy-print-fields{font-size:9.7px!important;gap:5px 12px!important}
  .happy-print-questions h2,.happy-print-rating h2,.happy-print-reviews h2{font-size:13.7px!important;margin:9px 0 4px!important}
  .happy-print-question{padding:4.1px 0!important}.happy-print-question strong{font-size:10.2px!important;line-height:1.18!important}.happy-print-question .happy-print-choices{font-size:9.5px!important}.happy-print-question small{font-size:8.5px!important;line-height:1.1!important;margin-top:2px!important}
  .happy-print-bottom{gap:12px!important;margin-top:7px!important;padding-top:6px!important}.happy-print-reviews{flex-basis:154px!important;padding-left:11px!important}.happy-print-rating p{font-size:9.1px!important;margin:3px 0!important}.happy-print-rating h2 small{font-size:8px!important}
  .happy-print-acceptance{padding:6px 8px!important;margin-top:7px!important}.happy-print-acceptance h2{font-size:10.8px!important;margin-bottom:3px!important}.happy-print-acceptance p{font-size:8.6px!important;line-height:1.28!important}.happy-print-name-line{min-width:125px!important}
  .happy-print-signature{gap:6px 12px!important;margin-top:7px!important;padding-top:5px!important}.happy-print-signature div{gap:7px!important;font-size:9px!important}.happy-print-signature p{font-size:8.7px!important;margin-top:3px!important}
  .happy-print-reviews>p{font-size:8.5px!important;margin-bottom:6px!important}.happy-print-review-card .review-qr-frame{width:84px!important;height:84px!important}.happy-print-review-card .review-qr-frame img,.happy-print-review-card .review-qr-frame canvas{max-width:84px!important;max-height:84px!important}.happy-print-review-card strong{font-size:8.1px!important}
}



.happy-print-review-instruction{margin:0!important}.happy-print-review-grid{margin-top:2px}.happy-print-review-card .review-qr-frame{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;min-height:0!important;box-shadow:none!important}.happy-print-review-card{gap:2px!important}
.certificate-acceptance{margin-top:16px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;break-inside:avoid}.certificate-acceptance>b{display:block;font-size:10px;text-transform:uppercase;color:#475569;letter-spacing:.08em;margin-bottom:5px}.certificate-acceptance p{margin:0;line-height:1.45}.certificate-acceptance strong{color:#111827}
@media print{.happy-print-review-instruction{margin:0!important}.happy-print-review-grid{margin-top:1px!important}.happy-print-review-card .review-qr-frame{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;min-height:0!important}.certificate-acceptance{margin-top:10px;padding:9px 11px}}


.btn.danger-solid{background:#b91c1c;border-color:#b91c1c;color:#fff}.btn.danger-solid:hover{background:#991b1b;border-color:#991b1b}.btn.danger-solid:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}.action-modal-icon.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.generic-confirm-modal .action-modal-copy p{white-space:normal}.review-request-footnote{color:#667085;font-size:.9rem}
html[data-theme] .btn.danger-solid{background:var(--danger-theme);border-color:var(--danger-theme);color:var(--on-accent)}

/* BuildSuite · Custom software by Jason Sickles — compact Driver payroll, unified job cards, weekly Delivery Log */
.pay-period-metrics{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;gap:10px;margin-bottom:14px}
.pay-period-metrics article{min-height:76px;padding:12px 14px;border-radius:11px;align-content:center;box-shadow:0 5px 14px rgba(15,23,42,.05)}
.pay-period-metrics span{font-size:9px}.pay-period-metrics strong{font-size:20px;line-height:1.08}
.payroll-entry-list{display:grid;gap:10px}
.payroll-entry-collapsible{padding:0;margin:0;overflow:hidden}
.payroll-entry-collapsible>summary{list-style:none}.payroll-entry-collapsible>summary::-webkit-details-marker{display:none}
.payroll-entry-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:13px 15px;cursor:pointer;background:var(--panel);transition:background .16s ease}
.payroll-entry-summary:hover{background:var(--panel-2)}
.payroll-entry-summary-main{display:grid;gap:2px;min-width:0}
.payroll-entry-summary-main>.eyebrow{font-size:8px}.payroll-entry-summary-main>strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payroll-entry-summary-main>small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payroll-entry-summary-facts{display:grid;grid-template-columns:110px 118px auto 20px;gap:12px;align-items:center}
.payroll-entry-summary-facts>span:not(.status){display:grid;gap:1px;text-align:right}.payroll-entry-summary-facts>span>small{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.payroll-entry-summary-facts>span>strong{font-size:12px;white-space:nowrap}
.payroll-entry-summary .status{font-size:10px;padding:5px 7px}.payroll-entry-toggle{font-size:18px;color:var(--muted);transition:transform .16s ease;text-align:center}.payroll-entry-collapsible[open] .payroll-entry-toggle{transform:rotate(180deg)}
.payroll-entry-collapsible[open]>.payroll-entry-summary{border-bottom:1px solid var(--line);background:var(--panel-2)}
.payroll-entry-body{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(470px,1.25fr);gap:12px;padding:12px;background:color-mix(in srgb,var(--panel-2) 55%,var(--panel))}
.payroll-system-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;align-self:start}
.payroll-system-card .payroll-side{border:0;border-radius:0;background:transparent;padding:13px}
.payroll-system-card .payroll-side+.payroll-side{border-top:1px solid var(--line)}
.payroll-system-card .payroll-side h3,.payroll-entry-body>.driver-entry h3{font-size:14px;margin:0 0 8px}
.payroll-entry-body>.driver-entry{border-radius:11px;padding:13px;align-self:start}
.payroll-entry-body .details div{padding:9px 0}.payroll-entry-body .details dt{font-size:9px}.payroll-entry-body .details dd{font-size:12px}
.payroll-comparison-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payroll-comparison-details div{border:1px solid var(--line)!important;border-radius:9px;padding:8px!important;background:var(--panel-2)}
.payroll-comparison-empty{padding:16px 8px;text-align:left}
.payroll-adjustment{margin-top:9px}.payroll-adjustment>summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--text)}
.payroll-adjustment .adjust-form{grid-template-columns:1fr 1fr;gap:7px}.payroll-adjustment .adjust-form label:nth-child(3){grid-column:1/-1}.payroll-adjustment .adjust-form .btn{justify-self:start}
.job-card-attention-note{display:grid;gap:3px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--danger-theme,#b91c1c) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--danger-theme,#b91c1c) 7%,var(--panel));color:var(--text)}
.job-card-attention-note small{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--danger-theme,#b91c1c);font-weight:700}.job-card-attention-note strong{font-size:10px;line-height:1.35;font-weight:600}
.delivery-week-stack{display:grid;gap:11px}.delivery-week-group{padding:0;margin:0;overflow:hidden}.delivery-week-group>summary{list-style:none}.delivery-week-group>summary::-webkit-details-marker{display:none}
.delivery-week-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;cursor:pointer;background:var(--panel)}.delivery-week-summary:hover{background:var(--panel-2)}
.delivery-week-summary>div:first-child{display:grid;gap:1px}.delivery-week-summary>div:first-child>.eyebrow{font-size:8px}.delivery-week-summary>div:first-child>strong{font-size:15px}.delivery-week-summary>div:first-child>small{font-size:10px;color:var(--muted)}
.delivery-week-summary-stats{display:flex;align-items:center;gap:18px}.delivery-week-summary-stats>span{display:grid;min-width:60px;text-align:right}.delivery-week-summary-stats b{font-size:13px}.delivery-week-summary-stats small{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.delivery-week-summary-stats i{font-style:normal;font-size:18px;color:var(--muted);transition:transform .16s ease}
.delivery-week-group[open]>.delivery-week-summary{background:var(--panel-2);border-bottom:1px solid var(--line)}.delivery-week-group[open] .delivery-week-summary-stats i{transform:rotate(180deg)}
.delivery-week-body{padding:0 14px 4px}.delivery-week-body .delivery-log-item{padding-top:12px;padding-bottom:12px}
@media(max-width:1100px){.pay-period-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-entry-body{grid-template-columns:1fr}.payroll-entry-summary-facts{grid-template-columns:92px 105px auto 18px}}
@media(max-width:820px){.pay-period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-period-metrics article{min-height:68px;padding:10px}.pay-period-metrics strong{font-size:18px}.payroll-entry-summary{grid-template-columns:1fr;gap:9px;padding:11px}.payroll-entry-summary-facts{grid-template-columns:1fr 1fr auto 18px;gap:8px}.payroll-entry-summary-facts>span:not(.status){text-align:left}.payroll-entry-body{padding:9px}.payroll-entry-body>.driver-entry,.payroll-system-card .payroll-side{padding:11px}.payroll-comparison-details{grid-template-columns:1fr 1fr}.delivery-week-summary{padding:11px 12px}.delivery-week-summary-stats{gap:10px}.delivery-week-summary-stats>span{min-width:48px}.delivery-week-body{padding:0 10px 3px}}
@media(max-width:480px){.pay-period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-period-metrics article:last-child{grid-column:1/-1}.payroll-entry-summary-facts{grid-template-columns:1fr 1fr}.payroll-entry-summary .status{justify-self:start}.payroll-entry-toggle{display:none}.payroll-comparison-details{grid-template-columns:1fr}.delivery-week-summary{align-items:flex-start}.delivery-week-summary-stats>span:nth-child(2){display:none}.delivery-week-summary>div:first-child>strong{font-size:14px}}

/* BuildSuite · Custom software by Jason Sickles — Open Delivery detail layout polish */
/* BuildSuite · Custom software by Jason Sickles — desktop Open Delivery dashboard grids */
.delivery-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);gap:18px;align-items:start;margin-bottom:18px}
.delivery-detail-identity{padding:8px 4px;min-width:0}.delivery-detail-identity h1{font-size:clamp(28px,3vw,38px);line-height:1.08;margin:4px 0 8px;letter-spacing:-.025em}.delivery-detail-identity p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;max-width:760px}.delivery-detail-identity p strong{color:var(--text);font-weight:700}
.delivery-command-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px}
.delivery-command-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.delivery-command-status>div{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);min-width:0}.delivery-command-status>div>span{font-size:8px;text-transform:uppercase;letter-spacing:.065em;color:var(--muted);font-weight:700}.delivery-command-status>div>strong{font-size:12px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}.delivery-command-status .status{justify-self:start}
.delivery-command-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.delivery-command-actions-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.delivery-command-actions-heading .eyebrow{font-size:8px}.delivery-command-actions-heading small{color:var(--muted);font-size:9px;text-align:right}.delivery-command-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.delivery-command-primary-actions,.delivery-command-schedule-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.delivery-command-primary-actions{justify-content:flex-start}.delivery-command-schedule-actions{justify-content:flex-end}.delivery-command-buttons form{display:flex;margin:0}.delivery-command-buttons .btn{min-height:34px;padding:7px 10px;border-radius:9px;font-size:10px}.delivery-command-buttons .page-action-form{width:auto}.delivery-command-buttons .page-action-form .btn{width:auto}
.delivery-detail-panel{padding:17px 18px;margin-bottom:14px}.delivery-detail-panel>.panel-heading{margin-bottom:10px;align-items:center}.delivery-detail-panel>.panel-heading>div:first-child{min-width:0}.delivery-detail-panel>.panel-heading .eyebrow{font-size:8px}.delivery-detail-panel>.panel-heading h2{font-size:17px;margin:2px 0 0}.delivery-detail-panel>.panel-heading p{font-size:11px;line-height:1.4;margin-top:3px}.delivery-detail-panel .details div{padding:10px 0}.delivery-detail-panel .details dt{font-size:8.5px}.delivery-detail-panel .details dd{font-size:12px}.delivery-detail-panel .details.four .span-two{grid-column:1/-1}
.delivery-photo-count{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:9px;font-weight:700;padding:5px 8px;white-space:nowrap}.delivery-detail-photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.delivery-detail-photo-grid img{height:118px}.delivery-detail-photo-grid span{padding:7px 9px;font-size:10px}.delivery-photo-empty{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px dashed var(--line);border-radius:10px;padding:14px;background:var(--panel-2)}.delivery-photo-empty strong{font-size:12px}.delivery-photo-empty span{font-size:10px;color:var(--muted);text-align:right}
.delivery-detail-panel .map-frame{height:330px;border-radius:11px}.delivery-detail-panel .route-actions{margin-top:10px}.delivery-detail-panel .route-actions .btn{min-height:36px;padding:8px 11px;font-size:11px}.delivery-detail-panel .route-summary strong{font-size:13px}.delivery-detail-panel .route-summary span{font-size:9px}
.assignment-current{display:grid;text-align:right;gap:2px}.assignment-current span{font-size:11px;font-weight:700}.assignment-current strong{font-size:9px;color:var(--muted);font-weight:600}.delivery-assignment-form{gap:12px}.delivery-assignment-fields{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:12px}.delivery-assignment-fields label{display:grid;gap:6px;font-weight:700;font-size:11px}.delivery-assignment-fields input,.delivery-assignment-fields select{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:9px;padding:9px 10px}.delivery-assignment-form>label{font-size:11px}.delivery-assignment-form textarea{min-height:74px}.delivery-assignment-actions{display:flex;justify-content:flex-end}.delivery-assignment-actions .btn{min-height:36px;padding:8px 12px;font-size:11px}.delivery-assignment-readonly{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.delivery-assignment-readonly strong{font-size:12px}.delivery-assignment-readonly span{font-size:10px;color:var(--muted)}
html[data-theme=void] .delivery-assignment-fields input,html[data-theme=void] .delivery-assignment-fields select{background:var(--surface);color:var(--ink-900);border-color:var(--line)}
.delivery-detail-grid{display:grid;gap:14px;align-items:stretch;margin-bottom:14px}
.delivery-detail-grid>.delivery-detail-panel{margin-bottom:0;min-width:0;height:100%}
.delivery-detail-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.delivery-detail-grid-two{grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)}
.delivery-detail-grid-two>.delivery-detail-panel:only-child{grid-column:1/-1}
.delivery-detail-grid-three .details.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.delivery-detail-grid-three .details.four div:nth-child(-n+4){border-top:1px solid var(--line)}
.delivery-detail-grid-three .details.four div:nth-child(-n+2){border-top:0}
.delivery-detail-grid-three .delivery-detail-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.delivery-detail-grid-three .delivery-detail-photo-grid img{height:108px}
.delivery-detail-grid-three .delivery-photo-empty{align-content:start}
.delivery-detail-grid-two #delivery-map,.delivery-detail-grid-two #assignment-schedule{display:flex;flex-direction:column}
.delivery-detail-grid-two #delivery-map .map-frame{flex:1;min-height:300px}

@media(max-width:1180px){.delivery-detail-hero{grid-template-columns:1fr}.delivery-command-card{max-width:none}.delivery-command-actions-heading{justify-content:flex-start}.delivery-command-actions-heading small{text-align:left}.delivery-detail-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-detail-grid-three>#building-photos{grid-column:1/-1}.delivery-detail-grid-three #building-photos .delivery-detail-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.delivery-detail-grid-two{grid-template-columns:1fr}.delivery-detail-grid-two>.delivery-detail-panel{grid-column:auto}.delivery-detail-grid-two #delivery-map .map-frame{min-height:260px}}
@media(max-width:820px){.delivery-detail-grid{gap:10px;margin-bottom:10px}.delivery-detail-grid-three{grid-template-columns:1fr}.delivery-detail-grid-three>#building-photos{grid-column:auto}.delivery-detail-grid-three #building-photos .delivery-detail-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-detail-hero{gap:10px;margin-bottom:12px}.delivery-detail-identity{padding:2px 1px}.delivery-detail-identity h1{font-size:24px;margin-bottom:4px}.delivery-detail-identity p{font-size:12px}.delivery-command-card{padding:10px}.delivery-command-status{grid-template-columns:1fr 1fr}.delivery-command-status>div:last-child{grid-column:1/-1}.delivery-command-buttons{grid-template-columns:1fr;gap:7px}.delivery-command-primary-actions,.delivery-command-schedule-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;justify-content:stretch}.delivery-command-buttons form,.delivery-command-buttons .page-action-form,.delivery-command-buttons .btn{width:100%}.delivery-command-actions-heading small{display:none}.delivery-detail-panel{padding:13px;margin-bottom:10px}.delivery-detail-panel>.panel-heading{align-items:flex-start}.delivery-detail-panel>.panel-heading h2{font-size:15px}.delivery-detail-panel>.panel-heading p{font-size:10px}.delivery-detail-panel .details.four{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-detail-panel .details.four div:nth-child(-n+4){border-top:1px solid var(--line)}.delivery-detail-panel .details.four div:nth-child(-n+2){border-top:0}.delivery-detail-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.delivery-detail-photo-grid img{height:92px}.delivery-detail-photo-grid span{font-size:8px;padding:5px 6px}.delivery-photo-empty{display:grid}.delivery-photo-empty span{text-align:left}.delivery-detail-panel .map-frame{height:250px}.delivery-assignment-fields{grid-template-columns:1fr 1fr}.delivery-assignment-fields label:first-child{grid-column:1/-1}.assignment-current{text-align:left}.delivery-detail-panel#assignment-schedule>.panel-heading{display:grid;grid-template-columns:1fr;gap:7px}}
@media(max-width:520px){.delivery-command-status{grid-template-columns:1fr}.delivery-command-status>div:last-child{grid-column:auto}.delivery-command-primary-actions,.delivery-command-schedule-actions{grid-template-columns:1fr}.delivery-detail-panel .details.four{grid-template-columns:1fr}.delivery-detail-panel .details.four div:nth-child(-n+2){border-top:1px solid var(--line)}.delivery-detail-panel .details.four div:first-child{border-top:0}.delivery-detail-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-assignment-fields{grid-template-columns:1fr}.delivery-assignment-fields label:first-child{grid-column:auto}.delivery-detail-panel .map-frame{height:220px}}

/* BuildSuite · Custom software by Jason Sickles — completed Delivery Log detail alignment */
.delivery-record-secondary-grid #delivery-map,.delivery-record-secondary-grid #delivery-completion{display:flex;flex-direction:column}
.delivery-record-secondary-grid #delivery-map .map-frame{flex:1;min-height:300px}
.delivery-record-secondary-grid #delivery-completion .details{align-content:start}
.delivery-record-completion-photos{margin-top:12px}
.delivery-record-notes-grid{align-items:stretch}
.delivery-record-notes-grid>.panel{height:100%}
@media(max-width:1180px){.delivery-record-secondary-grid #delivery-map .map-frame{min-height:260px}}

/* BuildSuite · Custom software by Jason Sickles — completed-delivery media + follow-up layout */
.delivery-record-media-card .delivery-record-compact-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.delivery-record-media-card .delivery-record-compact-files .file-card{min-width:0;padding:10px 11px}
.delivery-record-media-card .delivery-record-compact-files .file-card strong{font-size:11px}
.delivery-record-media-card .delivery-record-compact-files .file-card span{font-size:9px}
.delivery-record-media-card .delivery-record-completion-photos{margin-top:0}
.delivery-record-followup-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start;margin-bottom:20px}
.delivery-record-followup-stack{display:grid;gap:14px;align-content:start}
.delivery-record-followup-grid .panel{margin-bottom:0}
.delivery-record-followup-card .details{grid-template-columns:repeat(2,minmax(0,1fr))}
.delivery-record-followup-card .details>div:nth-child(-n+2){border-top:0}
.delivery-record-followup-card .details>div:nth-child(n+3){border-top:1px solid var(--line)}
.delivery-review-actions{margin-top:12px;justify-content:flex-start}
.delivery-record-note-card{padding-top:16px;padding-bottom:16px}
.delivery-record-note-card .panel-heading{margin-bottom:10px}
.delivery-record-note-card p{margin:0;line-height:1.5}
.delivery-record-customer-review{min-width:0}
.delivery-record-customer-review .happy-results{margin-top:12px}
@media(max-width:1180px){
  .delivery-detail-grid-three>#delivery-files{grid-column:1/-1}
  .delivery-detail-grid-three>#delivery-files .delivery-record-completion-photos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .delivery-record-followup-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .delivery-record-followup-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .delivery-detail-grid-three>#delivery-files{grid-column:auto}
  .delivery-detail-grid-three>#delivery-files .delivery-record-completion-photos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .delivery-record-followup-grid{gap:10px;margin-bottom:10px}
  .delivery-record-followup-stack{gap:10px}
  .delivery-record-media-card .delivery-record-compact-files{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .delivery-detail-grid-three>#delivery-files .delivery-record-completion-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .delivery-record-media-card .delivery-record-compact-files{grid-template-columns:1fr}
  .delivery-record-followup-card .details{grid-template-columns:1fr}
  .delivery-record-followup-card .details>div:nth-child(-n+2){border-top:1px solid var(--line)}
  .delivery-record-followup-card .details>div:first-child{border-top:0}
}

/* BuildSuite · Custom software by Jason Sickles — shared thumbnail photo viewer. */
.suite-photo-viewer{width:min(980px,calc(100vw - 24px));max-width:980px;padding:0;border:1px solid var(--line,#d0d5dd);border-radius:18px;background:var(--panel,#fff);color:var(--text,#101828);box-shadow:0 28px 80px rgba(0,0,0,.42);overflow:hidden}
.suite-photo-viewer::backdrop{background:rgba(2,6,12,.78);backdrop-filter:blur(3px)}
.suite-photo-viewer-shell{display:grid;gap:0}
.suite-photo-viewer-header,.suite-photo-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--panel,#fff)}
.suite-photo-viewer-header{border-bottom:1px solid var(--line,#d0d5dd)}
.suite-photo-viewer-header h2{margin:3px 0 0;font-size:1.05rem}
.suite-photo-viewer-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line,#d0d5dd);border-radius:10px;background:var(--panel-2,#f8fafc);color:var(--text,#101828);font-size:25px;line-height:1}
.suite-photo-viewer-stage{position:relative;display:grid;place-items:center;min-height:min(68vh,680px);padding:18px 64px;background:#080b0f;overflow:hidden;touch-action:pan-y}
.suite-photo-viewer-stage img{display:block;max-width:100%;max-height:min(72vh,720px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 38px rgba(0,0,0,.32)}
.suite-photo-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:58px;padding:0;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:38px;line-height:1;backdrop-filter:blur(4px)}
.suite-photo-viewer-arrow:hover,.suite-photo-viewer-arrow:focus-visible{background:rgba(255,255,255,.25)}
.suite-photo-viewer-arrow.previous{left:12px}.suite-photo-viewer-arrow.next{right:12px}.suite-photo-viewer-arrow[hidden]{display:none}
.suite-photo-viewer-error{margin:0;color:#fff;font-weight:800;text-align:center}
.suite-photo-viewer-footer{border-top:1px solid var(--line,#d0d5dd)}
.suite-photo-viewer-footer>div{display:grid;gap:3px;min-width:0}.suite-photo-viewer-footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suite-photo-viewer-footer small,.suite-photo-viewer-footer>span{color:var(--muted,#667085);font-size:12px}.suite-photo-viewer-footer>span{font-weight:800;white-space:nowrap}
@media(max-width:680px){.suite-photo-viewer{width:calc(100vw - 12px);border-radius:14px}.suite-photo-viewer-stage{min-height:58vh;padding:10px 46px}.suite-photo-viewer-arrow{width:36px;height:50px;font-size:32px}.suite-photo-viewer-arrow.previous{left:6px}.suite-photo-viewer-arrow.next{right:6px}.suite-photo-viewer-header,.suite-photo-viewer-footer{padding:11px 12px}.suite-photo-viewer-footer{align-items:flex-start}}



/* BuildSuite professional system notices */
.buildsuite-system-dialog { width:min(520px,calc(100vw - 28px)); padding:0; border:0; border-radius:16px; color:var(--text); background:transparent; box-shadow:0 28px 80px rgba(15,23,42,.28); }
.buildsuite-system-dialog::backdrop { background:rgba(15,23,42,.54); backdrop-filter:blur(3px); }
.buildsuite-system-dialog-card { display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; padding:22px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.buildsuite-system-dialog-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; color:#fff; background:var(--accent); font-size:20px; font-weight:800; }
.buildsuite-system-dialog.danger .buildsuite-system-dialog-icon { background:#b42318; }
.buildsuite-system-dialog-copy { min-width:0; }
.buildsuite-system-dialog-eyebrow { display:block; margin:1px 0 3px; color:var(--accent-2); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.buildsuite-system-dialog.danger .buildsuite-system-dialog-eyebrow { color:#b42318; }
.buildsuite-system-dialog-copy h2 { margin:0 0 6px; font-size:20px; line-height:1.2; }
.buildsuite-system-dialog-copy p { margin:0; color:var(--muted); white-space:pre-line; }
.buildsuite-system-dialog-input { grid-column:1/-1; display:grid; gap:6px; }
.buildsuite-system-dialog-input[hidden] { display:none; }
.buildsuite-system-dialog-input span { color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.buildsuite-system-dialog-input input { width:100%; min-height:42px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:var(--panel); outline:0; }
.buildsuite-system-dialog-input input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(37,99,235,.14); }
.buildsuite-system-dialog-actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:9px; margin-top:4px; }
.buildsuite-system-dialog-button { min-height:40px; padding:8px 15px; border:1px solid transparent; border-radius:9px; font:inherit; font-weight:800; cursor:pointer; }
.buildsuite-system-dialog-button.secondary { color:var(--text); border-color:var(--line); background:var(--panel); }
.buildsuite-system-dialog-button.primary { color:#fff; background:var(--accent); }
.buildsuite-system-dialog-button.primary.danger { background:#b42318; }
@media(max-width:560px){.buildsuite-system-dialog-card{grid-template-columns:38px minmax(0,1fr);padding:18px}.buildsuite-system-dialog-icon{width:38px;height:38px}.buildsuite-system-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.buildsuite-system-dialog-button{width:100%}}



/* Hub return lives with module sign-out */
.buildsuite-return-hub{display:flex;width:100%;min-height:38px;align-items:center;gap:9px;padding:8px 9px;color:var(--sidebar-text,#cbd3dc);border:0;border-radius:8px;background:transparent;font:inherit;font-size:13px;font-weight:600;text-align:left;text-decoration:none}
.buildsuite-return-hub:hover,.buildsuite-return-hub:focus-visible{color:#fff;background:rgba(255,255,255,.08);outline:none;text-decoration:none}
.buildsuite-return-hub-icon{display:inline-grid;width:20px;flex:0 0 20px;place-items:center;font-size:16px;line-height:1}
.buildsuite-return-hub-label{min-width:0}

/* Unified module sign-out */
.buildsuite-signout-form{width:100%;margin:0}
.buildsuite-signout{display:flex;width:100%;min-height:38px;align-items:center;gap:9px;padding:8px 9px;color:var(--sidebar-text,#e5e7eb);border:0;border-radius:8px;background:transparent;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.buildsuite-signout:hover,.buildsuite-signout:focus-visible{color:#fff;background:rgba(255,255,255,.08);outline:none}
.buildsuite-signout-icon{display:inline-grid;width:20px;flex:0 0 20px;place-items:center;font-size:16px;line-height:1}
.buildsuite-signout-label{min-width:0}

/* Administration workspace navigation */
.administration-inline-nav-label{margin:12px 12px 3px;color:var(--muted,#7f96a7);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}


/* BuildSuite unified Light, Dark and Void themes */
html[data-theme="light"]{
  color-scheme:light;
  --navy-950:#06163b;--navy-900:#0a2458;--navy-800:#123a7c;
  --blue-700:#1e56d5;--blue-600:#2d68ee;--blue-100:#e8efff;
  --orange-600:#245cf6;--orange-500:#3973ff;--orange-100:#edf3ff;
  --ink-900:#101827;--ink-700:#3b4759;--ink-500:#6f7c8f;
  --line:#dce3ef;--surface:#fff;--canvas:#f5f7fb;
  --danger-theme:#b42318;--danger-bg:#fff0ee;--success-theme:#177245;--success-bg:#eaf8f0;--warning-theme:#8a5a00;--warning-bg:#fff7df;
  --theme-shadow:0 12px 32px rgba(10,36,88,.08);--on-accent:#fff;--accent-hover:#174bd0;
  --soft-surface:#f8faff;--soft-surface-2:#f1f5fc;--field-bg:#fff;--field-border:#cfd8e7;--table-head:#eef3fb;--row-border:#e6ebf3;--row-hover:#f8faff;
  --topbar-bg:rgba(255,255,255,.95);--sidebar-end:#071a44;--sidebar-shadow:rgba(5,24,64,.18);--sidebar-muted:#aebdde;--sidebar-text:#dce6fb;--sidebar-icon:#96afe5;--sidebar-active-icon:#8db2ff;
  --sidebar-highlight:rgba(52,106,242,.22);--sidebar-highlight-soft:rgba(52,106,242,.08);--sidebar-highlight-border:rgba(91,139,255,.50);--focus-ring:rgba(45,104,238,.16);--primary-shadow:rgba(36,92,246,.24);
  --auth-start:#173f91;--auth-end:#050e27;--auth-brand-overlay-1:rgba(10,36,88,.96);--auth-brand-overlay-2:rgba(6,22,59,.98);--auth-brand-copy:#d9e4fb;--modal-scrim:rgba(5,18,48,.72);
}
html[data-theme="light"]{
  --navy-950:#263342;--navy-900:#324356;--navy-800:#465b70;
  --blue-700:#1d4ed8;--blue-600:#2563eb;--blue-100:#e8f0ff;
  --orange-600:#2563eb;--orange-500:#3b82f6;--orange-100:#edf4ff;
  --ink-900:#172231;--ink-700:#455466;--ink-500:#718092;
  --line:#d8e0e9;--surface:#ffffff;--canvas:#f4f7fa;
  --soft-surface:#f8fafc;--soft-surface-2:#eef2f6;--field-bg:#ffffff;--field-border:#ccd6e0;--table-head:#eef3f7;--row-border:#e3e9ef;--row-hover:#f7f9fb;
  --topbar-bg:rgba(255,255,255,.96);--sidebar-end:#1a2532;--sidebar-shadow:rgba(22,34,49,.18);--sidebar-muted:#afbdcb;--sidebar-text:#e8eef4;--sidebar-icon:#b2c0ce;--sidebar-active-icon:#78a7ff;
  --sidebar-highlight:rgba(59,130,246,.20);--sidebar-highlight-soft:rgba(59,130,246,.08);--sidebar-highlight-border:rgba(96,165,250,.48);--focus-ring:rgba(37,99,235,.16);--primary-shadow:rgba(37,99,235,.22);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --navy-950:#050705;--navy-900:#0a0d0a;--navy-800:#151a15;
  --blue-700:#2e9d59;--blue-600:#38b66b;--blue-100:#1b2c0c;
  --orange-600:#35aa63;--orange-500:#48bd75;--orange-100:#1c2e0d;
  --ink-900:#eff4ec;--ink-700:#c0c8bc;--ink-500:#8e998a;
  --line:#2b3329;--surface:#111511;--canvas:#080b08;
  --danger-theme:#ff7469;--danger-bg:#321410;--success-theme:#49bf77;--success-bg:#17290b;--warning-theme:#ffd166;--warning-bg:#2b240c;
  --theme-shadow:0 15px 40px rgba(0,0,0,.32);--on-accent:#0a0d08;--accent-hover:#57c982;
  --soft-surface:#151a15;--soft-surface-2:#1b211a;--field-bg:#0d110d;--field-border:#394237;--table-head:#171d17;--row-border:#252d24;--row-hover:#171d16;
  --topbar-bg:rgba(13,17,13,.96);--sidebar-end:#030503;--sidebar-shadow:rgba(0,0,0,.45);--sidebar-muted:#7d8978;--sidebar-text:#bec7bb;--sidebar-icon:#74806f;--sidebar-active-icon:#48bd75;
  --sidebar-highlight:rgba(53,170,99,.15);--sidebar-highlight-soft:rgba(53,170,99,.05);--sidebar-highlight-border:rgba(53,170,99,.48);--focus-ring:rgba(56,182,107,.16);--primary-shadow:rgba(53,170,99,.18);
  --auth-start:#18220d;--auth-end:#020402;--auth-brand-overlay-1:rgba(12,15,12,.96);--auth-brand-overlay-2:rgba(3,5,3,.99);--auth-brand-copy:#afb9aa;--modal-scrim:rgba(0,0,0,.78);
}
html[data-theme="dark"]{
  --navy-950:#111821;--navy-900:#18222e;--navy-800:#253343;
  --blue-700:#79a9f8;--blue-600:#6b9ff3;--blue-100:#17253a;
  --orange-600:#6b9ff3;--orange-500:#82b1ff;--orange-100:#18283f;
  --ink-900:#eef3f8;--ink-700:#c3ced9;--ink-500:#91a0ae;
  --line:#344252;--surface:#171e27;--canvas:#0e131a;
  --soft-surface:#1c2530;--soft-surface-2:#222d39;--field-bg:#111821;--field-border:#3d4b5b;--table-head:#1d2732;--row-border:#2c3744;--row-hover:#1c2631;
  --topbar-bg:rgba(17,24,33,.96);--sidebar-end:#0a0f15;--sidebar-shadow:rgba(0,0,0,.42);--sidebar-muted:#8899aa;--sidebar-text:#d7e0e8;--sidebar-icon:#91a3b5;--sidebar-active-icon:#8fb8ff;
  --sidebar-highlight:rgba(107,159,243,.17);--sidebar-highlight-soft:rgba(107,159,243,.07);--sidebar-highlight-border:rgba(107,159,243,.45);--focus-ring:rgba(107,159,243,.17);--primary-shadow:rgba(107,159,243,.20);
  --on-accent:#08111d;--accent-hover:#9cc0ff;
}
html[data-theme="void"]{
  color-scheme:dark;
  --navy-950:#050705;--navy-900:#0a0d0a;--navy-800:#151a15;
  --blue-700:#2e9d59;--blue-600:#38b66b;--blue-100:#1b2c0c;
  --orange-600:#35aa63;--orange-500:#48bd75;--orange-100:#1c2e0d;
  --ink-900:#eff4ec;--ink-700:#c0c8bc;--ink-500:#8e998a;
  --line:#2b3329;--surface:#111511;--canvas:#080b08;
  --danger-theme:#ff7469;--danger-bg:#321410;--success-theme:#49bf77;--success-bg:#17290b;--warning-theme:#ffd166;--warning-bg:#2b240c;
  --theme-shadow:0 15px 40px rgba(0,0,0,.32);--on-accent:#0a0d08;--accent-hover:#57c982;
  --soft-surface:#151a15;--soft-surface-2:#1b211a;--field-bg:#0d110d;--field-border:#394237;--table-head:#171d17;--row-border:#252d24;--row-hover:#171d16;
  --topbar-bg:rgba(13,17,13,.96);--sidebar-end:#030503;--sidebar-shadow:rgba(0,0,0,.45);--sidebar-muted:#7d8978;--sidebar-text:#bec7bb;--sidebar-icon:#74806f;--sidebar-active-icon:#48bd75;
  --sidebar-highlight:rgba(53,170,99,.15);--sidebar-highlight-soft:rgba(53,170,99,.05);--sidebar-highlight-border:rgba(53,170,99,.48);--focus-ring:rgba(56,182,107,.16);--primary-shadow:rgba(53,170,99,.18);
  --auth-start:#18220d;--auth-end:#020402;--auth-brand-overlay-1:rgba(12,15,12,.96);--auth-brand-overlay-2:rgba(3,5,3,.99);--auth-brand-copy:#afb9aa;--modal-scrim:rgba(0,0,0,.78);
}
html[data-theme="void"]{
  --navy-950:#050705;--navy-900:#0a0d0a;--navy-800:#151a15;
  --blue-700:#2e9d59;--blue-600:#38b66b;--blue-100:#1b2c0c;
  --orange-600:#35aa63;--orange-500:#48bd75;--orange-100:#1c2e0d;
  --ink-900:#eff4ec;--ink-700:#c0c8bc;--ink-500:#8e998a;
  --line:#2b3329;--surface:#111511;--canvas:#080b08;
  --soft-surface:#151a15;--soft-surface-2:#1b211a;--field-bg:#0d110d;--field-border:#394237;--table-head:#171d17;--row-border:#252d24;--row-hover:#171d16;
  --topbar-bg:rgba(13,17,13,.96);--sidebar-end:#030503;--sidebar-shadow:rgba(0,0,0,.45);--sidebar-muted:#7d8978;--sidebar-text:#bec7bb;--sidebar-icon:#74806f;--sidebar-active-icon:#48bd75;
  --sidebar-highlight:rgba(53,170,99,.15);--sidebar-highlight-soft:rgba(53,170,99,.05);--sidebar-highlight-border:rgba(53,170,99,.48);--focus-ring:rgba(56,182,107,.16);--primary-shadow:rgba(53,170,99,.18);
  --on-accent:#0a0d08;--accent-hover:#57c982;
}


/* Void theme surface consistency */
html[data-theme="void"] body:not(.print-document),
html[data-theme="void"] .main-area,
html[data-theme="void"] .content {
    color: var(--ink-900,#e8efe9);
}
html[data-theme="void"] .panel,
html[data-theme="void"] .card,
html[data-theme="void"] .summary-card,
html[data-theme="void"] .metric-card,
html[data-theme="void"] .form-card,
html[data-theme="void"] .filter-card,
html[data-theme="void"] .table-card,
html[data-theme="void"] .details-card,
html[data-theme="void"] .drawer-card,
html[data-theme="void"] .modal-card,
html[data-theme="void"] .modal-content,
html[data-theme="void"] dialog:not(.print-document):not(.print-page),
html[data-theme="void"] .record-modal-card,
html[data-theme="void"] .action-modal-card,
html[data-theme="void"] .buildsuite-system-dialog-card {
    background: var(--surface,#101712);
    border-color: var(--line,#283a2d);
    color: var(--ink-900,#e8efe9);
}
html[data-theme="void"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="void"] select,
html[data-theme="void"] textarea {
    background: var(--field-bg,#0b110d);
    border-color: var(--field-border,#314737);
    color: var(--ink-900,#e8efe9);
}
html[data-theme="void"] input::placeholder,
html[data-theme="void"] textarea::placeholder { color:var(--ink-500,#7f9185); }
html[data-theme="void"] table:not(.print-page table) thead th { background:var(--table-head,#151f18); color:var(--ink-700,#c6d2c9); }
html[data-theme="void"] table:not(.print-page table) tbody tr { background:var(--surface,#101712); }
html[data-theme="void"] table:not(.print-page table) tbody tr:hover { background:var(--row-hover,#131d16); }
html[data-theme="void"] table:not(.print-page table) td { border-color:var(--row-border,#223128); color:var(--ink-900,#e8efe9); }
html[data-theme="void"] .backdrop,
html[data-theme="void"] .modal-backdrop,
html[data-theme="void"] .action-modal-backdrop { background:rgba(0,0,0,.76); }


/* BuildSuite Void theme — unified dark green application finish */
html[data-theme="void"] {
    color-scheme: dark;
    --navy-950:#020604;
    --navy-900:#040a07;
    --navy-800:#08130d;
    --blue-700:#00983f;
    --blue-600:#00b84a;
    --blue-100:#0a2414;
    --orange-600:#00b84a;
    --orange-500:#11c75a;
    --orange-100:#0a2414;
    --ink-900:#edf7f0;
    --ink-700:#c5d7ca;
    --ink-500:#82988a;
    --line:#163923;
    --surface:#07110c;
    --canvas:#020604;
    --soft-surface:#0a1710;
    --soft-surface-2:#0e1d14;
    --field-bg:#040c08;
    --field-border:#1d4a2d;
    --table-head:#0a1710;
    --row-border:#12301e;
    --row-hover:#0d1d13;
    --topbar-bg:rgba(3,9,6,.96);
    --sidebar-end:#010302;
    --sidebar-shadow:rgba(0,0,0,.58);
    --sidebar-muted:#789184;
    --sidebar-text:#d3e3d8;
    --sidebar-icon:#7fa08b;
    --sidebar-active-icon:#18ca60;
    --sidebar-highlight:rgba(0,184,74,.20);
    --sidebar-highlight-soft:rgba(0,184,74,.075);
    --sidebar-highlight-border:rgba(0,184,74,.46);
    --focus-ring:rgba(0,184,74,.17);
    --primary-shadow:rgba(0,184,74,.16);
    --theme-shadow:0 14px 34px rgba(0,0,0,.40);
    --on-accent:#020805;
    --accent-hover:#18c75d;
    --modal-scrim:rgba(0,0,0,.82);
}
html[data-theme="void"] body:not(.print-document),
html[data-theme="void"] .main-area,
html[data-theme="void"] .main-column,
html[data-theme="void"] .content {
    background:#020604;
    color:#edf7f0;
}
html[data-theme="void"] .topbar {
    background:rgba(3,9,6,.96);
    border-color:#12301e;
    box-shadow:0 1px 0 rgba(0,184,74,.05);
}
html[data-theme="void"] .sidebar {
    background:linear-gradient(180deg,#030906 0%,#020604 62%,#010302 100%);
    border-right:1px solid #12301e;
    box-shadow:10px 0 30px rgba(0,0,0,.42);
}
html[data-theme="void"] .sidebar nav>a:hover,
html[data-theme="void"] .sidebar-nav a:hover,
html[data-theme="void"] .nav-list a:hover {
    background:rgba(0,184,74,.08);
    color:#f4faf6;
}
html[data-theme="void"] .sidebar nav>a.active,
html[data-theme="void"] .sidebar-nav a.active,
html[data-theme="void"] .nav-list a.active {
    background:linear-gradient(90deg,rgba(0,184,74,.26),rgba(0,184,74,.08));
    border-color:rgba(0,184,74,.30);
    box-shadow:inset 3px 0 #00b84a;
    color:#f5fbf7;
}
html[data-theme="void"] :is(.panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,.table-card,.details-card,.drawer-card,.dashboard-card,.modal-card,.modal-content,.record-modal-card,.action-modal-card,.buildsuite-system-dialog-card,dialog:not(.print-document):not(.print-page)) {
    background:#07110c;
    border-color:#163923;
    color:#edf7f0;
    box-shadow:0 12px 30px rgba(0,0,0,.28);
}
html[data-theme="void"] :is(.panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,.table-card,.details-card,.drawer-card,.dashboard-card):hover {
    border-color:#1d4d2e;
}
html[data-theme="void"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) {
    background:#040c08;
    border-color:#1d4a2d;
    color:#edf7f0;
}
html[data-theme="void"] :is(input,select,textarea):focus {
    border-color:#00a746;
    box-shadow:0 0 0 3px rgba(0,184,74,.14);
}
html[data-theme="void"] :is(input,textarea)::placeholder {color:#718579;}
html[data-theme="void"] table:not(.print-page table) {background:#07110c;color:#edf7f0;}
html[data-theme="void"] table:not(.print-page table) thead th {background:#0a1710;color:#cfe0d4;border-color:#163923;}
html[data-theme="void"] table:not(.print-page table) tbody tr {background:#07110c;}
html[data-theme="void"] table:not(.print-page table) tbody tr:nth-child(even) {background:#08140e;}
html[data-theme="void"] table:not(.print-page table) tbody tr:hover {background:#0d1d13;}
html[data-theme="void"] table:not(.print-page table) td {color:#e4f0e8;border-color:#12301e;}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button) {
    background:linear-gradient(135deg,#00b84a,#008f3a);
    border-color:#00b84a;
    color:#020805;
    box-shadow:0 8px 18px rgba(0,184,74,.14);
}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button):hover {
    background:linear-gradient(135deg,#13c85a,#00a342);
    border-color:#13c85a;
    color:#020805;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost) {
    background:#0a1710;
    border-color:#1b4329;
    color:#dce9df;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost):hover {
    background:#0e2116;
    border-color:#24703c;
    color:#f2f8f4;
}
html[data-theme="void"] :is(.eyebrow,.nav-icon,.sidebar-link-icon,.metric-card a,.summary-card a,.strong-link) {color:#00b84a;}
html[data-theme="void"] :is(.page-heading p,.panel-heading p,.metric-card span,.summary-card span,.muted,.text-muted,small) {color:#82988a;}
html[data-theme="void"] :is(.backdrop,.modal-backdrop,.action-modal-backdrop,dialog::backdrop) {background:rgba(0,0,0,.82);}

/* BuildSuite Void theme — logo-matched application finish */
@media screen {
html[data-theme="void"]{
    color-scheme:dark;
    --navy-950:#010201;--navy-900:#030503;--navy-800:#080c09;
    --blue-700:#078d09;--blue-600:#0fc80b;--blue-100:#09220a;
    --orange-600:#0fc80b;--orange-500:#16d111;--orange-100:#09220a;
    --ink-900:#eef2ef;--ink-700:#c8cec9;--ink-500:#929c94;
    --line:#16451b;--surface:#080b09;--canvas:#010201;
    --soft-surface:#0d120e;--soft-surface-2:#111813;
    --field-bg:#050805;--field-border:#1a4920;
    --table-head:#0d120e;--row-border:#123817;--row-hover:#0d160f;
    --topbar-bg:rgba(3,5,3,.97);--sidebar-end:#010201;--sidebar-shadow:rgba(0,0,0,.68);
    --sidebar-muted:#89928b;--sidebar-text:#d6dbd7;--sidebar-icon:#9ca59e;
    --sidebar-active-icon:#fff;--sidebar-highlight:rgba(14,218,7,.18);
    --sidebar-highlight-soft:rgba(14,218,7,.055);--sidebar-highlight-border:rgba(14,218,7,.42);
    --focus-ring:rgba(14,218,7,.14);--primary-shadow:rgba(7,141,9,.20);
    --theme-shadow:0 16px 38px rgba(0,0,0,.48);--on-accent:#fff;
    --accent-hover:#16d111;--modal-scrim:rgba(0,0,0,.88);
}
html[data-theme="void"] body:not(.print-document),
html[data-theme="void"] .main-area,
html[data-theme="void"] .main-column,
html[data-theme="void"] .content{
    background:radial-gradient(circle at 84% -14%,rgba(14,218,7,.045),transparent 28%),#010201;
    color:#eef2ef;
}
html[data-theme="void"] .topbar{
    background:rgba(3,5,3,.97);border-color:#123817;box-shadow:0 1px 0 rgba(14,218,7,.035);
}
html[data-theme="void"] .sidebar{
    background:linear-gradient(180deg,#050805 0%,#020402 64%,#010201 100%);
    border-right:1px solid #133b18;box-shadow:11px 0 32px rgba(0,0,0,.48);
}
html[data-theme="void"] :is(.sidebar nav>a,.sidebar-nav a,.nav-list a){color:#d6dbd7;}
html[data-theme="void"] :is(.sidebar nav>a,.sidebar-nav a,.nav-list a):hover{
    background:rgba(14,218,7,.065);color:#fff;
}
html[data-theme="void"] :is(.sidebar nav>a.active,.sidebar-nav a.active,.nav-list a.active){
    background:linear-gradient(90deg,#08750a 0%,#0aa30b 100%);border-color:#0fc80b;
    box-shadow:inset 3px 0 #16de10,0 8px 18px rgba(0,0,0,.22);color:#fff;
}
html[data-theme="void"] :is(
    .panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,
    .table-card,.details-card,.drawer-card,.dashboard-card,.modal-card,.modal-content,
    .record-modal-card,.action-modal-card,.buildsuite-system-dialog-card,
    dialog:not(.print-document):not(.print-page)
){
    background:linear-gradient(155deg,#0b0f0c 0%,#070a08 100%);
    border-color:#16451b;color:#eef2ef;
    box-shadow:0 14px 32px rgba(0,0,0,.33),inset 0 1px 0 rgba(225,233,227,.024);
}
html[data-theme="void"] :is(
    .panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,
    .table-card,.details-card,.drawer-card,.dashboard-card
):hover{border-color:#24852c;}
html[data-theme="void"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
    background:#050805;border-color:#1a4920;color:#eef2ef;
}
html[data-theme="void"] :is(input,select,textarea):focus{
    border-color:#0fc80b;box-shadow:0 0 0 3px rgba(14,218,7,.12);
}
html[data-theme="void"] :is(input,textarea)::placeholder{color:#747e76;}
html[data-theme="void"] table:not(.print-page table){background:#080b09;color:#eef2ef;}
html[data-theme="void"] table:not(.print-page table) thead th{
    background:#0d120e;color:#c8cec9;border-color:#16451b;
}
html[data-theme="void"] table:not(.print-page table) tbody tr{background:#080b09;}
html[data-theme="void"] table:not(.print-page table) tbody tr:nth-child(even){background:#0a0e0b;}
html[data-theme="void"] table:not(.print-page table) tbody tr:hover{background:#0d160f;}
html[data-theme="void"] table:not(.print-page table) td{color:#e3e8e4;border-color:#123817;}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button){
    background:linear-gradient(135deg,#0aa50b,#066d08);border-color:#0fc80b;color:#fff;
    box-shadow:0 8px 18px rgba(7,141,9,.18);
}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button):hover{
    background:linear-gradient(135deg,#0cbb0d,#078d09);border-color:#16d111;color:#fff;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost){
    background:#0d120e;border-color:#1a4920;color:#d7ddd8;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost):hover{
    background:#111a13;border-color:#24852c;color:#fff;
}
html[data-theme="void"] :is(.eyebrow,.nav-icon,.sidebar-link-icon,.metric-card a,.summary-card a,.strong-link){
    color:#0fc80b;
}
html[data-theme="void"] :is(.page-heading p,.panel-heading p,.metric-card span,.summary-card span,.muted,.text-muted,small){
    color:#929c94;
}
html[data-theme="void"] :is(.backdrop,.modal-backdrop,.action-modal-backdrop,dialog::backdrop){
    background:rgba(0,0,0,.88);
}
html[data-theme="void"] [data-theme-logo]{
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.44)) drop-shadow(0 0 7px rgba(14,218,7,.075));
}
}


/* Void visual finish */
@media screen {
html[data-theme="void"] :is(.main-area,.main-column){
    background:
        radial-gradient(ellipse 540px 340px at 100% 0%,rgba(15,200,11,.105) 0%,rgba(7,141,9,.042) 34%,transparent 70%),
        repeating-linear-gradient(135deg,transparent 0 24px,rgba(15,200,11,.012) 24px 25px,transparent 25px 48px),
        #010201;
}

html[data-theme="void"] .content{background:transparent;}
html[data-theme="void"] :is(.metric-grid > article,.summary-grid > article){position:relative;overflow:hidden;}
html[data-theme="void"] :is(.metric-grid > article,.summary-grid > article)::after{
    content:"";
    position:absolute;
    top:-18px;
    right:-18px;
    width:112px;
    height:112px;
    pointer-events:none;
    opacity:.78;
    background:
        radial-gradient(circle at 72% 28%,rgba(22,209,17,.26) 0 2px,transparent 3px),
        linear-gradient(135deg,transparent 34%,rgba(15,200,11,.14) 35% 36%,transparent 37% 49%,rgba(15,200,11,.07) 50% 51%,transparent 52%),
        radial-gradient(circle at 100% 0%,rgba(15,200,11,.16) 0%,rgba(7,141,9,.055) 40%,transparent 72%);
    clip-path:polygon(28% 0,100% 0,100% 100%,72% 100%,46% 54%);
}
html[data-theme="void"] .metric-card{position:relative;overflow:hidden;}
html[data-theme="void"] .metric-card::after{
    content:"";
    position:absolute;
    top:-18px;
    right:-18px;
    width:112px;
    height:112px;
    pointer-events:none;
    opacity:.78;
    background:
        radial-gradient(circle at 72% 28%,rgba(22,209,17,.26) 0 2px,transparent 3px),
        linear-gradient(135deg,transparent 34%,rgba(15,200,11,.14) 35% 36%,transparent 37% 49%,rgba(15,200,11,.07) 50% 51%,transparent 52%),
        radial-gradient(circle at 100% 0%,rgba(15,200,11,.16) 0%,rgba(7,141,9,.055) 40%,transparent 72%);
    clip-path:polygon(28% 0,100% 0,100% 100%,72% 100%,46% 54%);
}
html[data-theme="void"] [data-theme-logo]{
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(15,200,11,.10));
}
}

/* v1.22.26 administration delivery settings width alignment */
.settings-tab-panel>.panel.settings-form-panel{max-width:1050px;margin-inline:auto}

/* v1.22.72 delivery document branding */
.driver-print-module-brand{display:flex;align-items:center;margin:0 0 14px}.driver-print-module-brand img{display:block;max-width:190px;max-height:58px;width:auto;height:auto;object-fit:contain}@media print{.driver-print-module-brand{margin-bottom:10px}.driver-print-module-brand img{max-width:160px;max-height:48px}}