/* The original member dashboard layout, with restrained cues from the public LAFD site. */
body.hub-page{--hub-fire:#bc392e;--hub-amber:#f0b269;--hub-line:#41515b;--hub-ink:#f5f7f6;background:#192228;color:var(--hub-ink)}
.hub-page h1,.hub-page h2,.hub-page h3{font-family:Bahnschrift,'Arial Narrow',Impact,sans-serif;letter-spacing:-.045em}
.hub-page .site-header{background:#19242b;border-bottom:2px solid var(--hub-fire);color:#fff}
.hub-page .brand small{color:#efb7a8}
.hub-page .site-header nav a{position:relative;text-transform:uppercase;letter-spacing:.065em;transition:color .2s}
.hub-page .site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--hub-fire);transition:right .25s}
.hub-page .site-header nav a:hover{color:#ffd0b9}
.hub-page .site-header nav a:hover:after{right:0}
.hub-page .login-link{border-color:#bc6a5b;color:#fff;transition:background .25s,border-color .25s,transform .25s}
.hub-page .login-link:hover{background:#9f342a;border-color:#e28b6d;transform:translateY(-2px)}
.hub-shell{display:grid;grid-template-columns:244px minmax(0,1fr)}
.hub-sidebar{position:sticky;top:78px;align-self:start;height:calc(100vh - 78px);display:flex;flex-direction:column;gap:7px;overflow:hidden;padding:32px 17px;background:linear-gradient(180deg,#1b252dec 0%,#1b252df5 65%,#1b252de0 100%),url('/lafd/assets/scene-department.webp') center bottom/auto 46% no-repeat,#1b252d;border-right:1px solid #624039}
.hub-sidebar:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--hub-fire),#e6a25c,var(--hub-fire));background-size:100% 200%;animation:railGlow 8s linear infinite}
.hub-sidebar>.eyebrow{color:#f2aa8f}
.hub-sidebar>a{position:relative;isolation:isolate;background:#27343d;border:1px solid transparent;color:#d6dfe0;transition:background .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}
.hub-sidebar>a:hover,.hub-sidebar>a[aria-current="location"]{background:#65312c;border-color:#bb6958;color:#fff;transform:translateX(5px);box-shadow:-5px 0 0 var(--hub-fire)}
.hub-sidebar>a:after{content:'↗';position:absolute;right:14px;opacity:0;transform:translate(-5px,5px);transition:opacity .2s,transform .2s}
.hub-sidebar>a:hover:after,.hub-sidebar>a[aria-current="location"]:after{opacity:1;transform:none}
.side-note{color:#a6b5b8;border-top:1px solid #ffffff2a}
.hub-main{background:linear-gradient(rgba(220,98,82,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(220,98,82,.02) 1px,transparent 1px),#192228;background-size:80px 80px}
.hub-hero{position:relative;overflow:hidden;padding:47px clamp(26px,4vw,70px) 42px;min-height:275px;background:linear-gradient(90deg,#263741f5 0%,#1b2831f0 58%,#1b2831a8 100%),url('/lafd/assets/scene-apparatus.webp') 62% center/cover;border-bottom:1px solid #67534d;animation:heroPan 22s ease-in-out infinite alternate}
.hub-hero:after{content:'';position:absolute;bottom:0;left:-35%;height:3px;width:35%;background:linear-gradient(90deg,transparent,#e5a26d,#d8493c,transparent);box-shadow:0 0 17px #d8493c80;animation:scan 8s ease-in-out infinite}
.hub-hero .eyebrow{color:#f2aa8f}
.hub-hero h1{font-size:clamp(2.7rem,4vw,4.25rem);text-transform:uppercase;margin:10px 0 7px}
.hub-hero>p:not(.eyebrow){color:#d6dee0;font-size:15px}
.hub-hero .eyebrow,.hub-hero h1,.hub-hero>p:not(.eyebrow),.hub-hero .status{animation:welcomeIn .65s ease-out both}
.hub-hero h1{animation-delay:.09s}.hub-hero>p:not(.eyebrow){animation-delay:.18s}.hub-hero .status{animation-delay:.28s}
.status{position:relative;background:#30443f;border-color:#6a8c7c;color:#edf7ed;transition:background .25s,border-color .25s}
.status:before{background:#7dd5a2;animation:statusPulse 2.8s ease-in-out infinite}
.status a{color:#fff4cd;text-decoration:underline;text-underline-offset:3px}
.status.offline{background:#4c3633;border-color:#a36b57}
.status.offline:before{background:#f0a283}
.hub-section{background:transparent;border-bottom:1px solid #35454d;padding:47px clamp(26px,4vw,70px);scroll-margin-top:90px}
.hub-section h2{color:#f5f7f6;font-size:clamp(2rem,3vw,3.15rem);margin:8px 0 25px}
.hub-section .eyebrow,.card-kicker{color:#ef9f89}
.hub-title>p,.hub-section>p:not(.eyebrow){color:#afbdc0}
.hub-briefing{background:#202a31}
.briefing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.briefing-card{min-height:250px;display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #6b4c47;background:linear-gradient(155deg,#361c1cd9,#17222ce8),url('/lafd/assets/scene-apparatus.webp') center/cover;transition:transform .35s,border-color .35s,box-shadow .35s}
.briefing-card:nth-child(2){background-image:linear-gradient(155deg,#1c3441db,#17222ceb),url('/lafd/assets/scene-ems.webp')}
.briefing-card:nth-child(3){background-image:linear-gradient(155deg,#313028dd,#17222ceb),url('/lafd/assets/scene-rescue.webp')}
.briefing-card:hover{transform:translateY(-6px);border-color:#e4a17f;box-shadow:0 15px 30px #0710168c}
.briefing-card>span{color:#ffc395;font-size:11px;font-weight:800;letter-spacing:.16em}
.briefing-card h3{font-size:clamp(1.7rem,2.1vw,2.5rem);line-height:1.06;margin:27px 0 12px;text-transform:uppercase}
.briefing-card p{font-size:14px;line-height:1.55;color:#e0e8e8}
.briefing-card a,.briefing-note a{margin-top:auto;color:#ffd0a2;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.briefing-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:15px;margin-top:18px}
.briefing-note,.snapshot-card{padding:23px;background:#293943;border:1px solid #55636b}
.briefing-note{border-left:4px solid #ce6a48}
.briefing-note h3,.snapshot-card h3{font-size:24px;text-transform:uppercase;margin:9px 0 14px}
.briefing-note p{font-size:14px;line-height:1.65;color:#d2dddd}
.snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.snapshot-grid p{margin:0;padding:10px;background:#18252d;border-top:2px solid #b75243}
.snapshot-grid span,.snapshot-grid strong{display:block}
.snapshot-grid span{font-size:10px;color:#dbb2a4;text-transform:uppercase;letter-spacing:.08em}
.snapshot-grid strong{margin-top:6px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.hub-card{position:relative;overflow:hidden;background:#202c35;border:1px solid #43515a;border-top:3px solid #a54b3e;padding:22px;color:#f5f7f6;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s,background .35s}
.hub-card:hover{transform:translateY(-6px);border-color:#b96b56;box-shadow:0 17px 35px #0a121a80,0 0 0 1px #c9684d44;background:#24313a}
.hub-card:nth-child(2){border-top-color:#b77845}.hub-card:nth-child(3){border-top-color:#5f91a0}
.hub-card h3{color:#fff;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.13}
.hub-card>p{color:#bdc9ca}
.hub-card label{color:#d2dedf;font-size:12px}
.hub-card input,.hub-card select,.hub-card textarea{background:#18242d;color:#f4f6f5;border:1px solid #596770;border-radius:2px;transition:border-color .25s,box-shadow .25s,background .25s}
.hub-card input:hover,.hub-card select:hover,.hub-card textarea:hover{border-color:#9caab0}
.hub-card input:focus,.hub-card select:focus,.hub-card textarea:focus{border-color:#ed9276;background:#1d2b34;box-shadow:0 0 0 3px #d5684840;outline:0}
.hub-card button,.queue-item button{position:relative;overflow:hidden;background:#b94436;border:1px solid #bd5643;color:#fff;transition:transform .22s,box-shadow .22s,background .22s}
.hub-card button:not(:disabled):hover,.queue-item button:not(:disabled):hover{background:#d85d44;transform:translateY(-3px);box-shadow:0 7px 0 #0f181f99}
.hub-card button:not(:disabled):after,.queue-item button:not(:disabled):after{content:'';position:absolute;inset:-45% auto -45% -60%;width:40%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);transition:left .6s}
.hub-card button:not(:disabled):hover:after,.queue-item button:not(:disabled):hover:after{left:130%}
.hub-card button:disabled{opacity:.53}
.inline-actions button:last-child{background:#344753;border-color:#66808a}
.record{background:#17232b;border-left:3px solid #d3654b;animation:recordIn .45s ease-out both}
.record strong{color:#fff}.record p{color:#b4c2c4}
.guide-grid a{position:relative;background:#26343d;border:1px solid #4a5b63;color:#e8eeed;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s}
.guide-grid a:hover{background:#30414a;border-color:#d67861;transform:translateY(-4px);box-shadow:0 9px 22px #0e171d80}
.guide-grid a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:#df7357;transition:width .35s}.guide-grid a:hover:after{width:100%}
.guide-grid strong,.guide-grid small{display:block}
.guide-grid strong{font-size:15px;text-transform:uppercase}
.guide-grid small{margin-top:6px;color:#b8c7c9;font-size:12px;line-height:1.45}
.guide-note,.policy-note{color:#b5c2c4}
.queue-group{background:#202c35;border:1px solid #43515a;transition:border-color .3s,box-shadow .3s}
.queue-group:hover{border-color:#b96b56;box-shadow:0 10px 25px #0a121a70}
.queue-group h3{color:#fff}.queue-item{color:#c4d0d1}.queue-item strong{color:#fff}
.toast{background:#b94436;box-shadow:0 12px 35px #0008;animation:toastIn .3s ease-out both}
.hub-page.motion-enabled .motion-target{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.18,.75,.28,1);transition-delay:var(--motion-delay,0ms)}
.hub-page.motion-enabled .motion-target.motion-in{opacity:1;transform:none}
.hub-page .motion-target.hub-card:hover{transform:translateY(-6px)}
@keyframes welcomeIn{from{opacity:0;transform:translateY(17px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes heroPan{from{background-position:center,57% center}to{background-position:center,67% center}}
@keyframes scan{0%{left:-35%}65%,100%{left:115%}}
@keyframes railGlow{to{background-position:0 200%}}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 0 #7dd5a260}50%{box-shadow:0 0 0 6px #7dd5a200}}
@keyframes recordIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:1280px){.briefing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.briefing-card:last-child{grid-column:1/-1}.briefing-bottom{grid-template-columns:1fr}}
@media(max-width:1080px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid .hub-card:last-child{grid-column:1/-1}.briefing-grid{grid-template-columns:1fr}.briefing-card:last-child{grid-column:auto}}
@media(max-width:760px){body.hub-page{padding-top:70px}.hub-shell{display:block}.hub-sidebar{position:relative;top:auto;height:auto;display:flex;flex-direction:row;overflow-x:auto;padding:11px;gap:7px;background:#1b252d;border-right:0;border-bottom:2px solid #a54b3e}.hub-sidebar:before,.hub-sidebar>.eyebrow,.side-note{display:none}.hub-sidebar>a{white-space:nowrap}.hub-sidebar>a:hover{transform:none}.hub-hero{min-height:270px;padding:45px 20px}.hub-hero h1{font-size:clamp(2.7rem,10vw,3.5rem)}.hub-section{padding:38px 20px}.hub-grid,.hub-grid.two,.guide-grid{grid-template-columns:1fr}.hub-grid .hub-card:last-child{grid-column:auto}.snapshot-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hub-page *, .hub-page *:before,.hub-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hub-page.motion-enabled .motion-target{opacity:1;transform:none}}

/* The application view is deliberately limited to the form and its records. */
.hub-page [hidden]{display:none!important}
.hub-page:not(.is-member) .hub-shell{grid-template-columns:minmax(0,1fr)}
.hub-page:not(.is-member) .hub-main{min-height:calc(100vh - 78px)}
.hub-page .site-header .brand{cursor:default}
.hub-hero-gate{min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.gate-button{display:inline-flex;align-items:center;padding:13px 19px;margin-top:22px;background:#b94436;border:1px solid #df806a;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:transform .25s,background .25s,box-shadow .25s}
.gate-button:hover{background:#d15b45;transform:translateY(-3px);box-shadow:0 8px 22px #0007}
.preview-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.preview-options button{padding:13px 19px;background:#b94436;border:1px solid #df806a;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}
.preview-options button:last-child{background:#344753;border-color:#66808a}
.preview-options button:hover{background:#d15b45;transform:translateY(-3px);box-shadow:0 8px 22px #0007}
.applicant-hero{min-height:245px}
.applicant-section{max-width:1150px;margin:auto;border-bottom:0}
.application-list{display:grid;gap:14px}
.empty-records{padding:25px;background:#202c35;border:1px solid #43515a;color:#c4d0d1}
.application-record{padding:21px 23px;background:#202c35;border:1px solid #45545d;border-left:4px solid #b94436;animation:recordIn .45s ease-out both;transition:transform .3s,border-color .3s,box-shadow .3s}
.application-record:hover{transform:translateY(-3px);border-color:#b96b56;box-shadow:0 12px 26px #0a121a70}
.application-record-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.application-record-heading strong{font-family:Bahnschrift,'Arial Narrow',Impact,sans-serif;font-size:23px;text-transform:uppercase;letter-spacing:-.03em}
.application-status{border:1px solid #bd8b62;background:#59402e;color:#ffd9ab;padding:7px 10px;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.status-approved{background:#284739;border-color:#579475;color:#c3f4d3}
.status-declined{background:#4d3030;border-color:#a96565;color:#ffd0c9}
.status-withdrawn{background:#343e47;border-color:#6b7b83;color:#d3dde0}
.application-meta{color:#b8c7ca;font-size:12px;margin:10px 0 0}
.application-feedback{color:#e9ded8;background:#293943;padding:12px 14px;margin:14px 0 0;border-left:2px solid #e39a76;font-size:13px}
.withdraw-button{margin-top:17px;padding:10px 13px;background:transparent;border:1px solid #af715f;color:#f6c5b2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .25s,color .25s}
.withdraw-button:hover{background:#943d32;color:white}
.application-form-card{max-width:770px;scroll-margin-top:96px}
.application-form-card h3{margin-top:0}
.apply-start-button,.application-paths button{padding:15px 20px;background:#b94436;border:1px solid #df806a;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}
.apply-start-button:not(:disabled):hover,.application-paths button:hover{background:#d15b45;transform:translateY(-3px);box-shadow:0 8px 22px #0007}
.apply-start-button:disabled{opacity:.5;cursor:not-allowed}
.application-path-picker>p{color:#d2dedf;margin:0 0 15px}
.application-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:770px}
.application-paths button{text-align:left;min-height:122px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#25333c;border-color:#89554c}
.application-paths button:last-child{background:#223e49;border-color:#5b899b}
.application-paths strong{font-family:Bahnschrift,'Arial Narrow',Impact,sans-serif;font-size:24px;letter-spacing:-.03em}
.application-paths span{color:#d3dedf;font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.5}
.form-back-button{background:transparent!important;border:0!important;color:#f2aa8f!important;padding:0!important;margin-bottom:16px;box-shadow:none!important;font-size:11px!important}
.application-form-card>p{margin:-12px 0 24px;line-height:1.6}
.application-step-header{border-top:1px solid #5a6870;border-bottom:1px solid #5a6870;padding:18px 0 17px;margin-bottom:23px}
.application-step-header>span{display:block;color:#ef9f89;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.application-step-header>strong{display:block;color:#fff;font-family:Bahnschrift,'Arial Narrow',Impact,sans-serif;font-size:25px;text-transform:uppercase;margin-top:5px}
.application-step-header>p{margin:6px 0 0;color:#c6d0d1;font-size:13px;line-height:1.55}
.application-question-section{display:grid;gap:19px}
.application-question{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px!important;align-items:start}
.application-question .question-number{grid-row:1 / 3;color:#ef9f89;font-size:11px;font-weight:800;letter-spacing:.1em;padding-top:2px}
.application-question .question-label{font-size:13px;line-height:1.5;color:#e7eeee}
.application-question input,.application-question select,.application-question textarea{grid-column:2;margin-top:4px}
.application-question textarea{min-height:105px}
#fireboat-form{margin-top:22px;max-width:770px;border-top:1px solid #5a6870;padding-top:20px}
#fireboat-form .application-form-intro{color:#d5dede;line-height:1.6;margin:0 0 22px}
#fireboat-questions{display:grid;gap:20px}
.certification-card .application-record{margin:18px 0}
.certification-card .apply-start-button{margin-top:12px}
.certification-form-card{margin-top:22px;scroll-margin-top:94px;max-width:840px}
#certification-questions{display:grid;gap:20px;margin:24px 0}
.callsign-onboarding-card{max-width:760px}
.callsign-onboarding-card h2{font-size:clamp(30px,4vw,50px)}
.management-card{margin-top:25px;max-width:1000px}
#management .management-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:25px;border-bottom:1px solid #3d4e57}
#management .management-heading h2{margin:8px 0 10px}
#management .management-heading p:last-child{margin:0;color:#afbdc0;font-size:13px;line-height:1.65;max-width:580px}
#new-certification{flex:none;padding:13px 18px;background:#d5624b;border:1px solid #eb927a;color:#fff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}
#new-certification:hover{background:#ea765b;transform:translateY(-2px);box-shadow:0 9px 22px #0005}
#new-certification:focus-visible,.managed-certification-edit:focus-visible{outline:2px solid #f5b49e;outline-offset:3px}
.managed-certifications{display:grid;gap:12px;margin-top:22px}
.managed-certification{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;min-height:104px;padding:20px 22px;background:linear-gradient(110deg,#25353d,#1d2b33);border:1px solid #465861;border-left:3px solid #df745b;animation:recordIn .45s ease-out both;transition:transform .25s,border-color .25s,box-shadow .25s}
.managed-certification:hover{transform:translateY(-2px);border-color:#bd765f;box-shadow:0 12px 25px #07121870}
.managed-certification-label{display:block;color:#eea08a;font-size:10px;font-weight:850;letter-spacing:.16em}
.managed-certification h3{margin:7px 0 0;color:#f5f7f6;font-family:Bahnschrift,'Arial Narrow',Impact,sans-serif;font-size:clamp(20px,2vw,25px);line-height:1.15;text-transform:uppercase}
.managed-certification-meta{display:flex;align-items:center;gap:12px;white-space:nowrap}
.managed-certification-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #5c9a78;background:#294b3a;color:#b4e9c8;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.managed-certification-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.managed-certification-status.is-closed{border-color:#927456;background:#4f3d31;color:#f4c996}
.managed-certification-count{color:#aebfc4;font-size:11px}
.managed-certification-edit{padding:11px 15px;background:transparent;border:1px solid #71828a;color:#e4ebed;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.managed-certification-edit:hover{background:#3b5059;border-color:#e58b72;transform:translateY(-2px)}
.managed-certification-empty{margin:0;padding:23px;background:#22313a;border:1px solid #465861;color:#b9c8cc;font-size:13px}
.role-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0}
.role-choice-list{max-height:260px;overflow:auto;border:1px solid #52616b;padding:12px;display:grid;gap:6px}
.role-choice-list .inline-check{display:flex;align-items:center;gap:9px;font-size:12px;margin:0}
.role-choice-list input,.inline-check input{width:auto!important;min-width:auto!important}
.managed-question{display:grid;grid-template-columns:minmax(0,1fr) 140px 100px 90px;align-items:end;gap:10px;margin:13px 0;padding:12px;border:1px solid #52616b}
.managed-question textarea{min-height:64px}
.managed-question button[data-remove-question]{background:transparent;border-color:#8e6b65;color:#f6bbaa;text-align:center}
.managed-question button[data-remove-question]:hover{background:#763d39;border-color:#df8c78}
#add-certification-question,#cancel-manage-certification{background:#344753;border-color:#66808a}
#add-certification-question:hover,#cancel-manage-certification:hover{background:#49616d}
@media(max-width:800px){.role-selection{grid-template-columns:1fr}.managed-question{grid-template-columns:minmax(0,1fr) auto auto}.managed-question label:first-child{grid-column:1/-1}}
.application-step-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}
.application-step-actions button{flex:1 1 auto;min-width:185px}
.application-step-actions #application-back-step{background:#344753;border-color:#66808a}
.placeholder-note{background:#343d3d;border-left:3px solid #e5a26d;padding:12px 14px;margin:0 0 21px;color:#e4dcce!important}
.hub-page.is-applicant .hub-section h2{margin-bottom:23px}
@media(max-width:760px){.hub-hero-gate{min-height:calc(100vh - 70px)}.application-record-heading{align-items:flex-start;flex-direction:column}.application-record-heading strong{font-size:20px}.application-paths{grid-template-columns:1fr}}
@media(max-width:850px){#management .management-heading{align-items:start;flex-direction:column}.managed-certification{grid-template-columns:minmax(0,1fr) auto}.managed-certification-details{grid-column:1/-1}.managed-certification-meta{flex-wrap:wrap;white-space:normal}}
@media(max-width:520px){.managed-certification{grid-template-columns:1fr;gap:14px}.managed-certification-details{grid-column:auto}.managed-certification-edit{justify-self:start}.managed-question{grid-template-columns:1fr auto}.managed-question select{grid-column:1/-1}.managed-question button[data-remove-question]{justify-self:start}}

/* Member colours follow Discord rank roles; the LAFD shell stays shared. */
body.hub-page[data-track-theme=ems]{--hub-fire:#68b5e7;--track-accent:#4d9dd4;--track-bright:#71bff0;--track-pale:#b6def5;--track-dark:#24475f;--track-border:#649fc1;--track-glow:#71bff04a;--track-grid:#58a9db0a}
body.hub-page[data-track-theme=dual]{--hub-fire:#94aeb9;--track-accent:#607e8d;--track-bright:#a6c1ca;--track-pale:#c9d9dd;--track-dark:#344b57;--track-border:#77919d;--track-glow:#a6c1ca36;--track-grid:#a6c1ca09}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .brand small,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-sidebar>.eyebrow,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-hero .eyebrow,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-section .eyebrow,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .card-kicker,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .managed-certification-label{color:var(--track-pale)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .site-header nav a:hover{color:var(--track-pale)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .login-link{border-color:var(--track-border)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .login-link:hover{background:var(--track-dark);border-color:var(--track-bright)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-sidebar{border-right-color:var(--track-border);border-bottom-color:var(--track-border)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-sidebar:before{background:linear-gradient(var(--track-accent),var(--track-bright),var(--track-accent));background-size:100% 200%}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-sidebar>a:hover,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-sidebar>a[aria-current=location]{background:var(--track-dark);border-color:var(--track-border)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-main{background:linear-gradient(var(--track-grid) 1px,transparent 1px),linear-gradient(90deg,var(--track-grid) 1px,transparent 1px),#192228;background-size:80px 80px}
body.hub-page[data-track-theme=ems] #member-overview{background-image:linear-gradient(90deg,#203e54f5 0%,#1b303ff0 58%,#1b303fb0 100%),url('/lafd/assets/scene-ems.webp');border-bottom-color:#527f9b}
body.hub-page[data-track-theme=dual] #member-overview{background-image:linear-gradient(90deg,#273840f5 0%,#202f38f0 58%,#202f38b0 100%),url('/lafd/assets/scene-apparatus.webp');border-bottom-color:#687d87}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) #member-overview:after{background:linear-gradient(90deg,transparent,var(--track-pale),var(--track-accent),transparent);box-shadow:0 0 17px var(--track-glow)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card{border-top-color:var(--track-accent)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card:nth-child(2),
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card:nth-child(3){border-top-color:var(--track-border)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card:hover{border-color:var(--track-border);box-shadow:0 17px 35px #0a121a80,0 0 0 1px var(--track-glow)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card input:focus,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card select:focus,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card textarea:focus{border-color:var(--track-bright);box-shadow:0 0 0 3px var(--track-glow)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card button:where(:not(.form-back-button):not([data-remove-question]):not(#add-certification-question):not(#cancel-manage-certification)),
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .queue-item button,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) #new-certification{background:var(--track-accent);border-color:var(--track-border);color:#fff}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .hub-card button:not(:disabled):hover,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .queue-item button:not(:disabled):hover,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) #new-certification:hover{background:var(--track-dark);border-color:var(--track-bright)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .record,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .managed-certification{border-left-color:var(--track-accent)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .managed-certification:hover,
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .managed-certification-edit:hover{border-color:var(--track-border)}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) .toast{background:var(--track-accent)}
body.hub-page[data-track-theme=ems] button[data-type=fire],body.hub-page[data-track-theme=fire] button[data-type=ems]{display:none}
body.hub-page[data-track-theme=dual] .hub-card button[data-type=fire]{background:#b94436;border-color:#bd5643}
body.hub-page[data-track-theme=dual] .hub-card button[data-type=ems]{background:#347ca8;border-color:#6aafda}
body.hub-page[data-track-theme=dual] .hub-card button[data-type=fire]:not(:disabled):hover{background:#d85d44}
body.hub-page[data-track-theme=dual] .hub-card button[data-type=ems]:not(:disabled):hover{background:#449aca}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) #certification-list .certification-card[data-certification-track=fire]{border-top-color:#c75a49}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) #certification-list .certification-card[data-certification-track=fire] .apply-start-button{background:#b94436;border-color:#bd5643}
body.hub-page:is([data-track-theme=ems],[data-track-theme=dual]) #certification-list .certification-card[data-certification-track=fire] .apply-start-button:not(:disabled):hover{background:#d85d44}
body.hub-page[data-track-theme=dual] #certification-list .certification-card[data-certification-track=ems]{border-top-color:#68b5e7}
body.hub-page[data-track-theme=dual] #certification-list .certification-card[data-certification-track=ems] .apply-start-button{background:#347ca8;border-color:#6aafda}

