.fg-landing{min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--fg-navy, #1f2937)}.fg-landing-hero{min-height:100vh;color:#fff;background:linear-gradient(#0f172ab3,#0f172ab8),url(/roadscene.webp);background-size:cover;background-position:center 85%;background-repeat:no-repeat}.fg-landing-hero-inner,.fg-landing-section-inner{width:100%;max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.fg-landing-hero-inner{padding-top:48px;padding-bottom:72px}.fg-landing-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.fg-landing-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.fg-landing-brand img{display:block;width:22px;height:22px}.fg-landing-brand span{font-size:22px;line-height:1;font-weight:700;color:#fff}.fg-landing-brand strong{font-weight:800}.fg-landing-nav{display:flex;align-items:center;gap:18px}.fg-landing-nav a{color:#e2e8f0;text-decoration:none;font-size:14px;font-weight:600}.fg-landing-nav a:hover{color:#fff}.fg-landing-nav-login{border:1px solid rgba(226,232,240,.75);border-radius:999px;padding:8px 18px}.fg-landing-hero-copy{max-width:660px;margin-top:48px}.fg-landing-eyebrow{margin:0 0 18px;color:#34d399;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.fg-landing-eyebrow-dark{color:var(--fg-muted-strong, #334155)}.fg-landing h1{margin:0;max-width:640px;color:#fff;font-size:38px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.fg-landing-lead{margin:20px 0 0;max-width:640px;color:#e2e8f0;font-size:17px;line-height:1.6}.fg-landing-list{margin:30px 0 0;padding-left:18px;color:#e2e8f0;font-size:16px;line-height:1.8}.fg-landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.fg-landing-actions .button,.fg-landing-email-row .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.fg-landing-primary-button{min-width:132px;background:#fff;color:var(--fg-navy, #1f2937);border-color:#fff}.fg-landing-primary-button:hover{background:#f8fafc;color:var(--fg-navy-dark, #111827)}.fg-landing-login-button{min-width:104px;background:#ffffff14;color:#fff;border-color:#e2e8f0bf}.fg-landing-login-button:hover{background:#ffffff24}.fg-landing-section{background:#f8fafc;color:var(--fg-text, #0f172a);padding:70px 0}.fg-landing-section-intro{max-width:760px}.fg-landing-section h2,.fg-landing-demo-section h2{margin:0;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.02em}.fg-landing-section p{color:var(--fg-muted-strong, #334155);font-size:16px;line-height:1.6}.fg-landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.fg-landing-feature-card{min-height:236px;padding:22px 24px}.fg-landing-feature-card h3{margin:0 0 10px;color:var(--fg-text, #0f172a);font-size:20px;line-height:1.25}.fg-landing-feature-card p{margin:0;color:var(--fg-muted-strong, #334155);font-size:15px;line-height:1.55}.fg-landing-feature-list{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--fg-border, #e2e8f0);list-style:none}.fg-landing-feature-list li{position:relative;margin:8px 0 0;padding-left:18px;color:var(--fg-muted-strong, #334155);font-size:14px;line-height:1.35}.fg-landing-feature-list li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:999px;background:var(--fg-navy, #1f2937);transform:translateY(-50%)}.fg-landing-demo-section{padding:70px 0;color:#fff;background:var(--fg-navy-dark, #111827)}.fg-landing-demo-panel{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:center}.fg-landing-demo-copy p{max-width:620px;color:#e2e8f0;font-size:16px;line-height:1.6}.fg-landing-demo-card{border:1px solid rgba(226,232,240,.28);border-radius:12px;background:#ffffff0a;padding:22px}.fg-landing-demo-card h3{margin:0 0 8px;color:#fff;font-size:20px;line-height:1.2}.fg-landing-demo-card-text{margin:0 0 16px;color:#cbd5e1;font-size:14px;line-height:1.5}.fg-landing-email-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid rgba(226,232,240,.28);border-radius:10px;background:#0f172a8c}.fg-landing-email-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;font-weight:600}.fg-landing-email-row .button{min-height:32px;padding:5px 10px;font-size:13px}.fg-landing-demo-small{margin:14px 0 0;color:#cbd5e1;font-size:13px}.fg-landing-demo-small a{color:#fff;font-weight:700}@media(max-width:900px){.fg-landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-landing-demo-panel{grid-template-columns:1fr}.fg-landing-demo-card{max-width:420px}}@media(max-width:640px){.fg-landing-hero{min-height:auto;background:var(--fg-navy, #1f2937)}.fg-landing-hero-inner{padding:24px 24px 52px}.fg-landing-header{align-items:flex-start}.fg-landing-nav{gap:10px}.fg-landing-nav a:not(.fg-landing-nav-login){display:none}.fg-landing-hero-copy{margin-top:32px}.fg-landing h1{font-size:28px}.fg-landing-lead,.fg-landing-list{font-size:15px}.fg-landing-section,.fg-landing-demo-section{padding:48px 0}.fg-landing-section h2,.fg-landing-demo-section h2{font-size:28px}.fg-landing-feature-grid,.fg-landing-email-row{grid-template-columns:1fr}.fg-landing-email-row .button{width:100%}}.incident-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--fg-border, #e2e8f0)}.incident-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.incident-panel__header h2{margin:0;color:var(--fg-text, #0f172a)}.incident-panel__header p{margin:4px 0 0;color:var(--fg-muted, #64748b)}.incident-empty{margin-top:14px;padding:16px;border:1px dashed var(--fg-border-strong, #cbd5e1);border-radius:6px;color:var(--fg-muted, #64748b);text-align:center;background:#fff}.incident-history{margin-top:14px;border:1px solid var(--fg-border, #e2e8f0);border-radius:6px;overflow:hidden;background:#fff}.incident-history__row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:0;border-bottom:1px solid #f1f5f9;background:#fff;color:var(--fg-text, #0f172a);text-align:left;cursor:pointer}.incident-history__row:nth-child(2n){background:#fafafa}.incident-history__row:last-child{border-bottom:0}.incident-history__row:hover,.incident-history__row:focus-visible{background:var(--fg-soft, #f8fafc)}.incident-history__row>div:first-child{display:grid;gap:3px;min-width:0}.incident-history__row span{color:var(--fg-muted, #64748b);font-size:13px}.incident-history__meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.incident-status{display:inline-flex;align-items:center;width:fit-content;border:1px solid transparent;border-radius:999px;padding:2px 7px;font-size:11px!important;font-weight:700;line-height:1.2;white-space:nowrap}.incident-status--draft{border-color:#cbd5e1;color:#475569!important;background:#f8fafc}.incident-status--open{border-color:#fde68a;color:#92400e!important;background:#fef3c7}.incident-status--completed{border-color:#bbf7d0;color:#166534!important;background:#dcfce7}.incident-modal-backdrop{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#00000059}.incident-modal{width:100%;max-width:760px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 12px 30px #00000040}.incident-modal__header,.incident-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;flex-shrink:0;background:#fff}.incident-modal__header{border-bottom:1px solid #e5e7eb}.incident-modal__header h2{margin:0;color:var(--fg-text, #0f172a);font-size:18px;font-weight:600}.incident-modal__footer{justify-content:flex-end;border-top:1px solid #e5e7eb}.incident-report-actions{display:flex;gap:8px;margin-right:auto}.incident-modal__eyebrow{margin-bottom:2px;color:var(--fg-muted, #64748b);font-size:12px}.incident-close{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#334155;font-size:18px;line-height:1;cursor:pointer}.incident-close:hover{background:#f1f5f9}.incident-modal__body{min-height:0;overflow-x:hidden;overflow-y:auto;padding:22px;background:#fff}.incident-notice,.incident-readonly,.incident-error,.incident-success{border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.4}.incident-notice{margin-bottom:12px;border:1px solid #fde68a;color:#92400e;background:#fffbeb}.incident-readonly{margin-bottom:12px;border:1px solid #cbd5e1;color:#334155;background:#f8fafc}.incident-readonly--panel{margin:14px 0 0}.incident-error{margin-top:14px;border:1px solid #fecaca;color:#991b1b;background:#fef2f2;font-weight:600}.incident-success{margin-top:14px;border:1px solid #bbf7d0;color:#166534;background:#f0fdf4;font-weight:600}.incident-snapshot{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--fg-border, #e2e8f0)}.incident-snapshot>div:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.incident-snapshot>div:nth-child(2) span{color:var(--fg-muted, #64748b);font-size:12px}.incident-required-note{margin:10px 0 0;color:var(--fg-muted, #64748b);font-size:12px}.incident-required-note strong,.incident-field strong{color:#b91c1c}.incident-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--fg-border, #e2e8f0)}.incident-section:first-of-type{margin-top:14px}.incident-section h3{margin:0 0 12px;color:var(--fg-muted-strong, #334155);font-size:14px;font-weight:600}.incident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.incident-field{display:grid;align-content:start;gap:5px;min-width:0;color:var(--fg-muted-strong, #334155);font-size:13px;font-weight:500}.incident-field--wide{grid-column:1 / -1}.incident-field input,.incident-field select,.incident-field textarea{width:100%;min-width:0;min-height:38px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;color:var(--fg-text, #0f172a);background:#fff;font-size:14px;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}.incident-field textarea{resize:vertical;line-height:1.4}.incident-field input:focus,.incident-field select:focus,.incident-field textarea:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f293714}.incident-field input:disabled,.incident-field select:disabled,.incident-field textarea:disabled{opacity:1;color:#475569;background:#f8fafc;cursor:not-allowed}.incident-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.incident-currency{display:flex;align-items:center;min-height:38px;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;background:#fff}.incident-currency>span{padding-left:10px;color:#475569}.incident-currency input{border:0}.incident-signoff-summary{display:grid;align-content:center;gap:2px;min-height:62px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;color:#334155;background:#f8fafc}.incident-signoff-summary>span,.incident-signoff-summary small{color:var(--fg-muted, #64748b);font-size:12px}.incident-email-modal{max-width:680px}.incident-email-default{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--fg-muted-strong, #334155);font-size:13px}.incident-email-default input{width:16px;height:16px;margin:0}.incident-email-audit{margin-top:18px;padding-top:16px;border-top:1px solid var(--fg-border, #e2e8f0)}.incident-email-audit h3{margin:0 0 10px;color:var(--fg-muted-strong, #334155);font-size:14px;font-weight:600}.incident-email-empty{color:var(--fg-muted, #64748b);font-size:13px}.incident-email-history{border:1px solid var(--fg-border, #e2e8f0);border-radius:6px;overflow:hidden}.incident-email-history__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #f1f5f9}.incident-email-history__row:last-child{border-bottom:0}.incident-email-history__row>div{display:grid;gap:2px;min-width:0}.incident-email-history__row span{color:var(--fg-muted, #64748b);font-size:12px;overflow-wrap:anywhere}.incident-email-result{border-radius:999px;padding:2px 7px;font-weight:700;text-transform:capitalize}.incident-email-result--sent{color:#166534!important;background:#dcfce7}.incident-email-result--failed{color:#991b1b!important;background:#fee2e2}@media(max-width:640px){.incident-panel__header{flex-direction:column}.incident-panel__header .button{width:100%}.incident-history__row{align-items:flex-start}.incident-history__meta{display:grid;justify-items:end;gap:4px}.incident-modal-backdrop{padding:8px}.incident-modal{max-height:calc(100dvh - 16px)}.incident-modal__header,.incident-modal__footer,.incident-modal__body{padding:16px}.incident-modal__footer{align-items:stretch;flex-wrap:wrap}.incident-report-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-right:0}.incident-grid{grid-template-columns:minmax(0,1fr)}.incident-field--wide{grid-column:auto}.incident-snapshot{align-items:flex-start;flex-wrap:wrap}.incident-snapshot>div:nth-child(2){flex-basis:calc(100% - 120px)}.incident-snapshot .incident-status{margin-left:auto}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){html{touch-action:manipulation}}body{width:100%;min-width:320px;min-height:100svh;margin:0;padding:0;overflow-x:clip;overscroll-behavior-x:none}#root{width:100%;min-height:100svh;overflow-x:clip}h1{font-size:2rem;line-height:1.2}header>div>div:first-child>span>strong:last-child{font-size:0}header>div>div:first-child>span>strong:last-child:before{content:"Guard";color:#0f172a;font-size:18px}header>div>div:first-child>span>strong:last-child:after{content:"365";color:#0ea5e9;font-size:18px}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}input,select,textarea,button{font-size:16px;font-family:inherit;line-height:1.25;-webkit-appearance:none}.page-toolbar>:first-child{order:1}.page-toolbar>button[aria-pressed]{order:2}.page-toolbar>button:not([aria-pressed]):not([aria-disabled]):has(+button[aria-pressed]){order:2}.page-toolbar>input{order:3}.page-toolbar>button:not([aria-pressed]):not([aria-disabled]):not(:has(+button[aria-pressed])){order:4;margin-left:auto}.page-toolbar>button[aria-disabled]{order:5}.page-toolbar>button[aria-disabled=false]{background:#0f172a;border-color:#0f172a;color:#fff}.page-toolbar>button[aria-disabled=false]:hover{background:#1e293b;border-color:#1e293b;color:#fff}@media(max-width:700px){.page-header .page-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;width:100%;align-items:stretch!important}.page-header .page-toolbar>:first-child{order:1;grid-column:1 / -1;justify-self:start;margin:0!important}.page-header .page-toolbar>input{order:2;grid-column:1 / -1;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}.page-header .page-toolbar>button[aria-pressed],.page-header .page-toolbar>button:not([aria-pressed]):not([aria-disabled]):has(+button[aria-pressed]){order:3;grid-column:auto;width:auto;min-height:38px;margin:0!important;padding:7px 10px;justify-self:start}.page-header .page-toolbar>button:not([aria-pressed]):not([aria-disabled]):not(:has(+button[aria-pressed])){order:4;grid-column:1;width:100%;min-height:44px;margin:4px 0 0!important}.page-header .page-toolbar>button[aria-disabled]{order:5;grid-column:2;width:100%;min-height:44px;margin:4px 0 0!important}[role=dialog][aria-label="Fleet Check"]{padding:0!important;place-items:stretch!important;background:#fff!important}[role=dialog][aria-label="Fleet Check"]>div:first-child{width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:first-child{position:relative;z-index:5;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:first-child h2{font-size:22px;line-height:1.2}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:first-child>div>div{margin-top:3px!important;font-size:13px;line-height:1.35}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:first-child>button{flex:0 0 auto;min-height:40px;padding:7px 11px}[role=dialog][aria-label="Fleet Check"]>div:first-child>.stat-card{margin:16px!important}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:not(:first-child):not(.stat-card)>div:first-child{margin-top:0!important;padding:10px 16px 11px;border-bottom:1px solid #e2e8f0;background:#f8fafc;gap:7px 10px!important}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:not(:first-child):not(.stat-card)>div:first-child>strong{width:100%;font-size:14px}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:not(:first-child):not(.stat-card)>div:first-child>span{font-size:12px}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:not(:first-child):not(.stat-card)>div:first-child>button{min-height:38px;padding:7px 10px}[role=dialog][aria-label="Fleet Check"]>div:first-child>div:not(:first-child):not(.stat-card)>div:last-child{margin-top:0!important;padding:12px 12px 18px;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}[role=dialog][aria-label="Fleet Check"] table,[role=dialog][aria-label="Fleet Check"] tbody{display:block;width:100%}[role=dialog][aria-label="Fleet Check"] thead,[role=dialog][aria-label="Fleet Check"] colgroup{display:none}[role=dialog][aria-label="Fleet Check"] tbody{display:grid;gap:10px}[role=dialog][aria-label="Fleet Check"] tbody tr{display:block;width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0a}[role=dialog][aria-label="Fleet Check"] tbody td{display:block;width:100%;padding:7px 0!important;text-align:left!important;border:0;font-size:14px;line-height:1.35;overflow-wrap:anywhere}[role=dialog][aria-label="Fleet Check"] tbody td:first-child{padding-top:0!important;padding-bottom:10px!important;margin-bottom:2px;border-bottom:1px solid #f1f5f9}[role=dialog][aria-label="Fleet Check"] tbody td:not(:first-child):before{display:block;margin-bottom:2px;color:#64748b;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}[role=dialog][aria-label="Fleet Check"] tbody td:nth-child(2):before{content:"Stored MOT"}[role=dialog][aria-label="Fleet Check"] tbody td:nth-child(3):before{content:"DVSA MOT"}[role=dialog][aria-label="Fleet Check"] tbody td:nth-child(4):before{content:"Latest test"}[role=dialog][aria-label="Fleet Check"] tbody td:nth-child(5):before{content:"Status"}[role=dialog][aria-label="Fleet Check"] tbody td:nth-child(5){padding-bottom:0!important}[role=dialog][aria-label="Fleet Check"] tbody td:nth-child(5) .button{width:100%;margin-top:2px}}.page-toolbar[aria-label="HGV view"]>button{order:initial;margin-left:0}.page-header:has(.page-toolbar)+.page-toolbar[aria-label="HGV view"]{margin-top:-18px}@media(max-width:700px){.page-toolbar[aria-label="HGV view"]{display:flex!important;grid-template-columns:none;align-items:center!important;width:auto}.page-toolbar[aria-label="HGV view"]>button{width:auto;min-height:36px;margin:0!important;padding:6px 12px}}img,svg,video,canvas{max-width:100%;height:auto;display:block}table{width:100%;max-width:100%;border-collapse:collapse}@supports (-webkit-touch-callout: none){@media(max-width:900px){html,body,#root{overflow-x:hidden}}}html{-webkit-text-size-adjust:100%}.page{padding:20px 24px}.page-header{margin-bottom:18px}.button{appearance:none;border:1px solid #CBD5E1;background:#1f2937;color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;line-height:1.2;transition:all .15s ease}.button:hover{background:#111827}.button:disabled{background:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.button.secondary{background:#fff;color:var(--fg-muted-strong);border-color:#cbd5e1}.button.secondary:hover{background:#f8fafc}.button.tertiary{background:transparent;color:var(--fg-muted-strong);border-color:transparent;padding-left:6px;padding-right:6px}.button.tertiary:hover{background:#f8fafc;border-color:#e2e8f0}.button.toggle{background:#fff;color:var(--fg-muted-strong);border-color:#cbd5e1}.button.toggle.active{background:#1f2937;color:#fff;border-color:#1f2937}.input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #CBD5E1;font-size:14px;background:#fff;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f293714}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff}input[type=date].input{line-height:1.2}input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;padding:0;margin-top:2px;accent-color:#1F2937}.table-wrap table{width:100%;border-collapse:collapse;font-size:14px}.table-wrap thead{background:#f8fafc}.table-wrap th{text-align:left;padding:10px 12px;font-weight:600;color:var(--fg-muted-strong);border-bottom:1px solid #E2E8F0}.table-wrap td{padding:10px 12px;border-bottom:1px solid #F1F5F9;vertical-align:middle}.table-wrap tbody tr:nth-child(2n){background:#fafafa}.table-wrap tbody tr:hover{background:#f1f5f9}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;z-index:1000}.modal{background:#fff;width:100%;max-width:480px;max-height:calc(100dvh - 32px);border-radius:10px;box-shadow:0 12px 30px #00000040;overflow:hidden;display:flex;flex-direction:column}.modal.modal-wide{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-header-left{display:flex;flex-direction:column}.modal-subheader{display:flex;align-items:center;gap:12px;margin-top:6px}.modal-meta{font-size:14px;opacity:.7}.modal-close{background:#f8fafc;border:1px solid #CBD5E1;border-radius:6px;width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer}.modal-close:hover{background:#f1f5f9}.modal-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0;overflow:hidden}.modal-body>.form-grid{flex:1 1 auto;min-width:0;min-height:0;padding:22px;overflow-x:hidden;overflow-y:auto}.modal-body h3{margin:22px 0 8px;font-size:14px;font-weight:600}.vehicle-view-accordion-heading,.vehicle-view-activity .form-disclosure summary{display:flex;align-items:center;gap:6px;margin:12px 0 10px;padding:12px 0 0;border-top:1px solid #E2E8F0;font-size:14px;font-weight:600;line-height:1.3;color:inherit;cursor:pointer}.vehicle-view-accordion-arrow{flex:0 0 12px;width:12px;font-size:10px;line-height:1;text-align:center}.vehicle-view-activity .form-disclosure{margin:0;padding:0;border-top:0}.vehicle-view-activity .form-disclosure summary{list-style:none}.vehicle-view-activity .form-disclosure summary::-webkit-details-marker{display:none}.vehicle-view-activity .form-disclosure summary:before{content:"▶";flex:0 0 12px;width:12px;font-size:10px;line-height:1;text-align:center}.vehicle-view-activity .form-disclosure[open] summary:before{content:"▼"}.form-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.form-grid>*{min-width:0}.modal .input{min-width:0}.form-grid h3,.form-grid details,.form-grid .full{grid-column:1 / -1}details summary{cursor:pointer;font-size:14px;margin-top:4px}.modal-actions{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:0;border-top:1px solid #E5E7EB;background:#fff;padding:16px 22px}@media(max-width:600px){.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}.modal-body>.form-grid{padding:16px}.modal-actions{padding:12px 16px}.form-grid{grid-template-columns:1fr}}.vehicle-compliance-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);column-gap:14px;align-items:start}.vehicle-compliance-date,.vehicle-compliance-status{min-width:0}.vehicle-compliance-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:7px;margin-top:9px;white-space:nowrap}.vehicle-compliance-date .button.tertiary{margin-left:-6px}@media(max-width:700px){.vehicle-compliance-row{grid-template-columns:1fr;row-gap:12px}.vehicle-compliance-actions{flex-wrap:wrap}}.risk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1100px){.risk-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.risk-grid{grid-template-columns:1fr}}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{border:1px solid #E2E8F0;border-radius:10px;background:#fff;padding:18px}.stat-card.small{padding:14px}.stat-title{font-size:13px;color:#64748b}.stat-value{font-size:34px;font-weight:600}.stat-value.small{font-size:24px}.reg-plate{display:inline-block;background:#facc15;padding:4px 8px;border-radius:6px;font-weight:600;letter-spacing:.5px;font-size:13px}.health-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.health-ok{background:var(--fg-ok)}.health-warning{background:var(--fg-warning)}.health-danger{background:var(--fg-danger)}.row-warning{background:var(--fg-warning-bg)}.row-danger{background:var(--fg-danger-bg)}.stat-card.clickable{cursor:pointer;transition:transform .08s ease}.stat-card.clickable:hover{transform:translateY(-2px)}.change-feed{border:1px solid #E2E8F0;border-radius:10px;background:#fff;padding:16px}.change-item{padding:10px 0;border-bottom:1px solid #F1F5F9;font-size:14px}.change-item:last-child{border-bottom:none}.change-date{font-size:12px;color:#64748b}.action-menu{display:flex;gap:6px}:root{--fg-navy: #1F2937;--fg-navy-dark: #111827;--fg-text: #0F172A;--fg-muted: #64748B;--fg-muted-strong: #334155;--fg-border: #E2E8F0;--fg-border-strong: #CBD5E1;--fg-soft: #F8FAFC;--fg-row: #FAFAFA;--fg-ok: #2E7D32;--fg-warning: #D97706;--fg-danger: #B91C1C;--fg-ok-border: var(--fg-ok);--fg-warning-border: #F59E0B;--fg-danger-border: var(--fg-danger);--fg-warning-bg: rgba(217, 119, 6, .08);--fg-danger-bg: rgba(185, 28, 28, .07)}.page{width:100%;min-width:0;box-sizing:border-box;padding:24px 28px}.page>h1,.page-header h1,.page h1{margin:0 0 20px;font-size:34px;line-height:1.12;font-weight:700;letter-spacing:-.02em}.page h2{margin:28px 0 14px;font-size:24px;line-height:1.2;font-weight:700}.page h3{margin:24px 0 12px;font-size:19px;line-height:1.25;font-weight:700}.page-header{margin-bottom:26px}.page-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.risk-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.risk-grid.risk-grid-seven{grid-template-columns:repeat(7,minmax(0,1fr))}.risk-grid.operational-risk-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.risk-grid-seven>.stat-card,.operational-risk-grid>.stat-card,.operational-risk-grid>.stat-card-link,.operational-risk-grid>.stat-card-link>.stat-card{min-width:0;height:100%}.dashboard-stat-title{min-height:2.5em}.dashboard-stat-detail,.dashboard-stat-link{min-height:1.25em;font-size:12px;color:var(--fg-muted)}.dashboard-stat-detail{margin-top:4px}.dashboard-stat-link{margin-top:6px}.stat-card,button.stat-card{border:1px solid var(--fg-border);border-radius:12px;background:#fff;padding:18px 20px;min-height:106px;box-sizing:border-box;font:inherit;color:inherit}.stat-card.small,button.stat-card.small{min-height:86px;padding:14px 16px}.stat-title{font-size:14px;color:var(--fg-muted);line-height:1.25}.stat-value{margin-top:8px;font-size:34px;line-height:1;font-weight:700;color:var(--fg-text)}.stat-value.small{font-size:26px}.stat-value.ok{color:var(--fg-ok)}.stat-value.warning{color:var(--fg-warning)}.stat-value.danger{color:var(--fg-danger)}.stat-card.tone-ok,button.stat-card.tone-ok{border-color:var(--fg-ok-border)}.stat-card.tone-warning,button.stat-card.tone-warning{border-color:var(--fg-warning-border)}.stat-card.tone-danger,button.stat-card.tone-danger{border-color:var(--fg-danger-border)}.stat-card.is-active,button.stat-card.is-active{outline:2px solid var(--fg-navy);outline-offset:2px}.risk-text{font-weight:700}.risk-text.ok,.text-ok{color:var(--fg-ok)}.risk-text.warning,.text-warning{color:var(--fg-warning)}.risk-text.danger,.text-danger{color:var(--fg-danger)}.risk-text.muted,.text-muted-strong{color:var(--fg-muted-strong)}.notice-card{border:1px solid var(--fg-border);border-radius:12px;background:#fff;color:var(--fg-muted-strong);padding:14px 18px;box-sizing:border-box;line-height:1.45}.stat-card.clickable,button.stat-card:not([aria-disabled=true]){cursor:pointer}.stat-card.clickable:hover,button.stat-card:not([aria-disabled=true]):hover{background:var(--fg-soft);transform:translateY(-1px)}.table-wrap{width:100%;overflow-x:auto;border-radius:10px}.table-wrap table{min-width:720px}.table-wrap th{white-space:nowrap}.table-wrap td{height:42px}@media(min-width:901px){.table-wrap{overflow:visible}.table-wrap th{position:sticky;top:63px;z-index:20;background:#f8fafc;box-shadow:inset 0 -1px #e2e8f0}.modal .table-wrap{overflow-x:auto}.modal .table-wrap th{position:static}}.button{min-height:36px}.input{min-height:38px}@media(max-width:900px){.risk-grid,.risk-grid.risk-grid-seven,.risk-grid.operational-risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.page{padding:16px}.page>h1,.page-header h1,.page h1{font-size:30px}.page h2{font-size:23px}.section-grid,.risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.risk-grid.risk-grid-seven,.risk-grid.operational-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,button.stat-card{min-height:94px;padding:14px}.stat-title{font-size:13px}.stat-value,.stat-value.small{font-size:28px}}.form-disclosure,.form-grid details{grid-column:1 / -1;margin-top:10px;padding-top:10px;border-top:1px solid var(--fg-border, #E2E8F0)}.form-disclosure summary,.form-grid details summary{cursor:pointer;margin:0;padding:2px 0;font-size:14px;font-weight:600;color:var(--fg-muted-strong);line-height:1.3}.form-disclosure[open] summary,.form-grid details[open] summary{margin-bottom:10px}.form-disclosure-content{display:grid;gap:12px}.form-disclosure .stat-title,.form-grid details .stat-title{font-size:13px}.page-section{margin-bottom:34px}.page-section:last-child{margin-bottom:0}.stat-card-link{display:block;color:inherit;text-decoration:none}.stat-card-link .stat-card{cursor:pointer;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.stat-card-link:hover .stat-card{background:var(--fg-soft);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.stat-card.is-zero{background:#fff;border-color:var(--fg-border)}.stat-card.is-zero .stat-value,.stat-card.is-zero .stat-value.small{color:var(--fg-text)}.stat-card.is-muted .stat-value,.stat-card.is-muted .stat-value.small{color:var(--fg-muted-strong)}.registration-plate-face,.registration-plate-chevron{transition:transform .12s ease,box-shadow .12s ease,color .12s ease}.registration-plate-interactive:hover .registration-plate-face{transform:translateY(-1px);box-shadow:0 2px #a16207}.registration-plate-interactive:hover .registration-plate-chevron{color:#0f172a;transform:translate(1px)}button:focus-visible>.registration-plate-interactive .registration-plate-face{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}@media(prefers-reduced-motion:reduce){.registration-plate-face,.registration-plate-chevron{transition:none}}.page-toolbar>*{order:initial!important}.page-toolbar>button{margin-left:0!important}.page-toolbar:has(>input[placeholder^="Search reg"])>:first-child{order:1!important}.page-toolbar:has(>input[placeholder^="Search reg"])>button[aria-pressed]{order:2!important}.page-toolbar:has(>input[placeholder^="Search reg"])>button:not([aria-pressed]):not([aria-disabled]):has(+button[aria-pressed]){order:2!important}.page-toolbar:has(>input[placeholder^="Search reg"])>input{order:3!important}.page-toolbar:has(>input[placeholder^="Search reg"])>button:not([aria-pressed]):not([aria-disabled]):not(:has(+button[aria-pressed])){order:4!important;margin-left:auto!important}.page-toolbar:has(>input[placeholder^="Search reg"])>button[aria-disabled]{order:5!important}.page-toolbar[aria-label="HGV view"]{justify-content:flex-start}.page-toolbar[aria-label="HGV view"]>button{order:initial!important;margin-left:0!important}@media(min-width:901px){.page:has(>.page-toolbar[aria-label="HGV view"]){padding-top:18px}.page:has(>.page-toolbar[aria-label="HGV view"])>.page-header{margin-bottom:6px}.page:has(>.page-toolbar[aria-label="HGV view"])>.page-header h1{margin-bottom:12px!important;font-size:30px}.page:has(>.page-toolbar[aria-label="HGV view"])>.page-header .page-toolbar{margin-bottom:8px}.page:has(>.page-toolbar[aria-label="HGV view"])>.page-toolbar[aria-label="HGV view"]{margin-bottom:10px!important}.page:has(>.page-toolbar[aria-label="HGV view"])>h2{margin:12px 0 8px;font-size:21px}.page:has(>.page-toolbar[aria-label="HGV view"])>.risk-grid{gap:10px}.page:has(>.page-toolbar[aria-label="HGV view"])>.risk-grid>.stat-card{min-height:68px!important;padding:10px 14px!important}.page:has(>.page-toolbar[aria-label="HGV view"])>.risk-grid .stat-title{font-size:13px}.page:has(>.page-toolbar[aria-label="HGV view"])>.risk-grid .stat-value{margin-top:4px;font-size:24px}.page:has(>.page-section .operational-risk-grid)>.page-header{margin-bottom:16px}.page:has(>.page-section .operational-risk-grid)>.page-section h2{margin:20px 0 10px}.page:has(>.page-section .operational-risk-grid)>.page-section+.page-section h2{margin-top:22px}}@media(max-width:700px){.page-header .page-toolbar:not(:has(>input[placeholder^="Search reg"])){display:flex!important;grid-template-columns:none!important;width:auto;align-items:center!important}.page-header .page-toolbar:has(>input[placeholder^="Search reg"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;width:100%;align-items:stretch!important}.page-header .page-toolbar:has(>input[placeholder^="Search reg"])>:first-child{grid-column:1 / -1;justify-self:start;margin:0!important}.page-header .page-toolbar:has(>input[placeholder^="Search reg"])>input{grid-column:1 / -1;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}.page-header .page-toolbar:has(>input[placeholder^="Search reg"])>button[aria-pressed],.page-header .page-toolbar:has(>input[placeholder^="Search reg"])>button:not([aria-pressed]):not([aria-disabled]):has(+button[aria-pressed]){grid-column:auto;width:auto;min-height:38px;margin:0!important;padding:7px 10px;justify-self:start}.page-header .page-toolbar:has(>input[placeholder^="Search reg"])>button:not([aria-pressed]):not([aria-disabled]):not(:has(+button[aria-pressed])){grid-column:1;width:100%;min-height:44px;margin:4px 0 0!important}.page-header .page-toolbar:has(>input[placeholder^="Search reg"])>button[aria-disabled]{grid-column:2;width:100%;min-height:44px;margin:4px 0 0!important}.page-toolbar[aria-label="HGV view"]{display:flex!important;flex-wrap:wrap;gap:10px;width:auto;align-items:center!important}.page-toolbar[aria-label="HGV view"]>button{width:auto;min-height:36px;margin:0!important;padding:6px 12px}}
