/* StopDash shared product-page shell — backbone 2026-09-12 */
:root{--sd-page:#0D1422;--sd-header:#0A0F1D;--sd-surface:#111827;--sd-surface2:#172033;--sd-text:#F6F8FB;--sd-text2:#CBD5E1;--sd-muted:#94A3B8;--sd-border:#2B3648;--sd-blue:#2563EB;--sd-yellow:#FACC15;--sd-orange:#F97316;--sd-offwhite:#F3F1EA;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sd-page);color:var(--sd-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%;display:block}button,select,input{font:inherit}
:where(a,button,select,input,summary):focus-visible{outline:3px solid var(--sd-yellow);outline-offset:3px;box-shadow:0 0 0 2px var(--sd-header)}
.sd-header{position:sticky;top:0;z-index:40;background:rgba(10,15,29,.98);border-bottom:1px solid #202A3A}.sd-nav{height:82px;max-width:1500px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:20px}.sd-brand{display:block;background:var(--sd-offwhite);border:1px solid #E5E2D8;border-radius:10px;padding:8px 11px;flex:0 0 auto}.sd-brand img{width:168px}.sd-primary{display:flex;align-items:center;gap:5px;margin-left:8px}.sd-primary a{padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--sd-text2);font-weight:750;font-size:.91rem}.sd-primary a:hover,.sd-primary a[aria-current="page"]{background:#172554;color:#fff}.sd-language{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--sd-muted);font-weight:700}.sd-language select{min-height:42px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 10px}.sd-menu{display:none;min-height:42px;border:1px solid #334155;border-radius:8px;background:#111827;color:var(--sd-text);padding:7px 12px;font-weight:800}.sd-mobile{display:none;background:var(--sd-header);border-top:1px solid #202A3A;padding:8px 16px 16px}.sd-mobile a{display:block;padding:12px;text-decoration:none;color:var(--sd-text2);font-weight:750;border-radius:8px}.sd-mobile a:hover,.sd-mobile a[aria-current="page"]{background:#172554;color:#fff}
.sd-frame{max-width:1920px;margin:auto;display:grid;grid-template-columns:clamp(72px,10vw,180px) minmax(0,1180px) clamp(72px,10vw,180px);justify-content:center;gap:clamp(10px,1.5vw,24px);padding:0 clamp(8px,1.2vw,24px)}.sd-ad{position:sticky;top:102px;min-height:600px;margin-top:28px;border:1px dashed #475569;border-radius:12px;background:#0B1220;color:var(--sd-muted);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}.sd-ad span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.sd-ad strong{display:block;color:var(--sd-text2);margin-top:6px}
.sd-main{min-width:0;padding:44px 0 70px}.sd-hero{padding:24px 0 28px}.sd-kicker{margin:0 0 8px;color:var(--sd-text2);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sd-hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:900px}.sd-lead{font-size:clamp(1.02rem,2vw,1.24rem);color:var(--sd-text2);max-width:800px;margin:18px 0 0}.sd-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.sd-badge{border:1px solid #334155;background:#0F172A;color:var(--sd-text2);padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:750}.sd-badge--live{border-color:#93C5FD}.sd-badge--build{border-color:#FACC15;color:#FDE68A}
.sd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.sd-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border-radius:9px;border:1px solid #334155;text-decoration:none;font-weight:850}.sd-button--primary{background:var(--sd-orange);border-color:var(--sd-orange);color:#111827}.sd-button--primary:hover{background:#FB8A2E}.sd-button--secondary{background:#172033;color:var(--sd-text)}.sd-button[aria-disabled="true"]{opacity:.58;cursor:not-allowed}
.sd-section{padding:34px 0;border-top:1px solid #202A3A}.sd-section h2{font-size:clamp(1.45rem,3vw,2.25rem);margin:0 0 10px;letter-spacing:-.025em}.sd-section>p{color:var(--sd-text2);max-width:820px}.sd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.sd-card{display:flex;flex-direction:column;gap:10px;min-height:180px;padding:20px;border:1px solid var(--sd-border);border-radius:12px;background:var(--sd-surface);text-decoration:none}.sd-card:hover{border-color:#475569;background:#141E31}.sd-card h3{margin:0;font-size:1.08rem}.sd-card p{margin:0;color:var(--sd-muted)}.sd-card .sd-card-link{margin-top:auto;color:#93C5FD;font-weight:800}.sd-card[aria-disabled="true"] .sd-card-link{color:var(--sd-muted)}
.sd-status{margin-top:22px;padding:16px 18px;border:1px solid #4B5563;border-left:4px solid var(--sd-yellow);border-radius:10px;background:#171A20}.sd-status strong{display:block;color:#FDE68A}.sd-status p{margin:5px 0 0;color:var(--sd-text2)}
.sd-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.sd-price{padding:24px;border:1px solid var(--sd-border);border-radius:13px;background:var(--sd-surface)}.sd-price--pro{border-color:#475569}.sd-price h3{margin:0}.sd-price-number{font-size:2.15rem;font-weight:900;margin:12px 0 2px}.sd-price small{color:var(--sd-muted)}.sd-price ul{padding-left:20px;color:var(--sd-text2)}
.sd-legal{max-width:850px}.sd-legal h2{margin-top:34px}.sd-legal p,.sd-legal li{color:var(--sd-text2)}
.sd-footer{border-top:1px solid #202A3A;background:#0A0F1D}.sd-footer-inner{max-width:1500px;margin:auto;padding:30px 22px;display:grid;grid-template-columns:minmax(210px,1fr) 2fr;gap:28px}.sd-footer-brand img{width:180px;background:var(--sd-offwhite);padding:8px;border-radius:9px}.sd-footer-brand p{color:var(--sd-muted);max-width:330px}.sd-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sd-footer-nav strong{display:block;margin-bottom:8px}.sd-footer-nav a{display:block;text-decoration:none;color:var(--sd-muted);padding:3px 0}.sd-footer-nav a:hover{color:var(--sd-text)}.sd-footnote{grid-column:1/-1;color:#64748B;font-size:.82rem;margin:0}
@media(max-width:1050px){.sd-primary a{padding:8px 7px;font-size:.84rem}.sd-brand img{width:148px}.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.sd-primary{display:none}.sd-menu{display:block}.sd-mobile[data-open="true"]{display:block}.sd-frame{display:block;padding:0 20px}.sd-ad{display:none}.sd-main{padding-top:26px}.sd-grid,.sd-price-grid{grid-template-columns:1fr}.sd-footer-inner{grid-template-columns:1fr}.sd-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sd-nav{height:72px;padding:0 14px;gap:10px}.sd-brand{padding:6px 8px}.sd-brand img{width:138px}.sd-language span{display:none}.sd-language select{max-width:104px;font-size:.84rem}.sd-frame{padding:0 16px}.sd-main{padding-bottom:52px}.sd-hero{padding-top:16px}.sd-actions .sd-button{width:100%}.sd-footer-inner{padding:26px 16px}.sd-footer-nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Timeline local import tool v1 */
.timeline-tool{padding:24px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-surface);margin:10px 0 34px}.timeline-tool-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.timeline-tool-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.timeline-private{max-width:330px;display:grid;gap:3px;padding:11px 13px;border:1px solid #334155;border-radius:9px;background:#0F172A;color:var(--sd-text2);font-size:.86rem}.timeline-private strong{color:#FDE68A}.timeline-drop{margin-top:20px;min-height:170px;border:2px dashed #475569;border-radius:12px;background:#0B1220;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;cursor:pointer;padding:24px}.timeline-drop:hover,.timeline-drop.is-dragging{border-color:#93C5FD;background:#0F1A31}.timeline-drop-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#172554;color:#fff;font-size:1.35rem}.timeline-drop span:last-of-type{color:var(--sd-muted)}.timeline-status{margin-top:16px;padding:12px 14px;border-radius:9px;border-left:4px solid var(--sd-yellow);background:#29230D;color:#FDE68A}.timeline-status.is-error{border-left-color:#F97316;background:#2A1A11;color:#FED7AA}.timeline-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:11px;overflow:hidden;margin-top:20px}.timeline-summary>div{padding:13px 14px;background:#0F172A;display:grid;gap:3px}.timeline-summary span{font-size:.78rem;color:var(--sd-muted);font-weight:800}.timeline-summary strong{font-size:1.02rem}.timeline-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.timeline-filter-row{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:18px 0 10px}.timeline-filter-row label{display:grid;gap:4px;font-size:.82rem;color:var(--sd-muted);font-weight:800}.timeline-filter-row select{min-height:40px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 10px}.timeline-filter-row p{margin:0;color:var(--sd-muted)}.timeline-table-wrap{overflow:auto;border:1px solid var(--sd-border);border-radius:10px}.timeline-table{width:100%;border-collapse:collapse;min-width:700px}.timeline-table th,.timeline-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #202A3A}.timeline-table th{background:#0A0F1D;color:var(--sd-text2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}.timeline-table td{color:var(--sd-text2);font-size:.9rem}.timeline-table tbody tr:last-child td{border-bottom:0}.timeline-note{color:var(--sd-muted);font-size:.84rem;margin:11px 0 0}.sd-badge--live{border-color:#93C5FD!important;color:#DBEAFE}
@media(max-width:820px){.timeline-tool{padding:18px}.timeline-tool-head{display:grid}.timeline-private{max-width:none}.timeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.timeline-summary{grid-template-columns:1fr}.timeline-actions .sd-button{width:100%}.timeline-filter-row{align-items:stretch;flex-direction:column}}


/* Mileage local ledger v1 */
.mileage-tool{padding:24px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-surface);margin:10px 0 34px}.mileage-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.mileage-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.mileage-private{max-width:330px;display:grid;gap:3px;padding:11px 13px;border:1px solid #334155;border-radius:9px;background:#0F172A;color:var(--sd-text2);font-size:.86rem}.mileage-private strong{color:#FDE68A}.mileage-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.mileage-form label,.mileage-filter label{display:grid;gap:5px;color:var(--sd-muted);font-size:.8rem;font-weight:800}.mileage-form input,.mileage-form select,.mileage-filter select{width:100%;min-height:42px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:7px 9px}.mileage-distance-input{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px}.mileage-notes{grid-column:span 2}.mileage-form-actions{display:flex;align-items:end}.mileage-form-actions .sd-button{width:100%;border:0}.mileage-import-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 0;padding:14px 16px;border:1px solid #334155;border-radius:10px;background:#0F172A}.mileage-import-row>div{display:grid;gap:3px}.mileage-import-row span{color:var(--sd-muted);font-size:.86rem}.mileage-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:11px;overflow:hidden;margin-top:20px}.mileage-summary>div{padding:12px 13px;background:#0F172A;display:grid;gap:3px}.mileage-summary span{font-size:.76rem;color:var(--sd-muted);font-weight:800}.mileage-summary strong{font-size:1rem}.mileage-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:16px 0 10px}.mileage-filter,.mileage-actions{display:flex;gap:9px;align-items:end}.mileage-filter select{min-width:130px}.mileage-table select{min-height:34px;border:1px solid #334155;border-radius:7px;background:#0F172A;color:var(--sd-text);padding:4px 7px}.mileage-delete{border:1px solid #475569;border-radius:7px;background:#172033;color:var(--sd-text);min-height:34px;padding:4px 8px;font-weight:800}.mileage-delete:hover{border-color:#F97316}.mileage-empty{padding:20px;text-align:center;color:var(--sd-muted);border:1px dashed #475569;border-radius:9px}.mileage-source{font-size:.78rem;color:var(--sd-muted)}
@media(max-width:900px){.mileage-form{grid-template-columns:repeat(2,minmax(0,1fr))}.mileage-notes{grid-column:auto}.mileage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mileage-tool{padding:18px}.mileage-head{display:grid}.mileage-private{max-width:none}.mileage-form{grid-template-columns:1fr}.mileage-import-row,.mileage-toolbar{align-items:stretch;flex-direction:column}.mileage-filter,.mileage-actions{align-items:stretch;flex-direction:column}.mileage-actions .sd-button,.mileage-import-row .sd-button{width:100%}.mileage-summary{grid-template-columns:1fr}}


/* Work Mode local session v1 */
.work-tool{padding:24px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-surface);margin:10px 0 34px}.work-tool-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.work-tool-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.work-start-panel{margin-top:20px}.work-start-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.work-start-grid label,.work-fields label{display:grid;gap:5px;color:var(--sd-muted);font-size:.8rem;font-weight:800}.work-start-grid select,.work-fields input{min-height:42px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:7px 9px;width:100%}.work-disclaimer{color:var(--sd-muted);font-size:.84rem;margin:12px 0 0}.work-active-banner{margin-top:20px;display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid #334155;border-left:4px solid #93C5FD;border-radius:10px;background:#0F172A}.work-active-banner>div{display:grid;gap:2px}.work-active-banner span,.work-active-banner small{color:var(--sd-muted)}#work-elapsed{font-size:1.8rem;font-variant-numeric:tabular-nums}.work-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}.work-grid section{padding:17px;border:1px solid var(--sd-border);border-radius:10px;background:#0F172A}.work-grid h3{margin:0 0 12px}.work-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-live-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:10px;overflow:hidden;margin-top:14px}.work-live-summary>div{background:#0F172A;padding:12px 13px;display:grid;gap:3px}.work-live-summary span{color:var(--sd-muted);font-size:.78rem;font-weight:800}.work-live-summary strong{font-size:1.02rem}.work-active-actions{display:flex;gap:9px;margin-top:14px}.work-history{margin-top:28px;padding-top:24px;border-top:1px solid #202A3A}.work-history-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.work-history-head h3{margin:0}.work-history-head p{margin:3px 0 0;color:var(--sd-muted)}.work-history-head>div:last-child{display:flex;gap:8px}.work-money-positive{color:#BBF7D0!important}.work-money-negative{color:#FED7AA!important}
@media(max-width:900px){.work-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}.work-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.work-tool{padding:18px}.work-tool-head,.work-active-banner,.work-history-head{display:grid}.work-start-grid,.work-fields,.work-live-summary{grid-template-columns:1fr}.work-active-actions,.work-history-head>div:last-child{flex-direction:column}.work-active-actions .sd-button,.work-history-head .sd-button{width:100%}}


/* Gig local analytics v1 */
.gig-tool{padding:24px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-surface);margin:10px 0 34px}.gig-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.gig-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.gig-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:20px 0}.gig-controls label{display:grid;gap:5px;color:var(--sd-muted);font-size:.8rem;font-weight:800}.gig-controls select,.gig-controls input{min-width:135px;min-height:42px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:7px 9px}.gig-empty{padding:26px;border:1px dashed #475569;border-radius:10px;text-align:center;color:var(--sd-text2)}.gig-empty p{color:var(--sd-muted);margin:5px auto 0;max-width:600px}.gig-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:11px;overflow:hidden}.gig-summary>div{background:#0F172A;padding:12px 13px;display:grid;gap:3px}.gig-summary span{font-size:.76rem;color:var(--sd-muted);font-weight:800}.gig-summary strong{font-size:1.02rem}.gig-platform-title{margin:24px 0 10px}
@media(max-width:900px){.gig-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.gig-tool{padding:18px}.gig-head{display:grid}.gig-controls{align-items:stretch;flex-direction:column}.gig-controls select,.gig-controls input,.gig-controls .sd-button{width:100%}.gig-summary{grid-template-columns:1fr}}

.gig-import{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:14px 16px;border:1px solid #334155;border-radius:10px;background:#0F172A}.gig-import>div:first-child{display:grid;gap:3px}.gig-import span{color:var(--sd-muted);font-size:.86rem}.gig-import-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:760px){.gig-import{align-items:stretch;flex-direction:column}.gig-import-actions{flex-direction:column}.gig-import-actions .sd-button{width:100%}}


/* Shareable Insights modal */
.sd-share-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}.sd-share-modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#111827;border:1px solid #334155;border-radius:15px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.45)}.sd-share-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.sd-share-head h2{margin:0}.sd-share-close{width:40px;height:40px;border-radius:8px;border:1px solid #475569;background:#172033;color:#F6F8FB;font-size:1.5rem}.sd-share-copy{color:#94A3B8}.sd-share-preview{padding:22px;border:1px solid #2B3648;border-radius:12px;background:#0D1422;display:grid;gap:8px}.sd-share-preview>strong{font-size:1.45rem}.sd-share-preview>span{color:#CBD5E1}.sd-share-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.sd-share-metrics>div{padding:11px;border-radius:8px;background:#0F172A;display:grid;gap:2px}.sd-share-metrics span{color:#94A3B8;font-size:.78rem}.sd-share-sensitive{display:flex;gap:8px;align-items:center;margin:14px 0;color:#CBD5E1}.sd-share-sensitive input{width:18px;height:18px}.sd-share-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:520px){.sd-share-metrics{grid-template-columns:1fr}.sd-share-actions{flex-direction:column}.sd-share-actions .sd-button{width:100%}}

.timeline-filter-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.timeline-filter-controls label{display:grid;gap:4px}.timeline-filter-controls input{min-height:40px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 9px}.timeline-filter-controls .sd-button{min-height:40px;padding:7px 12px}
@media(max-width:640px){.timeline-filter-row{align-items:stretch}.timeline-filter-controls{display:grid;grid-template-columns:1fr 1fr}.timeline-filter-controls label:first-child,.timeline-filter-controls .sd-button{grid-column:1/-1}.timeline-filter-controls select,.timeline-filter-controls input{width:100%}}

/* Basic local reporting — Timeline + Mileage */
.timeline-filter-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:10px;overflow:hidden;margin:10px 0 14px}.timeline-filter-summary>div{padding:10px 12px;background:#0F172A;display:grid;gap:2px}.timeline-filter-summary span{font-size:.74rem;color:var(--sd-muted);font-weight:800}.timeline-filter-summary strong{font-size:.95rem}.mileage-reporting{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:20px;padding:14px 16px;border:1px solid #334155;border-radius:10px;background:#0F172A}.mileage-reporting>div:first-child{display:grid;gap:3px}.mileage-view-count{color:var(--sd-muted);font-size:.82rem}.mileage-range-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.mileage-range-controls label{display:grid;gap:4px;color:var(--sd-muted);font-size:.8rem;font-weight:800}.mileage-range-controls select,.mileage-range-controls input{min-height:40px;border:1px solid #334155;border-radius:8px;background:#111827;color:var(--sd-text);padding:6px 9px}@media(max-width:760px){.mileage-reporting{align-items:stretch;flex-direction:column}.mileage-range-controls{display:grid;grid-template-columns:1fr 1fr}.mileage-range-controls label:first-child{grid-column:1/-1}.mileage-range-controls select,.mileage-range-controls input{width:100%}}@media(max-width:520px){.timeline-filter-summary{grid-template-columns:1fr}.mileage-range-controls{grid-template-columns:1fr}.mileage-range-controls label:first-child{grid-column:auto}}

.timeline-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px 0 0}.timeline-pagination .sd-button{min-height:38px;padding:6px 12px}.timeline-pagination span{min-width:110px;text-align:center;color:var(--sd-muted);font-size:.84rem;font-weight:800}.timeline-pagination button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:520px){.timeline-pagination{display:grid;grid-template-columns:1fr auto 1fr}.timeline-pagination .sd-button{width:100%}}


/* Mileage edit + Business dashboard v1 */
.mileage-form-actions{gap:8px;flex-wrap:wrap}.mileage-form-actions .sd-button{flex:1;min-width:140px}.mileage-row-actions{display:flex;gap:6px;white-space:nowrap}
.business-dashboard{padding:24px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-surface);margin:10px 0 34px}.business-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.business-dashboard-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.business-dashboard-head p{margin:6px 0 0;color:var(--sd-text2);max-width:720px}.business-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:20px 0 12px}.business-controls label{display:grid;gap:4px;color:var(--sd-muted);font-size:.78rem;font-weight:800}.business-controls select,.business-controls input{width:100%;min-height:40px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 9px}.business-currency-note{margin:0 0 12px;padding:10px 12px;border-left:4px solid var(--sd-yellow);border-radius:8px;background:#29230D;color:#FDE68A}.business-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:11px;overflow:hidden}.business-summary>div,.business-secondary article{padding:12px 13px;background:#0F172A;display:grid;gap:3px}.business-summary span,.business-secondary span{font-size:.75rem;color:var(--sd-muted);font-weight:800}.business-summary strong,.business-secondary strong{font-size:1rem}.business-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.business-secondary article{border:1px solid #334155;border-radius:9px}.business-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.business-source-grid article{padding:14px;border:1px solid #334155;border-radius:10px;background:#0B1220;display:grid;gap:5px}.business-source-grid span{color:var(--sd-muted);font-size:.86rem}.business-source-grid a{color:#93C5FD;font-weight:800;text-decoration:none;margin-top:3px}
@media(max-width:1050px){.business-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.business-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.business-dashboard{padding:18px}.business-dashboard-head{display:grid}.business-controls{grid-template-columns:1fr 1fr}.business-controls label:first-child{grid-column:1/-1}.business-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.business-secondary,.business-source-grid{grid-template-columns:1fr}.mileage-row-actions{flex-direction:column}}
@media(max-width:480px){.business-controls,.business-summary{grid-template-columns:1fr}.business-controls label:first-child{grid-column:auto}}

.business-report-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.business-report-context{display:block;color:var(--sd-muted);font-size:.84rem;margin-top:7px}
@media(max-width:700px){.business-report-actions{justify-content:stretch}.business-report-actions .sd-button{width:100%}}
@media print{body[data-page="business"]{background:#fff;color:#111827}body[data-page="business"] .sd-header,body[data-page="business"] .sd-ad,body[data-page="business"] .sd-footer,body[data-page="business"] .sd-hero,body[data-page="business"] .sd-section,body[data-page="business"] .business-controls,body[data-page="business"] .business-report-actions,body[data-page="business"] .business-source-grid{display:none!important}body[data-page="business"] .sd-frame{display:block;padding:0}body[data-page="business"] .sd-main{max-width:none;padding:0}body[data-page="business"] .business-dashboard{border:0;background:#fff;color:#111827;padding:0;margin:0}body[data-page="business"] .business-dashboard-head p,body[data-page="business"] .business-report-context{color:#475569}body[data-page="business"] .business-summary,body[data-page="business"] .business-secondary{border-color:#CBD5E1;background:#CBD5E1}body[data-page="business"] .business-summary>div,body[data-page="business"] .business-secondary article{background:#fff;color:#111827;border-color:#CBD5E1}body[data-page="business"] .business-summary span,body[data-page="business"] .business-secondary span{color:#475569}body[data-page="business"] .business-currency-note{color:#111827;background:#fff;border-color:#64748B}}

.timeline-mileage-class{display:grid;gap:4px;color:var(--sd-muted);font-size:.78rem;font-weight:800;min-width:140px}.timeline-mileage-class select{min-height:40px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 9px}
@media(max-width:520px){.timeline-mileage-class{width:100%}.timeline-mileage-class select{width:100%}}


/* Device-local account data controls */
.account-data{padding:24px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-surface);margin:10px 0 34px}.account-data-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.account-data-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.account-data-head p{max-width:760px;color:var(--sd-text2)}.account-private-warning{margin:18px 0;padding:13px 15px;border-left:4px solid var(--sd-yellow);border-radius:9px;background:#29230D}.account-private-warning strong{color:#FDE68A}.account-private-warning p{margin:4px 0 0;color:#FDE68A}.account-data-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--sd-border);border:1px solid var(--sd-border);border-radius:10px;overflow:hidden;margin:10px 0 16px}.account-data-summary>div{padding:11px 12px;background:#0F172A;display:grid;gap:3px}.account-data-summary span{font-size:.75rem;color:var(--sd-muted);font-weight:800}.account-data-summary strong{font-size:1rem}.account-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-data-grid article{padding:17px;border:1px solid #334155;border-radius:10px;background:#0B1220;display:flex;flex-direction:column;gap:10px}.account-data-grid h3{margin:0}.account-data-grid p{margin:0;color:var(--sd-muted)}.account-data-grid .sd-button{margin-top:auto}.account-check{display:flex;gap:9px;align-items:flex-start;color:var(--sd-text);cursor:pointer}.account-check input{margin-top:3px}.account-check span{display:grid;gap:3px}.account-check small{color:var(--sd-muted);font-weight:400}.account-file{text-align:center;cursor:pointer}.account-restore-summary{font-size:.84rem!important}.account-danger{border-color:#7C2D12!important}.account-danger .sd-button:hover{border-color:var(--sd-orange)}
@media(max-width:950px){.account-data-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.account-data-grid{grid-template-columns:1fr}}
@media(max-width:640px){.account-data{padding:18px}.account-data-head{display:grid}.account-data-summary{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.account-data-summary{grid-template-columns:1fr}}

.timeline-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:12px 13px;border:1px solid #334155;border-radius:9px;background:#0B1220}.timeline-selection-bar>div:first-child{display:grid;gap:3px}.timeline-selection-bar span{color:var(--sd-muted);font-size:.82rem}.timeline-selection-bar>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.timeline-select-col{width:44px!important;min-width:44px;text-align:center!important}.timeline-select-col input{width:18px;height:18px;accent-color:var(--sd-blue)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:640px){.timeline-selection-bar{align-items:stretch;flex-direction:column}.timeline-selection-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.timeline-selection-bar .sd-button{width:100%}}
@media(max-width:420px){.timeline-selection-bar>div:last-child{grid-template-columns:1fr}}

.work-edit-panel{margin:18px 0;padding:18px;border:1px solid #334155;border-left:4px solid var(--sd-blue);border-radius:10px;background:#0B1220}.work-edit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.work-edit-head h3{margin:0;font-size:1.25rem}.work-edit-head p{margin:5px 0 0;color:var(--sd-muted)}.work-edit-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0}.work-edit-meta label{display:grid;gap:4px;color:var(--sd-muted);font-size:.78rem;font-weight:800}.work-edit-meta input,.work-edit-meta select{width:100%;min-height:40px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 9px}.work-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}
@media(max-width:1000px){.work-edit-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.work-edit-head{display:grid}.work-edit-meta{grid-template-columns:1fr 1fr}.work-edit-actions{display:grid;grid-template-columns:1fr 1fr}.work-edit-actions .sd-button{width:100%}}@media(max-width:420px){.work-edit-meta,.work-edit-actions{grid-template-columns:1fr}}

.gig-imported-section{margin-top:22px;padding-top:18px;border-top:1px solid #334155}.gig-imported-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.gig-imported-head h3{margin:0}.gig-imported-head p{margin:4px 0 0;color:var(--sd-muted);font-size:.86rem}.gig-imported-head>strong{min-width:36px;height:32px;display:grid;place-items:center;border:1px solid #334155;border-radius:999px;background:#0F172A;color:var(--sd-text)}
@media(max-width:640px){.gig-imported-head{align-items:center}}

.help-guide-intro{max-width:840px;color:var(--sd-text2);margin:-6px 0 18px}.help-quick-links{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.help-quick-links a{display:inline-flex;align-items:center;min-height:40px;padding:7px 11px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);text-decoration:none;font-weight:800}.help-quick-links a:hover{border-color:#64748B}.help-faq{display:grid;gap:9px}.help-faq details{border:1px solid #334155;border-radius:10px;background:#0F172A;overflow:hidden}.help-faq summary{cursor:pointer;padding:14px 16px;font-weight:850;color:var(--sd-text);list-style-position:inside}.help-faq details[open] summary{border-bottom:1px solid #273449;background:#111C2F}.help-faq p{margin:0;padding:14px 16px;color:var(--sd-text2);line-height:1.65}.help-faq summary:focus-visible{outline:3px solid var(--sd-yellow);outline-offset:-3px}

.sd-price-label{font-size:.72rem;font-weight:900;letter-spacing:.08em;color:#FDE68A;margin-bottom:8px}.sd-price-save{margin:10px 0 0;padding:9px 11px;border-left:3px solid var(--sd-yellow);background:#29230D;color:#FDE68A;border-radius:6px;font-size:.86rem}.sd-price .sd-button{margin-top:12px;width:100%}.sd-pricing-note{margin-top:16px;padding:12px 14px;border:1px solid #334155;border-radius:9px;background:#0F172A;color:var(--sd-muted);font-size:.88rem}.sd-compare-wrap{overflow:auto;border:1px solid var(--sd-border);border-radius:11px;margin-top:18px}.sd-compare{width:100%;min-width:680px;border-collapse:collapse}.sd-compare th,.sd-compare td{padding:12px 14px;border-bottom:1px solid #263244;text-align:left}.sd-compare thead th{background:#0A0F1D;color:var(--sd-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.sd-compare tbody th{background:#0F172A;color:var(--sd-text2);font-weight:800}.sd-compare tbody td{background:#111827;color:var(--sd-text2)}.sd-compare tbody tr:last-child th,.sd-compare tbody tr:last-child td{border-bottom:0}.sd-faq-list{display:grid;gap:9px;margin-top:18px}.sd-faq-list details{border:1px solid var(--sd-border);border-radius:10px;background:var(--sd-surface);padding:0 15px}.sd-faq-list summary{cursor:pointer;padding:14px 0;font-weight:850}.sd-faq-list p{margin:0;padding:0 0 15px;color:var(--sd-muted)}

.timeline-completeness{margin:8px 0 0;color:var(--sd-muted);font-size:.82rem}.timeline-select-col input:disabled{opacity:.38;cursor:not-allowed}

.work-history-filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin:14px 0}.work-history-filters label{display:grid;gap:4px;color:var(--sd-muted);font-size:.8rem;font-weight:800}.work-history-filters select,.work-history-filters input{min-height:40px;border:1px solid #334155;border-radius:8px;background:#0F172A;color:var(--sd-text);padding:6px 9px}.work-history-count{margin-left:auto;color:var(--sd-muted);font-size:.84rem;font-weight:800;padding-bottom:10px}@media(max-width:760px){.work-history-filters{display:grid;grid-template-columns:1fr 1fr}.work-history-filters label:first-child,.work-history-filters .sd-button,.work-history-count{grid-column:1/-1}.work-history-filters select,.work-history-filters input{width:100%}.work-history-count{margin-left:0;padding-bottom:0}}@media(max-width:480px){.work-history-filters{grid-template-columns:1fr}}

.sd-skip-link{position:fixed;left:12px;top:10px;z-index:2000;transform:translateY(-160%);padding:10px 14px;border:2px solid #FACC15;border-radius:8px;background:#111827;color:#F6F8FB;font-weight:850;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.35)}.sd-skip-link:focus{transform:translateY(0);outline:3px solid #FACC15;outline-offset:2px}

/* Accessible narrow-screen data-table scrolling — 2026-09-12 */
.timeline-table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.timeline-table-wrap:focus-visible,.sd-compare-wrap:focus-visible{outline:3px solid var(--sd-yellow);outline-offset:3px}

/* Mobile no-zoom + forced-colors accessibility — 2026-09-12 */
@media(max-width:520px){.sd-language select{font-size:16px;max-width:118px}}
@media(forced-colors:active){
  :where(a,button,select,input,summary):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}
  .sd-primary a[aria-current="page"],.sd-mobile a[aria-current="page"]{outline:2px solid Highlight;outline-offset:2px}
  .sd-badge--live,.sd-badge--build,.timeline-status,.timeline-status.is-error,.business-currency-note,.account-private-warning,.sd-price-save{border:2px solid CanvasText!important}
  .timeline-select-col input:checked{outline:2px solid Highlight;outline-offset:2px}
  .sd-button--primary{border:2px solid ButtonText}
  .sd-share-close,.mileage-delete{border-color:ButtonText}
}