:root{--bg:#f7f9f8;--surface:#fff;--surface-soft:#f0f4f2;--ink:#14201b;--muted:#66736d;--line:#e2e8e5;--accent:#20b77a;--accent-dark:#11875a;--accent-soft:#e8f8f1;--blue:#3979a8;--blue-soft:#eaf3fa;--amber:#a8730d;--amber-soft:#fff5db;--violet:#7255a5;--violet-soft:#f0ecfb;--coral:#bd5548;--coral-soft:#fff0ed;--shadow:0 18px 50px rgba(22,47,36,.08)}
*{box-sizing:border-box}html{width:100%;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:0;margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.outage-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.outage-topbar{width:min(1180px,100%);height:76px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 28px}.outage-brand{display:inline-flex;align-items:center;gap:10px;margin-left:-5px;padding:5px 9px 5px 5px;border-radius:14px;font-size:21px;font-weight:900;letter-spacing:-.6px;transition:.18s}.outage-brand:hover{background:var(--accent-soft)}.outage-brand:focus-visible,.back-link:focus-visible,.theme-toggle:focus-visible{outline:3px solid rgba(32,183,122,.24);outline-offset:2px}.outage-brand-mark{width:38px;height:38px}.outage-brand-mark img{width:100%;height:100%;display:block;object-fit:contain}.outage-brand>span:last-child{-webkit-text-stroke:.45px currentColor}.outage-brand>span:last-child>span{color:var(--accent)}.outage-topbar nav{display:flex;align-items:center;gap:10px}.back-link{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700}.back-link svg{width:16px}.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}.theme-toggle svg{width:18px}main{width:100%;flex:1}.outage-hero{position:relative;width:min(900px,100%);margin:0 auto;padding:46px 28px 25px;text-align:center}.outage-hero:before,.outage-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.outage-hero:before{width:470px;height:470px;right:-250px;top:-170px;background:radial-gradient(circle,rgba(32,183,122,.12),transparent 68%)}.outage-hero:after{width:330px;height:330px;left:-230px;top:0;background:radial-gradient(circle,rgba(57,121,168,.09),transparent 68%)}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d3efe2;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-badge svg{width:15px}.outage-hero h1{max-width:none;margin:12px auto 11px;font-size:clamp(34px,5vw,53px);line-height:1.02;letter-spacing:-2.4px;white-space:nowrap;word-break:keep-all}.outage-hero h1 em{color:var(--accent);font-style:normal}.outage-hero>p{max-width:670px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.6}.duty-search{position:relative;max-width:720px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:27px auto 0;padding:7px;border:1px solid rgba(32,183,122,.25);border-radius:20px;background:var(--surface);box-shadow:0 18px 45px rgba(18,54,38,.1)}.search-field{min-width:0;height:55px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 13px}.search-field>svg{width:20px;color:var(--accent-dark)}.search-field input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;font-weight:600}.search-field input::placeholder{color:#8a9690;font-weight:500}.clear-search{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-soft);color:var(--muted);cursor:pointer}.clear-search svg{width:16px}.search-button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 23px rgba(20,32,27,.14);transition:.16s}.search-button:hover{transform:translateY(-1px)}.search-button svg{width:17px}.duty-suggestions{position:absolute;z-index:20;top:calc(100% + 8px);left:7px;right:145px;max-height:330px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 60px rgba(14,35,25,.18);text-align:left}.duty-option{width:100%;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.duty-option:hover,.duty-option.active{background:var(--accent-soft)}.duty-option>b{width:43px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);font-size:12px}.duty-option span{min-width:0;display:grid;gap:2px}.duty-option strong{font-size:13px}.duty-option small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.duty-option>svg{width:16px;color:var(--muted)}.index-state{display:flex;align-items:center;justify-content:center;gap:7px!important;margin-top:12px!important;font-size:10px!important;font-weight:700}.index-state>span{width:7px;height:7px;border-radius:50%;background:#a4aea9}.index-state.ready>span{background:var(--accent);box-shadow:0 0 0 4px rgba(32,183,122,.11)}.index-state.error>span{background:var(--coral)}.intro-grid{width:min(980px,calc(100% - 56px));display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px auto 45px}.intro-grid article{min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.intro-grid article>span{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-dark)}.intro-grid article:nth-child(2)>span{background:var(--blue-soft);color:var(--blue)}.intro-grid article:nth-child(3)>span{background:var(--violet-soft);color:var(--violet)}.intro-grid svg{width:18px}.intro-grid div{min-width:0;display:grid;gap:3px;text-align:left}.intro-grid strong{font-size:11px}.intro-grid small{color:var(--muted);font-size:9px;line-height:1.35}.analysis-state,.analysis-error{width:min(760px,calc(100% - 56px));align-items:center;gap:14px;margin:20px auto 45px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.analysis-state:not([hidden]),.analysis-error:not([hidden]){display:flex}.analysis-spinner,.analysis-error>span{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--accent-dark)}.analysis-spinner svg{width:22px;animation:spin 1s linear infinite}.analysis-state div{display:grid;gap:4px}.analysis-state strong{font-size:14px}.analysis-state small{color:var(--muted);font-size:11px}.analysis-error{border-color:#f1d2ce}.analysis-error>span{background:var(--coral-soft);color:var(--coral)}.analysis-error div{min-width:0;flex:1}.analysis-error strong{font-size:14px}.analysis-error p{margin:4px 0 0;color:var(--muted);font-size:11px}.analysis-error button{min-height:42px;padding:0 15px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.results{width:min(1120px,calc(100% - 56px));margin:12px auto 60px}.result-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.result-duty-mark{width:78px;height:78px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:20px;background:linear-gradient(145deg,#1fc183,#129b68);color:#fff;box-shadow:0 14px 28px rgba(32,183,122,.2)}.result-duty-mark small{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.result-duty-mark strong{max-width:70px;overflow:hidden;font-size:18px;letter-spacing:-.5px;text-overflow:ellipsis}.result-title{min-width:0}.result-title>span{color:var(--accent-dark);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-title h2{margin:3px 0 5px;font-size:25px;letter-spacing:-.7px}.result-title p{margin:0;color:var(--muted);font-size:11px}.pdf-link{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--ink);font-size:10px;font-weight:800}.pdf-link svg{width:15px}.pdf-link svg:last-child{color:var(--muted)}.impact-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.impact-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.impact-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.impact-card>span svg{width:19px}.impact-card.bus>span{background:var(--blue-soft);color:var(--blue)}.impact-card.pod>span{background:var(--violet-soft);color:var(--violet)}.impact-card.trip>span{background:var(--coral-soft);color:var(--coral)}.impact-card div{min-width:0;display:grid;gap:2px}.impact-card strong{font-size:18px;letter-spacing:-.4px}.impact-card small{color:var(--muted);font-size:9px;line-height:1.3}.result-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:12px}.action-panel,.quick-panel,.trips-panel{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.panel-heading{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-heading.compact{padding-bottom:14px}.panel-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px}.panel-icon svg{width:19px}.panel-icon.action{background:var(--accent-soft);color:var(--accent-dark)}.panel-icon.check{background:var(--amber-soft);color:var(--amber)}.panel-icon.trips{background:var(--blue-soft);color:var(--blue)}.panel-heading>div{min-width:0;display:grid;gap:2px}.panel-heading small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.panel-heading h3{margin:0;font-size:16px;letter-spacing:-.3px}.panel-count{margin-left:auto;padding:5px 8px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:8px;font-weight:800;white-space:nowrap}.attention-note{display:flex;align-items:flex-start;gap:9px;margin:12px 12px 0;padding:11px;border:1px solid #f0d69e;border-radius:12px;background:var(--amber-soft);color:#79530d}.attention-note svg{width:17px;flex:0 0 auto}.attention-note p{margin:0;font-size:10px;font-weight:650;line-height:1.45}.action-timeline{padding:7px 18px 15px}.action-row{position:relative;display:grid;grid-template-columns:54px 28px minmax(0,1fr);gap:8px;padding:12px 0}.action-row:not(:last-child):after{content:"";position:absolute;left:74px;top:42px;bottom:-10px;width:1px;background:var(--line)}.action-time{padding-top:6px;color:var(--ink);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.action-dot{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark)}.action-dot svg{width:14px}.action-row.pod .action-dot{background:var(--violet-soft);color:var(--violet)}.action-row.note .action-dot{background:var(--amber-soft);color:var(--amber)}.action-row.connection .action-dot{background:var(--blue-soft);color:var(--blue)}.action-copy{min-width:0}.action-copy strong{display:block;font-size:12px;line-height:1.35}.action-copy p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.action-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.action-tags span{padding:4px 6px;border-radius:6px;background:var(--surface-soft);color:var(--muted);font-size:7px;font-weight:800}.check-list{display:grid;gap:0;padding:6px 17px}.check-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.check-item:last-child{border-bottom:0}.check-state{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--surface-soft);color:var(--muted)}.check-state svg{width:13px}.check-item.important .check-state{background:var(--coral-soft);color:var(--coral)}.check-item.present .check-state{background:var(--accent-soft);color:var(--accent-dark)}.check-copy{min-width:0;display:grid;gap:2px}.check-copy strong{font-size:10px}.check-copy small{color:var(--muted);font-size:8px;line-height:1.35}.check-item>b{font-size:9px}.interpretation{display:flex;align-items:flex-start;gap:8px;margin:5px 12px 12px;padding:11px;border-radius:11px;background:var(--surface-soft);color:var(--muted)}.interpretation svg{width:15px;flex:0 0 auto}.interpretation span{font-size:8px;line-height:1.45}.trips-panel{margin-top:12px}.trips-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:7px 18px 15px}.trip-row{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.trip-line{min-width:38px;height:33px;display:grid;place-items:center;padding:0 7px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:850}.trip-copy{min-width:0;display:grid;gap:2px}.trip-copy strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.trip-copy small{color:var(--muted);font-size:8px}.trip-time{color:var(--ink);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.panel-empty{display:grid;place-items:center;padding:30px 20px;text-align:center}.panel-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--accent-dark)}.panel-empty svg{width:22px}.panel-empty strong{margin-top:10px;font-size:12px}.panel-empty p{max-width:380px;margin:5px auto 0;color:var(--muted);font-size:9px;line-height:1.45}footer{width:min(1120px,calc(100% - 56px));display:flex;justify-content:space-between;margin:auto auto 0;padding:22px 0 25px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700}.toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:calc(100% - 32px);padding:11px 15px;border-radius:11px;background:var(--ink);color:#fff;font-size:10px;font-weight:700;box-shadow:0 14px 35px rgba(0,0,0,.18);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.dark{--bg:#111714;--surface:#18221d;--surface-soft:#202d26;--ink:#edf4f0;--muted:#9eaaa4;--line:#2b3932;--accent:#45d396;--accent-dark:#58dda5;--accent-soft:#17372a;--blue-soft:#1a2d39;--blue:#74b6e5;--amber-soft:#382f19;--amber:#e4b654;--violet-soft:#2d2740;--violet:#b9a4e4;--coral-soft:#3c2421;--coral:#ec8b80;--shadow:none}body.dark .outage-brand-mark img{filter:invert(1) hue-rotate(180deg) saturate(.9) brightness(1.08)}body.dark .duty-search{box-shadow:0 18px 45px rgba(0,0,0,.18)}body.dark .search-button{background:var(--accent);color:#062a1d}body.dark .intro-grid article{background:var(--surface)}body.dark .attention-note{border-color:#57461e;color:#e5bd62}body.dark .analysis-error{border-color:#53312d}
@media(max-width:780px){.outage-hero{padding-top:28px}.intro-grid{grid-template-columns:1fr;max-width:620px}.result-layout{grid-template-columns:1fr}.impact-summary{grid-template-columns:1fr 1fr}.impact-card.trip{grid-column:1/-1}.trips-list{grid-template-columns:1fr}}
@media(max-width:560px){.outage-topbar{height:66px;padding:0 17px}.outage-brand{font-size:18px}.outage-brand-mark{width:34px;height:34px}.back-link{width:40px;padding:0;justify-content:center}.back-link span{display:none}.outage-hero{padding:22px 17px 18px}.outage-hero h1{font-size:clamp(19px,5.7vw,29px);letter-spacing:-1.2px}.outage-hero>p{font-size:13px}.duty-search{grid-template-columns:1fr;margin-top:20px;padding:6px;border-radius:17px}.search-field{height:52px}.search-button{min-height:50px}.duty-suggestions{left:0;right:0;top:calc(100% + 7px)}.intro-grid,.analysis-state,.analysis-error,.results{width:calc(100% - 28px)}.intro-grid{margin-top:8px;margin-bottom:30px}.result-header{grid-template-columns:auto minmax(0,1fr);padding:15px;gap:12px}.result-duty-mark{width:62px;height:62px;border-radius:16px}.result-duty-mark strong{font-size:15px}.result-title h2{font-size:19px}.pdf-link{grid-column:1/-1;width:100%;justify-content:center}.impact-summary{grid-template-columns:1fr;gap:7px}.impact-card.trip{grid-column:auto}.impact-card{padding:12px}.panel-heading{padding:14px}.action-timeline{padding-left:14px;padding-right:14px}.action-row{grid-template-columns:46px 26px minmax(0,1fr)}.action-row:not(:last-child):after{left:66px}.trips-list{padding-left:14px;padding-right:14px}.trip-row{grid-template-columns:auto minmax(0,1fr);gap:8px}.trip-time{grid-column:2}.analysis-error:not([hidden]){align-items:flex-start;flex-wrap:wrap}.analysis-error button{width:100%}footer{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.analysis-spinner svg{animation:none}.search-button,.toast{transition:none}}
.impact-card.loop>span{background:var(--amber-soft);color:var(--amber)}
@media(min-width:781px){.impact-summary{grid-template-columns:repeat(4,1fr)}}
@media(min-width:561px) and (max-width:780px){.impact-card.trip{grid-column:auto}}
.result-header-actions{display:flex;align-items:center;gap:8px}.mer-export-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:0;border-radius:12px;background:#14201b;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(20,32,27,.14)}.mer-export-button svg{width:17px}.result-header-actions .pdf-link{flex:0 0 auto}
.results .result-title>span,.results .result-title p,.results .impact-card small,.results .panel-heading small,.results .action-time,.results .action-copy strong,.results .action-copy p,.results .action-tags span,.results .check-copy strong,.results .check-copy small,.results .check-item>b,.results .trip-copy strong,.results .trip-copy small,.results .trip-time,.results .panel-count,.results .interpretation{color:#000}.action-time{font-size:13px}.action-copy strong{font-size:15px}.action-copy p{margin-top:6px;font-size:11.5px;line-height:1.55}.action-tags span{font-size:9px}.action-row{grid-template-columns:62px 32px minmax(0,1fr);gap:10px;padding:16px 0}.action-dot{width:32px;height:32px}.action-dot svg{width:16px}.action-row:not(:last-child):after{left:78px;top:48px}.panel-heading h3{font-size:19px}.panel-heading small{font-size:10px}.panel-count{font-size:10px}.impact-card small{font-size:10.5px}.check-copy strong{font-size:12px}.check-copy small{font-size:10px}.check-item>b{font-size:11px}.trip-copy strong{font-size:12px}.trip-copy small{font-size:10px}.trip-time{font-size:12px}
@media(max-width:720px){.result-header-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.result-header-actions .pdf-link,.mer-export-button{width:100%;min-height:48px}.action-row{grid-template-columns:52px 30px minmax(0,1fr);gap:8px}.action-row:not(:last-child):after{left:72px}.action-time{font-size:12px}.action-copy strong{font-size:14px}.action-copy p{font-size:11px}}
@media(max-width:440px){.result-header-actions{grid-template-columns:1fr}.panel-heading h3{font-size:17px}.action-row{grid-template-columns:48px 28px minmax(0,1fr)}.action-row:not(:last-child):after{left:66px}.action-time{font-size:11.5px}.action-copy strong{font-size:13.5px}.action-copy p{font-size:10.5px}}
.results .result-header,.results .impact-card,.results .action-panel,.results .quick-panel,.results .trips-panel{border-color:#e2e8e5;background:#fff}.results .result-title h2,.results .impact-card strong,.results .panel-heading h3{color:#000}
.panel-heading{background:#fbfcfb;border-bottom-color:#d9e2dd}.action-timeline{padding-top:0;padding-bottom:0}.action-row{padding-top:18px;padding-bottom:18px}.action-row:not(:last-child){border-bottom:1px solid #dce4e0}.action-row:not(:last-child):after{bottom:-1px}.action-copy strong{font-size:15.5px;font-weight:800;letter-spacing:-.18px}.action-copy p{max-width:720px;font-size:12.5px;line-height:1.6}.action-time{font-size:13.5px}.action-tags span{padding:5px 8px;border:1px solid #dde5e1;border-radius:999px;background:#f6f8f7;font-size:9.5px}.action-row.warning .action-dot{background:var(--amber-soft);color:var(--amber)}.action-row.warning .action-copy strong{color:#6f4b06}.check-item{padding-top:14px;padding-bottom:14px}.trip-row{padding-top:14px;padding-bottom:14px;border-bottom-color:#dce4e0}
@media(max-width:720px){.action-copy strong{font-size:14.5px}.action-copy p{font-size:11.5px}.action-row{padding-top:16px;padding-bottom:16px}}
@media(max-width:440px){.action-copy strong{font-size:14px;line-height:1.4}.action-copy p{font-size:11px;line-height:1.55}.action-tags span{font-size:9px}}
.task-panel{min-width:0;align-self:start;overflow:hidden;border:1px solid #dce4e0;border-radius:20px;background:#fff}.task-panel .panel-heading{gap:9px;padding:13px}.task-panel .panel-icon{width:36px;height:36px;border-radius:10px}.task-panel .panel-icon svg{width:17px}.task-panel .panel-heading h3{font-size:15px}.task-panel .panel-heading small{font-size:8px}.task-panel .panel-count{padding:4px 6px;font-size:8px}.panel-icon.task{background:#e8f8f1;color:#11875a}.task-table-head,.task-row{display:grid;grid-template-columns:46px minmax(0,1fr) 40px;align-items:center}.task-table-head{min-height:32px;padding:0 10px;border-bottom:1px solid #dce4e0;background:#f6f8f7;color:#000;font-size:7.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.task-table-head span:last-child{text-align:center}.task-list{padding:0 10px}.task-row{min-height:58px;border-bottom:1px solid #dce4e0;transition:background .16s}.task-row:last-child{border-bottom:0}.task-row>time{color:#000;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.task-copy{min-width:0;display:grid;gap:3px;padding:9px 6px 9px 0}.task-copy span{color:#11875a;font-size:7px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.task-copy strong{overflow-wrap:anywhere;color:#000;font-size:11px;line-height:1.35}.task-check{position:relative;width:36px;height:40px;display:grid;place-items:center;justify-self:center;cursor:pointer}.task-check input{position:absolute;width:1px;height:1px;opacity:0}.task-check>span{width:25px;height:25px;display:grid;place-items:center;border:2px solid #b9c7c0;border-radius:7px;background:#fff;color:transparent;transition:.16s}.task-check svg{width:15px;stroke-width:3}.task-check input:focus-visible+span{outline:3px solid rgba(32,183,122,.25);outline-offset:2px}.task-check input:checked+span{border-color:#20b77a;background:#20b77a;color:#fff}.task-row:has(input:checked){background:#f1faf6}.task-row:has(input:checked) .task-copy strong{color:#65716b;text-decoration:line-through;text-decoration-thickness:1.5px}.task-row:has(input:checked) .task-copy span{color:#65716b}
@media(min-width:781px){.result-layout{grid-template-columns:minmax(0,1.75fr) minmax(260px,.7fr)}}
@media(max-width:780px){.task-panel .panel-heading{padding:14px}.task-table-head,.task-row{grid-template-columns:54px minmax(0,1fr) 46px}.task-table-head{padding:0 14px;font-size:8px}.task-list{padding:0 14px}.task-row{min-height:64px}.task-copy strong{font-size:12.5px}.task-copy span{font-size:8px}.task-row>time{font-size:12px}.task-check>span{width:28px;height:28px}}
.task-row.mer{box-shadow:inset 4px 0 #20b77a}.task-row.pod{box-shadow:inset 4px 0 #7255a5}.task-row.warning{box-shadow:inset 4px 0 #d39a28}.task-row.bus{box-shadow:inset 4px 0 #3979a8}.task-row.pod .task-copy span{color:#7255a5}.task-row.warning .task-copy span{color:#9b6808}.task-row.bus .task-copy span{color:#3979a8}
.action-row.icon-route-off .action-dot{background:#fff0ed;color:#bd5548}.action-row.icon-route .action-dot{background:#eaf3fa;color:#3979a8}.action-row.icon-warehouse .action-dot{background:#e8f8f1;color:#11875a}.action-row.icon-square-parking .action-dot{background:#fff5db;color:#a8730d}.action-row.icon-car-front .action-dot{background:#f0ecfb;color:#7255a5}.task-row.icon-route-off{box-shadow:inset 4px 0 #bd5548}.task-row.icon-route{box-shadow:inset 4px 0 #3979a8}.task-row.icon-warehouse{box-shadow:inset 4px 0 #20b77a}.task-row.icon-square-parking{box-shadow:inset 4px 0 #d39a28}.task-row.icon-car-front{box-shadow:inset 4px 0 #7255a5}.task-row.icon-route-off .task-copy span{color:#a83f34}.task-row.icon-route .task-copy span{color:#3979a8}.task-row.icon-square-parking .task-copy span{color:#9b6808}
.outage-hero h1{margin-top:0}
body.dark .results .result-header,body.dark .results .impact-card,body.dark .results .action-panel,body.dark .results .task-panel,body.dark .results .trips-panel{border-color:var(--line);background:var(--surface)}body.dark .results .result-title h2,body.dark .results .impact-card strong,body.dark .results .panel-heading h3,body.dark .results .result-title>span,body.dark .results .result-title p,body.dark .results .impact-card small,body.dark .results .panel-heading small,body.dark .results .action-time,body.dark .results .action-copy strong,body.dark .results .action-copy p,body.dark .results .action-tags span,body.dark .results .trip-copy strong,body.dark .results .trip-copy small,body.dark .results .trip-time,body.dark .results .panel-count,body.dark .task-table-head,body.dark .task-row>time,body.dark .task-copy strong{color:var(--ink)}body.dark .panel-heading{border-bottom-color:var(--line);background:#1b2721}body.dark .action-row:not(:last-child),body.dark .task-row,body.dark .trip-row{border-bottom-color:var(--line)}body.dark .action-tags span{border-color:#34463c;background:var(--surface-soft)}body.dark .task-table-head{border-bottom-color:var(--line);background:var(--surface-soft)}body.dark .task-check>span{border-color:#52665b;background:#111a15}body.dark .task-row:has(input:checked){background:#17372a}body.dark .task-row:has(input:checked) .task-copy strong,body.dark .task-row:has(input:checked) .task-copy span{color:#a8b7af}body.dark .mer-export-button{background:var(--accent);color:#062a1d;box-shadow:none}body.dark .pdf-link{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}body.dark .action-row.icon-route-off .action-dot{background:#3c2421;color:#ec8b80}body.dark .action-row.icon-route .action-dot{background:#1a2d39;color:#74b6e5}body.dark .action-row.icon-warehouse .action-dot{background:#17372a;color:#58dda5}body.dark .action-row.icon-square-parking .action-dot{background:#382f19;color:#e4b654}body.dark .action-row.icon-car-front .action-dot{background:#2d2740;color:#b9a4e4}body.dark .action-row.warning .action-copy strong{color:#e4b654}body.dark .task-row.icon-route-off .task-copy span{color:#ec8b80}body.dark .task-row.icon-route .task-copy span{color:#74b6e5}body.dark .task-row.icon-warehouse .task-copy span{color:#58dda5}body.dark .task-row.icon-square-parking .task-copy span,body.dark .task-row.warning .task-copy span{color:#e4b654}body.dark .task-row.icon-car-front .task-copy span{color:#b9a4e4}body.dark .results .panel-empty p{color:var(--muted)}
.task-row.mer,.task-row.pod,.task-row.warning,.task-row.bus,.task-row.icon-route-off,.task-row.icon-route,.task-row.icon-warehouse,.task-row.icon-square-parking,.task-row.icon-car-front{box-shadow:none}.task-row .task-copy{padding-left:9px;border-left:4px solid #20b77a}.task-row.icon-route-off .task-copy{border-left-color:#bd5548}.task-row.icon-route .task-copy{border-left-color:#3979a8}.task-row.icon-warehouse .task-copy{border-left-color:#20b77a}.task-row.icon-square-parking .task-copy,.task-row.warning .task-copy{border-left-color:#d39a28}.task-row.icon-car-front .task-copy,.task-row.pod .task-copy{border-left-color:#7255a5}
.selected-duties{max-width:720px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto 0}.selected-duty{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 11px;border:1px solid #ccebdd;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:11px}.selected-duty>svg{width:15px}.selected-duty button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(32,183,122,.14);color:inherit;cursor:pointer}.selected-duty button svg{width:14px}.source-pdf-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.action-panel .panel-heading h3{font-size:16px;white-space:nowrap}.action-tags .duty-tag{border-color:#bfe6d5;background:#e8f8f1;color:#08764e;font-weight:900}.result-duty-mark strong{white-space:nowrap}.result-duty-mark:has(strong:not(:empty)){padding:0 6px}
body.dark .selected-duty{border-color:#29513e;background:var(--accent-soft)}body.dark .selected-duty button{background:rgba(88,221,165,.13)}body.dark .action-tags .duty-tag{border-color:#29513e;background:#17372a;color:#58dda5}
@media(max-width:560px){.impact-summary{display:none}.source-pdf-links{display:grid;grid-template-columns:1fr;width:100%}.action-panel .panel-heading{gap:8px;padding:12px}.action-panel .panel-icon{width:34px;height:34px;border-radius:10px}.action-panel .panel-heading h3{font-size:clamp(11px,3.4vw,14px);letter-spacing:-.2px}.action-panel .panel-heading small{display:none}.action-panel .panel-count{font-size:8px;padding:4px 6px}.selected-duties{justify-content:flex-start}.result-duty-mark strong{font-size:12px}.result-header-actions{margin-top:2px}}
.duty-tone-0{--duty-color:#11875a;--duty-soft:#e8f8f1}.duty-tone-1{--duty-color:#2874a6;--duty-soft:#eaf4fb}.duty-tone-2{--duty-color:#7255a5;--duty-soft:#f0ecfb}.duty-tone-3{--duty-color:#bd5548;--duty-soft:#fff0ed}.duty-tone-4{--duty-color:#a8730d;--duty-soft:#fff5db}.duty-tone-5{--duty-color:#087f87;--duty-soft:#e7f7f8}
.duty-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid #dce4e0;background:#f7faf8}.duty-legend>strong{font-size:10px}.duty-legend>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px}.duty-legend>div>b{color:#9aa7a0;font-size:10px;font-weight:900}.duty-legend span,.duty-row-label,.trip-duty-label{display:inline-flex;align-items:center;gap:6px;color:var(--duty-color);font-weight:900}.duty-legend span{padding:7px 11px;border:1px solid color-mix(in srgb,var(--duty-color) 25%,#fff);border-radius:999px;background:var(--duty-soft);font-size:9px;box-shadow:0 2px 7px rgba(25,61,44,.05)}.duty-legend i,.duty-row-label i,.trip-duty-label i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--duty-color)}.duty-row-label,.trip-duty-label{width:max-content;margin-bottom:5px;font-size:9px;letter-spacing:.045em;text-transform:uppercase}
.multiple-duties .action-timeline{padding:7px 12px 12px;background:#f6f9f7}.multiple-duties .action-row{margin:7px 0;padding:15px 14px;border:1px solid color-mix(in srgb,var(--duty-color) 23%,#dce4e0);border-left:5px solid var(--duty-color);border-radius:14px;background:linear-gradient(90deg,var(--duty-soft),#fff 38%);box-shadow:0 4px 13px rgba(25,61,44,.045)}.multiple-duties .action-row:not(:last-child):after{display:none}.multiple-duties .action-time{color:var(--duty-color)!important}.multiple-duties .action-row .action-dot{box-shadow:0 0 0 4px #fff}.action-time,.task-row>time{white-space:nowrap}
.multiple-duties .task-list{display:grid;gap:6px;padding:8px}.multiple-duties .task-row{border:1px solid color-mix(in srgb,var(--duty-color) 22%,#dce4e0);border-radius:10px;background:linear-gradient(90deg,var(--duty-soft),#fff 55%)}.multiple-duties .task-row .task-copy{border-left-color:var(--duty-color)}.multiple-duties .task-row .task-copy>span{color:var(--duty-color);font-size:8px}.trip-duty-label{margin-bottom:1px}.multiple-duties .trip-row{border-left:4px solid var(--duty-color);padding-left:10px;background:linear-gradient(90deg,var(--duty-soft),#fff 48%)}
body.dark .duty-tone-0{--duty-soft:#17372a}body.dark .duty-tone-1{--duty-soft:#1a2d39}body.dark .duty-tone-2{--duty-soft:#2d2740}body.dark .duty-tone-3{--duty-soft:#3c2421}body.dark .duty-tone-4{--duty-soft:#382f19}body.dark .duty-tone-5{--duty-soft:#17363a}body.dark .duty-legend{border-color:var(--line);background:#17211c}body.dark .multiple-duties .action-timeline{background:#121a16}body.dark .multiple-duties .action-row,body.dark .multiple-duties .task-row,body.dark .multiple-duties .trip-row{background:linear-gradient(90deg,var(--duty-soft),var(--surface) 48%)}body.dark .multiple-duties .action-row .action-dot{box-shadow:0 0 0 4px var(--surface)}
@media(max-width:560px){.duty-legend{align-items:flex-start;flex-direction:column;padding:10px 12px}.duty-legend>div{justify-content:flex-start}.multiple-duties .action-timeline{padding:5px 7px 9px}.multiple-duties .action-row{grid-template-columns:50px 28px minmax(0,1fr);padding:13px 10px}.duty-row-label{font-size:8px}}
.checklist-sync{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border-bottom:1px solid #dce4e0;background:#f6f9f7;color:#65736c;font-size:8px;font-weight:750;text-align:center}.checklist-sync svg{width:14px;height:14px;flex:0 0 auto}.checklist-sync.live{background:#eef9f4;color:#11875a}.checklist-sync.saving{background:#edf6fb;color:#2874a6}.checklist-sync.local{background:#fff7e6;color:#946407}.checklist-sync button{flex:0 0 auto;border:0;border-radius:7px;padding:6px 9px;background:#10221a;color:#fff;font:inherit;font-weight:800;cursor:pointer}.checklist-sync button[hidden]{display:none}.task-check input:disabled+span{border-style:dashed;background:#f2f5f3;cursor:not-allowed}.task-completed-meta{min-height:0;color:#11875a;font-size:8px;font-weight:750;line-height:1.3}.task-completed-meta:empty{display:none}.task-row:has(input:checked) .task-completed-meta{color:#65736c;text-decoration:none}.task-row:has(input:checked) .task-check>span{box-shadow:0 0 0 3px rgba(32,183,122,.12)}body.dark .checklist-sync{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .checklist-sync.live{background:#17372a;color:#58dda5}body.dark .checklist-sync.saving{background:#1a2d39;color:#74b6e5}body.dark .checklist-sync.local{background:#382f19;color:#e4b654}body.dark .checklist-sync button{background:#20b77a;color:#071a12}body.dark .task-completed-meta{color:#58dda5}

.outage-sessions{max-width:1180px;margin:0 auto 18px;border:1px solid #dce4e0;border-radius:20px;background:#fff;overflow:hidden}.outage-sessions>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e3e9e6}.outage-sessions header small{color:#11875a;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.outage-sessions h2{margin:2px 0;font-size:19px}.outage-sessions header p{margin:0;color:#69766f;font-size:11px}.sessions-refresh{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d6e1dc;border-radius:10px;background:#f7faf8;color:#11875a;cursor:pointer}.sessions-refresh svg{width:16px}.session-list{display:grid;gap:8px;padding:12px}.session-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;border:1px solid #dce4e0;border-radius:13px;background:#fbfcfb}.session-date{min-width:62px;padding:8px;border-radius:10px;background:#e8f8f1;color:#11875a;text-align:center}.session-date strong,.session-date span{display:block}.session-date strong{font-size:18px}.session-date span{font-size:9px;font-weight:750;text-transform:uppercase}.session-copy{min-width:0}.session-copy strong{display:block;font-size:13px}.session-duties{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.session-duties span{padding:4px 7px;border-radius:999px;background:#edf5f1;color:#0d7550;font-size:9px;font-weight:800}.session-copy small{color:#69766f;font-size:9px}.session-join{border:0;border-radius:10px;padding:10px 14px;background:#10221a;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.sessions-empty{margin:0;padding:10px;color:#69766f;font-size:11px;text-align:center}body.dark .outage-sessions{border-color:var(--line);background:var(--surface)}body.dark .outage-sessions>header,.dark .session-card{border-color:var(--line)}body.dark .session-card{background:var(--surface-soft)}body.dark .outage-sessions h2,body.dark .session-copy strong{color:var(--ink)}body.dark .outage-sessions header p,body.dark .session-copy small,body.dark .sessions-empty{color:var(--muted)}
@media(max-width:620px){.outage-sessions{margin:0 10px 14px;border-radius:16px}.outage-sessions>header{padding:13px 14px}.outage-sessions h2{font-size:16px}.outage-sessions header p{font-size:10px}.session-card{grid-template-columns:52px minmax(0,1fr);gap:10px}.session-date{min-width:0;padding:7px}.session-date strong{font-size:15px}.session-join{grid-column:1/-1;width:100%}.checklist-sync{flex-wrap:wrap}.checklist-sync-text{max-width:210px}}

.session-copy small b{color:#24352d;font-weight:850}.session-invite{margin:6px 0 0;color:#11875a;font-size:9px;font-weight:750}.session-join{min-width:190px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;padding:11px 14px;box-shadow:0 6px 16px rgba(16,34,26,.13)}.session-join svg{width:15px;height:15px}.session-join svg:last-child{width:13px;height:13px}body.dark .session-copy small b{color:var(--ink)}body.dark .session-invite{color:#58dda5}

.session-actions{display:grid;gap:6px;justify-items:stretch}.session-delete{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #efc7c2;border-radius:9px;padding:7px 10px;background:#fff8f7;color:#b53b30;font-size:9px;font-weight:800;cursor:pointer}.session-delete svg{width:13px;height:13px}.session-delete:hover{border-color:#dc6d62;background:#fff0ee}body.dark .session-delete{border-color:#70443f;background:#2d201e;color:#ef9086}@media(max-width:620px){.session-actions{grid-column:1/-1}.session-actions .session-join{grid-column:auto}.session-delete{min-height:36px}}

.result-header-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px}.result-header-actions>.checklist-sync{grid-column:1/-1;min-height:29px;justify-content:flex-end;padding:4px 5px 4px 9px;border:1px solid #ead5a7;border-radius:10px;font-size:7px;line-height:1.2;white-space:nowrap}.result-header-actions>.checklist-sync svg{width:12px;height:12px}.result-header-actions>.checklist-sync button{padding:5px 8px;border-radius:6px;font-size:7px}.result-header-actions>.mer-export-button{width:100%}.result-header-actions>.source-pdf-links{display:flex;gap:6px}.result-header-actions>.source-pdf-links .pdf-link{height:100%}@media(max-width:720px){.result-header-actions{grid-template-columns:1fr 1fr}.result-header-actions>.checklist-sync{grid-column:1/-1;justify-content:center}.result-header-actions>.source-pdf-links{display:grid;grid-template-columns:1fr}}@media(max-width:440px){.result-header-actions{grid-template-columns:1fr}.result-header-actions>.checklist-sync{white-space:normal}.result-header-actions>.source-pdf-links{grid-column:1/-1}}

.result-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.result-header-actions>.checklist-sync{grid-column:auto;width:100%;min-height:44px;justify-content:space-between;gap:6px;padding:5px 5px 5px 9px;border-color:#a9dfc7;border-radius:12px;background:#eaf8f1;color:#0d7550;font-size:7px;box-shadow:0 8px 20px rgba(17,135,90,.08)}.result-header-actions>.checklist-sync.local{border-color:#a9dfc7;background:#eaf8f1;color:#0d7550}.result-header-actions>.checklist-sync.live{border-color:#8ed7b7;background:#e4f7ee;color:#08764d}.result-header-actions>.checklist-sync.saving{border-color:#aad3e9;background:#edf7fc;color:#286f99}.result-header-actions>.checklist-sync>svg{width:14px;height:14px}.result-header-actions>.checklist-sync button{min-height:32px;padding:0 10px;border-radius:8px;background:#11875a;color:#fff;font-size:7px;box-shadow:0 4px 10px rgba(17,135,90,.18)}.result-header-actions>.mer-export-button{min-height:44px;height:100%}.result-header-actions>.source-pdf-links{grid-column:1/-1}.result-header-actions>.source-pdf-links .pdf-link{width:100%;justify-content:center}body.dark .result-header-actions>.checklist-sync.local{border-color:#315d49;background:#17372a;color:#58dda5}@media(max-width:720px){.result-header-actions>.checklist-sync{grid-column:auto;justify-content:space-between}}@media(max-width:520px){.result-header-actions{grid-template-columns:1fr}.result-header-actions>.checklist-sync{grid-column:1/-1}.result-header-actions>.mer-export-button{grid-column:1/-1}}

.result-header-actions{width:min(720px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-header-actions>.checklist-sync{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-width:0;height:44px;min-height:44px;gap:6px;padding:4px 4px 4px 9px;border-color:#ead5a7;border-radius:12px;background:#fff7e6;color:#946407;font-size:7px;box-shadow:none}.result-header-actions>.checklist-sync.local{border-color:#ead5a7;background:#fff7e6;color:#946407}.result-header-actions>.checklist-sync.live{border-color:#a9dfc7;background:#eaf8f1;color:#0d7550}.result-header-actions>.checklist-sync.saving{border-color:#aad3e9;background:#edf7fc;color:#286f99}.result-header-actions .checklist-sync-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.result-header-actions>.checklist-sync button{min-height:34px;padding:0 9px;border-radius:8px;background:#10221a;color:#fff;font-size:7px;box-shadow:none}.result-header-actions>.mer-export-button,.result-header-actions>.source-pdf-links,.result-header-actions>.source-pdf-links .pdf-link{height:44px;min-height:44px}.result-header-actions>.source-pdf-links{grid-column:auto;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}.result-header-actions>.source-pdf-links .pdf-link{min-width:0;padding:0 9px;justify-content:center}body.dark .result-header-actions>.checklist-sync.local{border-color:#66572c;background:#382f19;color:#e4b654}@media(max-width:760px){.result-header-actions{width:100%;grid-template-columns:1fr 1fr}.result-header-actions>.checklist-sync{grid-column:1/-1}.result-header-actions>.source-pdf-links{grid-column:auto}}@media(max-width:520px){.result-header-actions{grid-template-columns:1fr}.result-header-actions>.checklist-sync,.result-header-actions>.mer-export-button,.result-header-actions>.source-pdf-links{grid-column:1/-1}}

.outage-hero h1{margin:10px auto 6px;font-size:clamp(27px,4vw,43px);line-height:1.05;letter-spacing:-1.8px}.outage-hero .duty-search{margin-top:18px}@media(max-width:560px){.outage-hero h1{font-size:clamp(18px,5.2vw,25px);letter-spacing:-.9px}.outage-hero .duty-search{margin-top:15px}}

.result-header-actions{width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.result-header-actions>.source-pdf-links{grid-column:auto}@media(max-width:520px){.result-header-actions{grid-template-columns:1fr}.result-header-actions>.mer-export-button,.result-header-actions>.source-pdf-links{grid-column:1/-1}}

.task-panel>.checklist-sync{min-height:43px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;gap:8px;padding:5px 7px 5px 11px;border:0;border-bottom:1px solid #ded7ee;border-radius:0;background:#f4f1fb;color:#111;font-size:8px;font-weight:800;text-align:left}.task-panel>.checklist-sync.local{background:#f4f1fb;color:#111}.task-panel>.checklist-sync.live{border-bottom-color:#bde2cf;background:#edf9f3;color:#111}.task-panel>.checklist-sync.saving{border-bottom-color:#bdd8e8;background:#eef7fc;color:#111}.task-panel>.checklist-sync>svg{width:15px;height:15px;color:#7257a7}.task-panel>.checklist-sync .checklist-sync-text{min-width:0;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-panel>.checklist-sync button{min-height:31px;padding:0 10px;border:0;border-radius:999px;background:#7257a7;color:#fff;font-size:8px;font-weight:850;box-shadow:0 4px 10px rgba(114,87,167,.2)}.task-panel>.checklist-sync button:hover{background:#60458f}body.dark .task-panel>.checklist-sync.local{border-color:#514565;background:#282333;color:#fff}body.dark .task-panel>.checklist-sync .checklist-sync-text{color:inherit}@media(max-width:440px){.task-panel>.checklist-sync{grid-template-columns:auto minmax(0,1fr);padding:7px 10px}.task-panel>.checklist-sync button{grid-column:1/-1;width:100%}}

.outage-sessions>header{min-height:52px;padding:8px 12px 8px 16px}.outage-sessions>header>div{min-width:0;display:flex;align-items:baseline;gap:9px}.outage-sessions>header small{display:none}.outage-sessions h2{flex:0 0 auto;margin:0;font-size:13px;letter-spacing:-.2px}.outage-sessions header p{min-width:0;overflow:hidden;margin:0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.outage-sessions .sessions-refresh{width:32px;height:32px;border-radius:9px}.outage-sessions.compact-empty{width:min(720px,calc(100% - 28px));margin-bottom:12px;border-radius:999px}.outage-sessions.compact-empty>header{min-height:44px;padding:5px 6px 5px 16px;border-bottom:0}.outage-sessions.compact-empty h2{font-size:11px}.outage-sessions.compact-empty header p{font-size:8px}.outage-sessions.compact-empty .sessions-refresh{width:32px;height:32px;border-radius:50%}.outage-sessions.compact-empty .session-list{display:none}@media(max-width:620px){.outage-sessions.compact-empty{margin:0 auto 10px;border-radius:14px}.outage-sessions>header>div{display:grid;gap:1px}.outage-sessions.compact-empty>header>div{display:flex}.outage-sessions.compact-empty header p{display:none}}

.task-panel>.checklist-sync{min-height:41px;padding:4px 6px 4px 11px;border-bottom-color:#b9dceb;background:#edf7fc;color:#111}.task-panel>.checklist-sync.local{border-bottom-color:#b9dceb;background:#edf7fc;color:#111}.task-panel>.checklist-sync>svg{color:#2879a7}.task-panel>.checklist-sync button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #2c7eaa;border-radius:10px;background:linear-gradient(180deg,#3a91bd,#2879a7);color:#fff;box-shadow:0 4px 10px rgba(40,121,167,.2)}.task-panel>.checklist-sync button svg{width:12px;height:12px}.task-panel>.checklist-sync button:hover{background:linear-gradient(180deg,#3187b2,#226b94)}body.dark .task-panel>.checklist-sync.local{border-color:#36596d;background:#1b303c;color:#fff}

.results .result-header{gap:12px;padding:14px 16px;border-radius:18px}.results .result-duty-mark{width:64px;height:64px;border-radius:16px}.results .result-duty-mark strong{font-size:15px}.results .result-title>span{font-size:8px}.results .result-title h2{margin:2px 0 3px;font-size:21px;letter-spacing:-.5px}.results .result-title p{font-size:9px}.results .result-header-actions{gap:6px}.results .mer-export-button,.results .result-header-actions>.source-pdf-links,.results .result-header-actions>.source-pdf-links .pdf-link{height:40px;min-height:40px}.results .mer-export-button{padding:0 12px;font-size:9px}.results .pdf-link{padding:0 11px;font-size:8px}@media(max-width:560px){.results .result-header{padding:12px}.results .result-duty-mark{width:56px;height:56px;border-radius:14px}.results .result-title h2{font-size:17px}.results .result-title p{font-size:8px}}

.task-panel>.checklist-sync.live{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;padding:5px 118px 5px 12px;background:#edf9f3;color:#111}.task-panel>.checklist-sync.live>svg{display:none}.task-panel>.checklist-sync.live::before{content:"";width:8px;height:8px;flex:0 0 auto;margin-right:8px;border-radius:50%;background:#20b77a;box-shadow:0 0 0 0 rgba(32,183,122,.45);animation:checklist-live-pulse 1.8s ease-out infinite}.task-panel>.checklist-sync.live .checklist-sync-text{color:#10221a;font-size:10px;font-weight:900;text-align:center}.task-panel>.checklist-sync .delete-active-session{position:absolute;right:6px;min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #efb8b2;border-radius:8px;background:#fff8f7;color:#b23b31;font-size:7px;box-shadow:none}.task-panel>.checklist-sync .delete-active-session svg{width:12px;height:12px}.task-panel>.checklist-sync .delete-active-session:hover{background:#fff0ee}@keyframes checklist-live-pulse{0%{box-shadow:0 0 0 0 rgba(32,183,122,.5)}70%{box-shadow:0 0 0 7px rgba(32,183,122,0)}100%{box-shadow:0 0 0 0 rgba(32,183,122,0)}}

.outage-sessions:not(.compact-empty)>header{min-height:44px;padding:5px 8px 5px 14px}.outage-sessions:not(.compact-empty) .session-list{padding:7px}.outage-sessions:not(.compact-empty) .session-card{min-height:58px;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;padding:7px 8px}.outage-sessions:not(.compact-empty) .session-date{min-width:46px;padding:5px}.outage-sessions:not(.compact-empty) .session-date strong{font-size:14px}.outage-sessions:not(.compact-empty) .session-date span{font-size:7px}.outage-sessions:not(.compact-empty) .session-copy>strong{font-size:11px}.outage-sessions:not(.compact-empty) .session-duties{display:none}.outage-sessions:not(.compact-empty) .session-copy small{font-size:7px}.outage-sessions:not(.compact-empty) .session-invite{display:none}.outage-sessions:not(.compact-empty) .session-actions{grid-auto-flow:column;gap:5px}.outage-sessions:not(.compact-empty) .session-join{min-width:155px;padding:8px 10px;font-size:8px;box-shadow:none}.outage-sessions:not(.compact-empty) .session-delete{min-width:34px;padding:7px}.outage-sessions:not(.compact-empty) .session-delete span{display:none}@media(max-width:620px){.task-panel>.checklist-sync.live{padding-right:44px}.task-panel>.checklist-sync.live .checklist-sync-text{font-size:9px}.task-panel>.checklist-sync .delete-active-session{width:32px;padding:0;justify-content:center}.task-panel>.checklist-sync .delete-active-session span{display:none}.outage-sessions:not(.compact-empty) .session-card{grid-template-columns:42px minmax(0,1fr)}.outage-sessions:not(.compact-empty) .session-actions{grid-column:1/-1}.outage-sessions:not(.compact-empty) .session-delete span{display:inline}}

.task-panel>.checklist-sync.live{padding-right:12px}.task-panel>.checklist-sync.live:has(.delete-active-session:not([hidden])){padding-right:118px}@media(max-width:620px){.task-panel>.checklist-sync.live{padding-right:12px}.task-panel>.checklist-sync.live:has(.delete-active-session:not([hidden])){padding-right:44px}}

.outage-hero{padding-top:24px;padding-bottom:16px}.outage-hero h1{margin:7px auto 4px;font-size:clamp(23px,3.3vw,36px);line-height:1.05;letter-spacing:-1.4px}.outage-hero .duty-search{max-width:650px;margin-top:14px;padding:5px;gap:6px;border-radius:15px}.outage-hero .search-field{height:44px;gap:8px;padding:0 11px}.outage-hero .search-field>svg{width:17px}.outage-hero .search-field input{font-size:14px}.outage-hero .clear-search{width:29px;height:29px}.outage-hero .search-button{min-height:44px;padding:0 16px;border-radius:10px;font-size:10px;gap:7px}.outage-hero .search-button svg{width:14px}.outage-hero .index-state{margin-top:8px!important;font-size:8px!important}@media(max-width:560px){.outage-hero{padding-top:15px;padding-bottom:12px}.outage-hero h1{font-size:clamp(17px,4.8vw,22px);letter-spacing:-.7px}.outage-hero .duty-search{margin-top:11px;padding:4px}.outage-hero .search-field{height:42px}.outage-hero .search-button{min-height:40px}}

.outage-sessions.compact-empty>header>div{display:flex;align-items:center;gap:8px}.outage-sessions.compact-empty>header>div::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#d94a3f;box-shadow:0 0 0 3px rgba(217,74,63,.1)}.outage-sessions.compact-empty h2{font-size:10px;color:#111}.outage-sessions.compact-empty header p{display:none}
.task-table-head,.task-row{column-gap:8px}
.outage-sessions:not(.compact-empty){border-color:#d5e3dc;box-shadow:0 12px 34px rgba(21,57,40,.07)}.outage-sessions:not(.compact-empty)>header{padding-left:17px;background:linear-gradient(90deg,#f4faf7,#fff)}.outage-sessions:not(.compact-empty) .session-list{gap:9px;padding:9px}.outage-sessions:not(.compact-empty) .session-card{min-height:76px;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;padding:10px 11px;border-color:#d9e6e0;border-radius:14px;background:linear-gradient(100deg,#f9fcfa,#fff 48%);box-shadow:0 3px 10px rgba(21,57,40,.035)}.outage-sessions:not(.compact-empty) .session-date{min-width:50px;padding:7px 5px;border:1px solid #d5eee2;background:#eaf8f1}.outage-sessions:not(.compact-empty) .session-date strong{font-size:15px}.outage-sessions:not(.compact-empty) .session-copy{display:grid;gap:4px}.outage-sessions:not(.compact-empty) .session-copy>strong{font-size:12px;letter-spacing:-.15px}.outage-sessions:not(.compact-empty) .session-copy>small{font-size:7.5px}.session-participants{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:1px}.session-participants-label,.session-person{min-height:23px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:7.5px;font-weight:800;white-space:nowrap}.session-participants-label{padding:0 8px;background:#edf3f0;color:#596961}.session-participants-label svg{width:11px;height:11px}.session-person{padding:2px 8px 2px 3px;border:1px solid #cde7da;background:#f1faf6;color:#145f43}.session-person i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#20b77a;color:#fff;font-size:6.5px;font-style:normal;font-weight:900}.session-person b{font-weight:850}.outage-sessions:not(.compact-empty) .session-actions{align-self:center}.outage-sessions:not(.compact-empty) .session-join{min-height:42px;border-radius:12px;padding:9px 14px;background:linear-gradient(135deg,#10221a,#17392a);box-shadow:0 6px 15px rgba(16,34,26,.12)}.outage-sessions:not(.compact-empty) .session-delete{min-height:34px;border-radius:10px}body.dark .outage-sessions:not(.compact-empty)>header{background:linear-gradient(90deg,#17251e,var(--surface))}body.dark .outage-sessions:not(.compact-empty) .session-card{background:linear-gradient(100deg,#1c2a23,var(--surface-soft) 55%)}body.dark .session-participants-label{background:#26352d;color:var(--muted)}body.dark .session-person{border-color:#315d49;background:#17372a;color:#58dda5}@media(max-width:620px){.outage-sessions:not(.compact-empty) .session-card{grid-template-columns:46px minmax(0,1fr);gap:9px}.outage-sessions:not(.compact-empty) .session-date{min-width:46px}.outage-sessions:not(.compact-empty) .session-actions{grid-column:1/-1;grid-auto-flow:column}.outage-sessions:not(.compact-empty) .session-join{min-width:0;width:100%}.session-participants{grid-column:1/-1}}
.outage-sessions:not(.compact-empty) h2{font-size:15px;color:#000}.outage-sessions:not(.compact-empty) header p{color:#000;font-size:10px;font-weight:600}.outage-sessions:not(.compact-empty) .session-copy>strong{color:#000;font-size:13px}.outage-sessions:not(.compact-empty) .session-copy>small,.outage-sessions:not(.compact-empty) .session-copy>small b{color:#000;font-size:8.5px}.session-participants-label,.session-person{color:#000;font-size:8.5px}.session-person-empty{padding-left:8px;color:#000}@media(max-width:620px){.outage-sessions:not(.compact-empty) h2{font-size:14px}.outage-sessions:not(.compact-empty) header p{font-size:9px}}body.dark .outage-sessions:not(.compact-empty) h2,body.dark .outage-sessions:not(.compact-empty) header p,body.dark .outage-sessions:not(.compact-empty) .session-copy>strong,body.dark .outage-sessions:not(.compact-empty) .session-copy>small,body.dark .outage-sessions:not(.compact-empty) .session-copy>small b,body.dark .session-participants-label,body.dark .session-person{color:var(--ink)}
.task-panel>.checklist-sync.live:has(.delete-active-session:not([hidden])){padding-right:50px}.task-panel>.checklist-sync .delete-active-session{width:36px;min-width:36px;padding:0;justify-content:center}.task-panel>.checklist-sync .delete-active-session svg{width:15px;height:15px;stroke-width:2.2}.outage-sessions:not(.compact-empty) .session-delete{width:38px;min-width:38px;padding:0}.outage-sessions:not(.compact-empty) .session-delete svg{width:15px;height:15px;stroke-width:2.2}@media(max-width:620px){.task-panel>.checklist-sync.live:has(.delete-active-session:not([hidden])){padding-right:50px}}
.trips-list{display:block;padding:0 18px 14px}.trips-table-head,.trip-row{display:grid;grid-template-columns:82px minmax(0,1fr) 180px 138px;align-items:center;column-gap:16px}.trips-table-head{min-height:38px;border-bottom:1px solid #cfdad4;color:#536159;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.trips-table-head span:last-child{text-align:right}.trip-row{min-height:66px;padding:10px 0}.trip-line{width:48px;min-width:48px;height:38px;padding:0 8px;border-radius:10px;font-size:13px}.trip-route{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:8px}.trip-route>i{color:#7d8a83;font-size:14px;font-style:normal;font-weight:800;text-align:center}.trip-place{min-width:0;display:grid;gap:2px}.trip-place small,.trip-reference small{color:#68766f;font-size:8px;font-weight:700}.trip-place strong,.trip-reference strong{overflow:hidden;color:#000;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.trip-reference{min-width:0;display:grid;gap:3px}.trip-reference small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-time{width:100%;color:#000;font-size:11px;font-weight:850;text-align:right}body.dark .trips-table-head{border-color:var(--line);color:var(--muted)}body.dark .trip-place strong,body.dark .trip-reference strong,body.dark .trip-time{color:var(--ink)}body.dark .trip-place small,body.dark .trip-reference small{color:var(--muted)}@media(max-width:760px){.trips-list{padding:5px 14px 12px}.trips-table-head{display:none}.trip-row{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"line route time" "line reference reference";gap:5px 10px;padding:11px 0}.trip-line{grid-area:line}.trip-route{grid-area:route}.trip-reference{grid-area:reference;display:flex;gap:7px}.trip-reference small{white-space:normal}.trip-time{grid-area:time;align-self:start;padding-top:8px}.multiple-duties .trip-row{padding-left:8px}}@media(max-width:480px){.trip-row{grid-template-columns:46px minmax(0,1fr);grid-template-areas:"line route" "line time" ". reference"}.trip-line{width:42px;min-width:42px}.trip-route{grid-template-columns:1fr;gap:5px}.trip-route>i{display:none}.trip-time{padding-top:0;text-align:left}.trip-reference{display:grid;gap:2px}}
.session-title{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px}.session-title>span:first-child{color:#000;font-size:12px;font-weight:800}.session-title-duties{display:flex;flex-wrap:wrap;gap:4px}.session-title-duties b{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid #bfe4d3;border-radius:7px;background:#eaf8f1;color:#087650;font-size:9px;font-weight:900;letter-spacing:.02em}.session-person.person-tone-0 i{background:#20b77a}.session-person.person-tone-1 i{background:#3979a8}.session-person.person-tone-2 i{background:#7255a5}.session-person.person-tone-3 i{background:#d08b18}.session-person.person-tone-4 i{background:#bd5548}.session-person.person-tone-5 i{background:#087f87}body.dark .session-title>span:first-child{color:var(--ink)}body.dark .session-title-duties b{border-color:#315d49;background:#17372a;color:#58dda5}
.checklist-participants{display:flex;align-items:center;padding:8px 9px;border-bottom:1px solid var(--line);background:#fbfdfc;overflow:hidden}.checklist-participants-row{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:5px;overflow:hidden}.checklist-person{min-width:0;flex:0 1 auto;display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:3px 7px 3px 3px;border:1px solid #d4e4dc;border-radius:999px;background:#fff;color:#17221d;font-size:8px;white-space:nowrap}.checklist-person-avatar{position:relative;width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#334b63;color:#fff;font-size:7px;font-weight:900}.checklist-person b{min-width:0;overflow:hidden;font-weight:800;text-overflow:ellipsis}.presence-dot{position:absolute;right:-2px;bottom:-1px;width:9px;height:9px;border:0;border-radius:50%;box-shadow:0 1px 3px rgba(18,45,32,.28)}.presence-dot.online{background:#20b77a}.presence-dot.offline{background:#e19722}.checklist-person.person-tone-0 .checklist-person-avatar{background:#334b63}.checklist-person.person-tone-1 .checklist-person-avatar{background:#3979a8}.checklist-person.person-tone-2 .checklist-person-avatar{background:#7255a5}.checklist-person.person-tone-3 .checklist-person-avatar{background:#d08b18}.checklist-person.person-tone-4 .checklist-person-avatar{background:#bd5548}.checklist-person.person-tone-5 .checklist-person-avatar{background:#087f87}body.dark .checklist-participants{background:var(--surface-soft)}body.dark .checklist-person{border-color:var(--line);background:var(--surface);color:var(--ink)}@media(max-width:620px){.checklist-participants{padding:8px}.checklist-participants-row{gap:4px}.checklist-person{padding-right:6px;font-size:7px}}
.session-participants{gap:7px;margin-top:3px}.session-participants-label,.session-person{min-height:34px;font-size:10px}.session-participants-label{gap:6px;padding:0 11px}.session-participants-label svg{width:14px;height:14px}.session-person{gap:7px;padding:3px 11px 3px 3px}.session-person i{width:27px;height:27px;font-size:8px}.session-person-empty{padding-left:11px}
.task-completed-meta .completed-by{font-weight:900}.task-completed-meta .completed-by.person-tone-0{color:#087650}.task-completed-meta .completed-by.person-tone-1{color:#2d6790}.task-completed-meta .completed-by.person-tone-2{color:#624798}.task-completed-meta .completed-by.person-tone-3{color:#a96e0d}.task-completed-meta .completed-by.person-tone-4{color:#a4463c}.task-completed-meta .completed-by.person-tone-5{color:#08747b}.task-completed-meta>span{color:#65736c;font-weight:750}body.dark .task-completed-meta .completed-by.person-tone-0{color:#45d99b}body.dark .task-completed-meta .completed-by.person-tone-1{color:#76b8e8}body.dark .task-completed-meta .completed-by.person-tone-2{color:#aa91e0}body.dark .task-completed-meta .completed-by.person-tone-3{color:#e6b95e}body.dark .task-completed-meta .completed-by.person-tone-4{color:#ec9188}body.dark .task-completed-meta .completed-by.person-tone-5{color:#64cbd1}body.dark .task-completed-meta>span{color:var(--muted)}
.session-title-duties b{min-height:34px;padding:0 13px;border-radius:9px;font-size:14px;letter-spacing:.01em}
.session-title-duties b{color:#000}.session-participants-label{color:#000;font-size:10px;font-weight:850}.session-participants-label svg{width:17px;height:17px;stroke-width:2.2}body.dark .session-title-duties b,body.dark .session-participants-label{color:var(--ink)}
.outage-sessions>header>.sessions-tools{flex:0 0 auto;display:flex;align-items:center;gap:7px}.sessions-location-filter{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px 0 9px;border:1px solid #d4e2db;border-radius:10px;background:#fff;color:#315445}.sessions-location-filter>svg{width:13px;height:13px;flex:0 0 auto;color:#11875a}.sessions-location-filter>svg:last-child{width:11px;color:#718078}.sessions-location-filter select{max-width:150px;border:0;outline:0;background:transparent;color:#17221d;font:800 9px 'DM Sans',sans-serif;cursor:pointer;appearance:none}.outage-sessions.compact-empty .sessions-location-filter{display:none}.sessions-filter-empty{min-height:68px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;color:#64736b;font-size:10px}.sessions-filter-empty svg{width:17px;color:#11875a}.session-location{display:inline-flex;align-items:center;gap:3px;margin-left:7px;padding-left:7px;border-left:1px solid #cfdad4;color:#087650;font-weight:850}.session-location svg{width:10px;height:10px}.session-notifications{width:42px;min-width:42px;min-height:42px;display:grid;place-items:center;border:1px solid #cbdad3;border-radius:11px;background:#f7faf8;color:#52645b;cursor:pointer}.session-notifications svg{width:16px;height:16px}.session-notifications:hover{border-color:#8fc7ac;background:#eef8f3;color:#087650}.session-notifications.active{border-color:#8ed5b3;background:#dff6eb;color:#087650;box-shadow:0 0 0 3px rgba(32,183,122,.08)}.session-notifications:disabled{cursor:wait;opacity:.55}body.dark .sessions-location-filter{border-color:var(--line);background:var(--surface-soft)}body.dark .sessions-location-filter select{color:var(--ink)}body.dark .session-location{border-color:var(--line);color:#58dda5}body.dark .session-notifications{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .session-notifications.active{border-color:#397b5c;background:#173b2a;color:#58dda5}@media(max-width:620px){.outage-sessions>header>.sessions-tools{gap:5px}.sessions-location-filter{height:32px;padding:0 6px}.sessions-location-filter select{max-width:116px;font-size:8px}.outage-sessions:not(.compact-empty) .session-actions{grid-template-columns:minmax(0,1fr) 42px auto}.outage-sessions:not(.compact-empty) .session-actions .session-join{grid-column:auto}.session-notifications{width:38px;min-width:38px}.session-location{display:flex;width:max-content;margin:3px 0 0;padding:0;border:0}}

/* Professionele sessiekaart */
.outage-sessions:not(.compact-empty){border:1px solid #d4e0da;border-radius:18px;background:#f7faf8;box-shadow:0 14px 38px rgba(20,54,38,.08)}.outage-sessions:not(.compact-empty)>header{min-height:70px;padding:11px 14px 11px 16px;border-bottom:1px solid #dae4df;background:#fff}.outage-sessions>header>.sessions-heading{min-width:0;display:flex;align-items:center;gap:11px}.sessions-heading-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #cce8da;border-radius:11px;background:#eaf7f1;color:#087650}.sessions-heading-icon svg{width:18px;height:18px;stroke-width:2}.sessions-heading-copy{min-width:0;display:grid;gap:1px}.outage-sessions .sessions-heading-copy small{display:block;color:#11875a;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.outage-sessions:not(.compact-empty) .sessions-heading-copy h2{margin:0;color:#132119;font-size:16px;font-weight:850;letter-spacing:-.35px;line-height:1.15}.outage-sessions:not(.compact-empty) .sessions-heading-copy p{margin:0;color:#66736c;font-size:9px;font-weight:600}.outage-sessions>header>.sessions-tools::before{display:none!important}.sessions-location-filter{height:38px;padding:0 10px;border-color:#d2ded8;border-radius:11px;box-shadow:0 1px 2px rgba(18,43,31,.03)}.sessions-location-filter select{max-width:160px;font-size:9px}.outage-sessions .sessions-refresh{width:38px;height:38px;border-radius:11px;background:#fff}.outage-sessions:not(.compact-empty) .session-list{gap:10px;padding:11px}.outage-sessions:not(.compact-empty) .session-card{position:relative;min-height:94px;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;padding:13px 12px 13px 15px;overflow:hidden;border:1px solid #dbe5e0;border-radius:14px;background:#fff;box-shadow:0 3px 10px rgba(18,47,33,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.outage-sessions:not(.compact-empty) .session-card::before{content:"";position:absolute;inset:13px auto 13px 0;width:3px;border-radius:0 4px 4px 0;background:#20b77a}.outage-sessions:not(.compact-empty) .session-card:hover{border-color:#bcd9ca;box-shadow:0 7px 18px rgba(18,59,40,.075);transform:translateY(-1px)}.outage-sessions:not(.compact-empty) .session-date{min-width:54px;padding:8px 5px;border:1px solid #cde9dc;border-radius:12px;background:#edf9f3;color:#087650}.outage-sessions:not(.compact-empty) .session-date strong{font-size:17px;line-height:1}.outage-sessions:not(.compact-empty) .session-date span{margin-top:4px;font-size:7px;letter-spacing:.08em}.outage-sessions:not(.compact-empty) .session-copy{gap:5px}.outage-sessions:not(.compact-empty) .session-title>span:first-child{color:#617068;font-size:9px;font-weight:800}.outage-sessions:not(.compact-empty) .session-title-duties b{min-height:29px;padding:0 11px;border-color:#bfe2d1;border-radius:8px;background:#eaf8f1;color:#075f42;font-size:12px}.outage-sessions:not(.compact-empty) .session-copy>small,.outage-sessions:not(.compact-empty) .session-copy>small b{color:#5f6e66;font-size:8px}.outage-sessions:not(.compact-empty) .session-copy>small b{color:#1b2b22}.outage-sessions:not(.compact-empty) .session-location{color:#087650}.outage-sessions:not(.compact-empty) .session-participants{gap:6px;margin-top:1px}.outage-sessions:not(.compact-empty) .session-participants-label,.outage-sessions:not(.compact-empty) .session-person{min-height:29px;font-size:8.5px}.outage-sessions:not(.compact-empty) .session-participants-label{padding:0 9px;background:#f0f4f2;color:#4f5e56}.outage-sessions:not(.compact-empty) .session-participants-label svg{width:14px;height:14px}.outage-sessions:not(.compact-empty) .session-person{padding:2px 9px 2px 3px}.outage-sessions:not(.compact-empty) .session-person i{width:23px;height:23px;font-size:7px}.outage-sessions:not(.compact-empty) .session-actions{display:flex;align-items:center;gap:7px}.outage-sessions:not(.compact-empty) .session-join{min-width:168px;min-height:44px;border-radius:11px;padding:9px 14px;background:#10291e;box-shadow:0 6px 15px rgba(16,41,30,.14);font-size:8.5px}.outage-sessions:not(.compact-empty) .session-join:hover{background:#173b2a}.outage-sessions:not(.compact-empty) .session-notifications,.outage-sessions:not(.compact-empty) .session-delete{width:42px;min-width:42px;min-height:42px;border-radius:11px}.outage-sessions.compact-empty .sessions-heading{gap:8px}.outage-sessions.compact-empty .sessions-heading::before{display:none}.outage-sessions.compact-empty .sessions-heading-icon{width:28px;height:28px;border:0;border-radius:50%;background:#fff0ee;color:#c63f34}.outage-sessions.compact-empty .sessions-heading-icon svg{width:14px;height:14px}.outage-sessions.compact-empty .sessions-heading-copy{display:flex;align-items:center;gap:7px}.outage-sessions.compact-empty .sessions-heading-copy small,.outage-sessions.compact-empty .sessions-heading-copy p{display:none}.outage-sessions.compact-empty .sessions-heading-copy h2{font-size:10px}body.dark .outage-sessions:not(.compact-empty){border-color:var(--line);background:#121b16}body.dark .outage-sessions:not(.compact-empty)>header{border-color:var(--line);background:var(--surface)}body.dark .sessions-heading-icon{border-color:#315d49;background:#17372a;color:#58dda5}body.dark .outage-sessions:not(.compact-empty) .sessions-heading-copy h2{color:var(--ink)}body.dark .outage-sessions:not(.compact-empty) .sessions-heading-copy p{color:var(--muted)}body.dark .sessions-location-filter,body.dark .outage-sessions .sessions-refresh{background:var(--surface-soft)}body.dark .outage-sessions:not(.compact-empty) .session-card{border-color:var(--line);background:var(--surface)}body.dark .outage-sessions:not(.compact-empty) .session-title>span:first-child,body.dark .outage-sessions:not(.compact-empty) .session-copy>small,body.dark .outage-sessions:not(.compact-empty) .session-copy>small b{color:var(--muted)}body.dark .outage-sessions:not(.compact-empty) .session-participants-label{background:var(--surface-soft);color:var(--muted)}
@media(max-width:700px){.outage-sessions:not(.compact-empty)>header{align-items:flex-start;gap:10px;padding:11px 12px}.outage-sessions:not(.compact-empty) .sessions-heading-icon{width:34px;height:34px}.outage-sessions:not(.compact-empty) .sessions-heading-copy h2{font-size:14px}.outage-sessions:not(.compact-empty) .sessions-heading-copy p{display:none}.outage-sessions:not(.compact-empty) .session-card{grid-template-columns:48px minmax(0,1fr);gap:11px;padding:11px}.outage-sessions:not(.compact-empty) .session-date{min-width:48px}.outage-sessions:not(.compact-empty) .session-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 42px auto}.outage-sessions:not(.compact-empty) .session-join{min-width:0;width:100%}}@media(max-width:480px){.outage-sessions:not(.compact-empty)>header{display:grid;grid-template-columns:1fr}.outage-sessions>header>.sessions-tools{width:100%;justify-content:flex-end}.sessions-location-filter{flex:1}.sessions-location-filter select{max-width:none;width:100%}.outage-sessions:not(.compact-empty) .session-title{align-items:flex-start;flex-direction:column;gap:3px}.outage-sessions:not(.compact-empty) .session-location{margin-top:4px}.outage-sessions:not(.compact-empty) .session-actions{grid-template-columns:minmax(0,1fr) 40px 40px}.outage-sessions:not(.compact-empty) .session-notifications,.outage-sessions:not(.compact-empty) .session-delete{width:40px;min-width:40px}}

/* Compacte datum, nadruk op uitgevallen diensten */
.outage-sessions:not(.compact-empty) .session-card{grid-template-columns:44px minmax(0,1fr) auto;gap:13px}.outage-sessions:not(.compact-empty) .session-date{width:44px;min-width:44px;min-height:48px;padding:6px 4px;border-radius:10px}.outage-sessions:not(.compact-empty) .session-date strong{font-size:14px}.outage-sessions:not(.compact-empty) .session-date span{margin-top:3px;font-size:6px}.outage-sessions:not(.compact-empty) .session-title{gap:8px}.outage-sessions:not(.compact-empty) .session-title>span:first-child{color:#111;font-size:12px;font-weight:900;letter-spacing:-.15px}.outage-sessions:not(.compact-empty) .session-title-duties{gap:6px}.outage-sessions:not(.compact-empty) .session-title-duties b{min-height:36px;padding:0 14px;border:1px solid #a9d7c1;border-radius:9px;background:#e8f7f0;color:#050806;font-size:15px;font-weight:950;letter-spacing:.01em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}body.dark .outage-sessions:not(.compact-empty) .session-title>span:first-child,body.dark .outage-sessions:not(.compact-empty) .session-title-duties b{color:var(--ink)}body.dark .outage-sessions:not(.compact-empty) .session-title-duties b{border-color:#397b5c;background:#173b2a;box-shadow:none}@media(max-width:700px){.outage-sessions:not(.compact-empty) .session-card{grid-template-columns:42px minmax(0,1fr);gap:10px}.outage-sessions:not(.compact-empty) .session-date{width:42px;min-width:42px;min-height:46px}.outage-sessions:not(.compact-empty) .session-title>span:first-child{font-size:11px}.outage-sessions:not(.compact-empty) .session-title-duties b{min-height:33px;padding:0 12px;font-size:14px}}

/* Compacte sessieregels: datum | dienst | acties */
.outage-sessions:not(.compact-empty) .session-card{display:block;min-height:0;padding:10px 12px 9px 15px}.session-main-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px}.session-summary{min-width:0;display:flex;align-items:center;gap:12px}.session-summary>time{flex:0 0 auto;color:#526159;font-size:10px;font-weight:850;text-transform:uppercase;white-space:nowrap}.session-separator{width:1px;height:22px;flex:0 0 auto;background:#d3ddd8}.session-actions-separator{margin-left:2px}.outage-sessions:not(.compact-empty) .session-title{min-width:0;display:flex!important;align-items:center;gap:0}.outage-sessions:not(.compact-empty) .session-title-duties{min-width:0;display:flex;align-items:center;gap:9px}.outage-sessions:not(.compact-empty) .session-title-duties b{min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#090d0b;font-size:16px;font-weight:950;line-height:1;box-shadow:none;white-space:nowrap}.outage-sessions:not(.compact-empty) .session-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.outage-sessions:not(.compact-empty) .session-join{min-width:168px;min-height:40px}.outage-sessions:not(.compact-empty) .session-notifications,.outage-sessions:not(.compact-empty) .session-delete{width:40px;min-width:40px;min-height:40px}.session-meta-row{min-width:0;display:flex;align-items:center;gap:14px;margin-top:7px;padding-top:7px;border-top:1px solid #edf1ef}.session-meta-row>small{flex:0 0 auto;color:#69766f;font-size:8px}.session-meta-row>small b{color:#1c2b23}.session-meta-row .session-location{margin-left:7px}.session-meta-row .session-participants{min-width:0;margin:0}.session-meta-row .session-participants-label,.session-meta-row .session-person{min-height:26px;font-size:8px}.session-meta-row .session-participants-label{padding:0 8px}.session-meta-row .session-person{padding:2px 8px 2px 3px}.session-meta-row .session-person i{width:20px;height:20px}.session-card .session-date,.session-card .session-copy,.session-card .session-duties,.session-card .session-invite{display:none!important}body.dark .session-summary>time{color:var(--muted)}body.dark .session-separator{background:var(--line)}body.dark .outage-sessions:not(.compact-empty) .session-title-duties b{color:var(--ink);background:transparent}body.dark .session-meta-row{border-color:var(--line)}body.dark .session-meta-row>small,body.dark .session-meta-row>small b{color:var(--muted)}
@media(max-width:700px){.outage-sessions:not(.compact-empty) .session-card{display:block;padding:9px 10px 8px 12px}.session-main-row{gap:8px}.session-summary{gap:8px}.session-summary>time{font-size:8px}.session-separator{height:19px}.outage-sessions:not(.compact-empty) .session-title{align-items:center;flex-direction:row}.outage-sessions:not(.compact-empty) .session-title-duties b{font-size:14px}.outage-sessions:not(.compact-empty) .session-actions{grid-column:auto;display:flex}.outage-sessions:not(.compact-empty) .session-join{min-width:0;min-height:38px;padding:0 11px}.outage-sessions:not(.compact-empty) .session-notifications,.outage-sessions:not(.compact-empty) .session-delete{width:38px;min-width:38px;min-height:38px}.session-meta-row{align-items:flex-start;flex-wrap:wrap;gap:6px 10px;margin-top:6px;padding-top:6px}.session-meta-row .session-participants{width:100%}}@media(max-width:520px){.outage-sessions:not(.compact-empty) .session-join{width:38px;padding:0}.outage-sessions:not(.compact-empty) .session-join span,.outage-sessions:not(.compact-empty) .session-join svg:last-child{display:none}.session-actions-separator{display:none}.session-meta-row>small{width:100%}}@media(max-width:390px){.session-summary{gap:6px}.session-summary>time{font-size:7px}.outage-sessions:not(.compact-empty) .session-title-duties b{font-size:13px}.outage-sessions:not(.compact-empty) .session-actions{gap:4px}.outage-sessions:not(.compact-empty) .session-join,.outage-sessions:not(.compact-empty) .session-notifications,.outage-sessions:not(.compact-empty) .session-delete{width:35px;min-width:35px;min-height:35px}}

/* Eén typografische maat voor alle sessiegegevens */
.outage-sessions:not(.compact-empty) .session-card{--session-data-size:13px}.session-summary{flex:1 1 auto;overflow:hidden}.session-summary>time,.outage-sessions:not(.compact-empty) .session-title-duties b,.session-inline-meta,.session-inline-location,.session-meta-row .session-participants-label,.session-meta-row .session-person{font-size:var(--session-data-size);line-height:1.15}.session-summary>time{color:#111;font-weight:800;text-transform:none}.session-inline-meta{min-width:0;overflow:hidden;color:#536159;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.session-inline-meta b{color:#111;font-weight:900}.session-inline-location{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:#087650;font-weight:850;white-space:nowrap}.session-inline-location svg{width:14px;height:14px}.outage-sessions:not(.compact-empty) .session-title-duties b{font-weight:950}.session-meta-row{margin-top:8px;padding-top:8px}.session-meta-row .session-participants-label,.session-meta-row .session-person{min-height:32px}.session-meta-row .session-participants-label{gap:7px;padding:0 11px}.session-meta-row .session-participants-label svg{width:16px;height:16px}.session-meta-row .session-person{gap:7px;padding:3px 11px 3px 3px}.session-meta-row .session-person i{width:25px;height:25px;font-size:9px}.outage-sessions:not(.compact-empty) .session-join{font-size:11px}body.dark .session-summary>time,body.dark .session-inline-meta b{color:var(--ink)}body.dark .session-inline-meta{color:var(--muted)}body.dark .session-inline-location{color:#58dda5}
@media(max-width:760px){.outage-sessions:not(.compact-empty) .session-card{--session-data-size:11px}.session-summary{gap:7px}.session-inline-location{display:none}.session-inline-meta{max-width:150px}.session-meta-row .session-participants-label,.session-meta-row .session-person{min-height:29px}.session-meta-row .session-person i{width:22px;height:22px}}@media(max-width:520px){.session-actions-separator{display:block}.session-inline-meta{max-width:82px}.session-inline-meta{font-size:0}.session-inline-meta b{font-size:var(--session-data-size)}.session-meta-row{margin-top:6px;padding-top:6px}}

/* Kolomkoppen en tabeluitlijning */
.outage-sessions:not(.compact-empty) .session-list{gap:7px}.session-table-head,.session-main-row{grid-template-columns:74px 78px minmax(150px,1fr) 125px 260px}.session-table-head{min-height:30px;display:grid;align-items:center;padding:0 12px 0 15px;border:1px solid #dce5e1;border-radius:10px;background:#eef4f1;color:#65736c;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.session-table-head span{min-width:0;padding:0 12px}.session-table-head span:first-child{padding-left:0}.session-table-head span:not(:last-child){border-right:1px solid #d5dfda}.session-table-head span:last-child{text-align:right}.session-main-row{display:grid;align-items:stretch;gap:0}.session-main-row>time,.session-main-row>.session-title,.session-main-row>.session-inline-meta,.session-main-row>.session-inline-location{min-width:0;min-height:40px;display:flex!important;align-items:center;padding:0 12px;border-right:1px solid #e0e7e3}.session-main-row>time{padding-left:0}.session-main-row>.session-inline-meta,.session-main-row>.session-inline-location{max-width:none}.session-main-row>.session-actions{min-width:0;padding-left:12px;justify-content:flex-end}.session-meta-row{padding-left:0}.session-meta-row .session-participants{width:auto}.session-inline-meta{font-size:var(--session-data-size)!important}.session-inline-meta b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-inline-location{display:flex!important;overflow:hidden;text-overflow:ellipsis}.session-inline-location svg{flex:0 0 auto}body.dark .session-table-head{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .session-table-head span:not(:last-child),body.dark .session-main-row>time,body.dark .session-main-row>.session-title,body.dark .session-main-row>.session-inline-meta,body.dark .session-main-row>.session-inline-location{border-color:var(--line)}
@media(max-width:850px){.session-table-head,.session-main-row{grid-template-columns:62px 64px minmax(105px,1fr) 100px 260px}.session-table-head span,.session-main-row>time,.session-main-row>.session-title,.session-main-row>.session-inline-meta,.session-main-row>.session-inline-location{padding-right:8px;padding-left:8px}.session-table-head span:first-child,.session-main-row>time{padding-left:0}.session-main-row>.session-actions{padding-left:8px}.session-inline-location{display:flex!important}}@media(max-width:620px){.session-table-head,.session-main-row{grid-template-columns:54px 55px minmax(76px,1fr) 78px 260px}.session-table-head{padding-right:10px;padding-left:12px;font-size:6.5px}.session-table-head span,.session-main-row>time,.session-main-row>.session-title,.session-main-row>.session-inline-meta,.session-main-row>.session-inline-location{padding-right:6px;padding-left:6px}.session-table-head span:first-child,.session-main-row>time{padding-left:0}.session-main-row>.session-actions{padding-left:6px}.session-inline-meta{font-size:var(--session-data-size)!important}.session-inline-location{display:flex!important;font-size:var(--session-data-size)}.session-inline-location svg{display:none}}@media(max-width:520px){.session-table-head,.session-main-row{grid-template-columns:46px 48px minmax(65px,1fr) 62px 122px}.session-table-head span{overflow:hidden;text-overflow:ellipsis}.session-inline-meta{max-width:none}.session-inline-meta b{font-size:var(--session-data-size)}.session-main-row>.session-actions{gap:4px}}@media(max-width:390px){.session-table-head,.session-main-row{grid-template-columns:42px 43px minmax(56px,1fr) 52px 113px}.session-table-head{font-size:6px}.session-main-row>time,.session-main-row>.session-title,.session-main-row>.session-inline-meta,.session-main-row>.session-inline-location{padding-right:4px;padding-left:4px}.session-main-row>time{padding-left:0}.session-main-row>.session-actions{padding-left:4px}}

/* Gelijke datatypografie en ruimere actiekolom */
.session-table-head,.session-main-row{grid-template-columns:74px 78px 230px minmax(120px,1fr) 335px}.session-main-row>time{color:#090d0b;font-size:var(--session-data-size);font-weight:950;line-height:1.15}.session-main-row>.session-actions{padding-left:18px}.session-main-row>.session-inline-location{justify-content:flex-start}@media(max-width:850px){.session-table-head,.session-main-row{grid-template-columns:62px 64px 180px minmax(90px,1fr) 330px}.session-main-row>.session-actions{padding-left:14px}}@media(max-width:620px){.session-table-head,.session-main-row{grid-template-columns:54px 55px minmax(76px,1fr) 78px 330px}.session-main-row>.session-actions{padding-left:12px}}@media(max-width:520px){.session-table-head,.session-main-row{grid-template-columns:46px 48px minmax(65px,1fr) 62px 180px}.session-main-row>.session-actions{padding-left:12px}}@media(max-width:390px){.session-table-head,.session-main-row{grid-template-columns:42px 43px minmax(56px,1fr) 52px 160px}.session-main-row>.session-actions{padding-left:8px}}body.dark .session-main-row>time{color:var(--ink)}

/* Sessie verlaten zonder de gezamenlijke sessie te verwijderen */
.session-leave{width:40px;min-width:40px;min-height:40px;display:grid;place-items:center;border:1px solid #d6ddd9;border-radius:11px;background:#f7f9f8;color:#506058;cursor:pointer}.session-leave svg{width:16px;height:16px}.session-leave:hover{border-color:#d8b36c;background:#fff8e9;color:#93650b}.session-leave:disabled,.checklist-leave:disabled{cursor:wait;opacity:.55}.checklist-leave{min-height:29px;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:0 9px;border:1px solid #d7dfdb;border-radius:9px;background:#fff;color:#506058;font:800 8px 'DM Sans',sans-serif;cursor:pointer}.checklist-leave svg{width:13px;height:13px}.checklist-leave:hover{border-color:#d8b36c;background:#fff8e9;color:#93650b}body.dark .session-leave,body.dark .checklist-leave{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .session-leave:hover,body.dark .checklist-leave:hover{border-color:#8b703c;background:#382f19;color:#e4b654}@media(max-width:700px){.session-leave{width:38px;min-width:38px;min-height:38px}.checklist-leave span{display:none}.checklist-leave{width:31px;padding:0;justify-content:center}}@media(max-width:390px){.session-leave{width:35px;min-width:35px;min-height:35px}}

/* Veilig beheer overdragen wanneer meerdere deelnemers actief zijn */
body.session-transfer-open{overflow:hidden}.session-manager-mark{width:14px!important;height:14px!important;min-width:14px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#a06a08!important;stroke-width:2.3}.session-manager-label{font-size:8px;font-weight:850;color:#8a641d}.checklist-person .session-manager-mark{margin-left:1px}.session-transfer-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(10,25,18,.58);backdrop-filter:blur(4px)}.session-transfer-dialog{width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #d2dfd8;border-radius:18px;background:#fff;color:#15231b;box-shadow:0 26px 80px rgba(8,28,18,.28);animation:session-transfer-in .16s ease-out}.session-transfer-dialog>header{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #e1e8e4;background:linear-gradient(100deg,#f0f9f5,#fff)}.session-transfer-dialog>header>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#dff5e9;color:#087650}.session-transfer-dialog>header>span svg{width:19px;height:19px}.session-transfer-dialog>header>div{min-width:0;flex:1}.session-transfer-dialog>header small{display:block;margin-bottom:2px;color:#11875a;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.session-transfer-dialog h2{margin:0;font-size:17px;line-height:1.2}.session-transfer-dialog>header>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d6e0db;border-radius:9px;background:#fff;color:#5a6861;cursor:pointer}.session-transfer-dialog>header>button svg{width:16px}.session-transfer-copy{display:grid;gap:5px;padding:15px 18px 5px}.session-transfer-copy p{margin:0;color:#59675f;font-size:11px;line-height:1.5}.session-transfer-copy b{color:#17251d}.session-transfer-dialog form{padding:11px 18px 18px}.session-transfer-dialog fieldset{min-width:0;margin:0;padding:0;border:0}.session-transfer-dialog legend{margin-bottom:8px;color:#26362e;font-size:10px;font-weight:900}.session-transfer-list{display:grid;gap:7px}.session-transfer-list label{position:relative;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 40px 8px 9px;border:1px solid #d8e2dd;border-radius:12px;background:#fbfdfc;cursor:pointer;transition:.15s ease}.session-transfer-list label:hover{border-color:#9fcdb6;background:#f3faf6}.session-transfer-list label:has(input:checked){border-color:#24a870;background:#eaf8f1;box-shadow:0 0 0 3px rgba(32,183,122,.09)}.session-transfer-list input{position:absolute;opacity:0;pointer-events:none}.session-transfer-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#178b60;color:#fff;font-size:10px;font-weight:900}.session-transfer-list label>span:nth-of-type(2){min-width:0;display:grid;gap:2px}.session-transfer-list label b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.session-transfer-list label small{color:#65736c;font-size:8.5px;font-weight:650}.session-transfer-list label>svg{position:absolute;right:13px;width:19px;color:#aab6b0}.session-transfer-list label:has(input:checked)>svg{color:#159765;fill:#dff5e9}.session-transfer-dialog form>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid #e5ebe8}.session-transfer-dialog form>footer button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:10px;font:850 10px 'DM Sans',sans-serif;cursor:pointer}.transfer-cancel{border:1px solid #d6dfda;background:#fff;color:#536159}.transfer-confirm{border:1px solid #0f7650;background:#123226;color:#fff;box-shadow:0 5px 13px rgba(18,50,38,.15)}.transfer-confirm svg{width:15px}.transfer-confirm:disabled{border-color:#d6dfda;background:#e9eeeb;color:#89958e;box-shadow:none;cursor:not-allowed}@keyframes session-transfer-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}body.dark .session-manager-label{color:#e4b654}body.dark .session-transfer-dialog{border-color:var(--line);background:var(--surface);color:var(--ink)}body.dark .session-transfer-dialog>header{border-color:var(--line);background:linear-gradient(100deg,#172b21,var(--surface))}body.dark .session-transfer-dialog>header>button,.dark .transfer-cancel{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .session-transfer-copy p,body.dark .session-transfer-list label small{color:var(--muted)}body.dark .session-transfer-copy b,body.dark .session-transfer-dialog legend{color:var(--ink)}body.dark .session-transfer-list label{border-color:var(--line);background:var(--surface-soft)}body.dark .session-transfer-list label:has(input:checked){border-color:#397b5c;background:#173b2a}body.dark .session-transfer-dialog form>footer{border-color:var(--line)}@media(max-width:520px){.session-manager-label{display:none}.session-transfer-overlay{align-items:end;padding:0}.session-transfer-dialog{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.session-transfer-dialog>header,.session-transfer-dialog form{padding-right:14px;padding-left:14px}.session-transfer-copy{padding-right:14px;padding-left:14px}.session-transfer-dialog form>footer{display:grid;grid-template-columns:1fr 1.35fr}.session-transfer-dialog form>footer button{padding:0 9px}}

/* Rustige deelnemersregel met duidelijke secties */
.session-meta-row{min-height:45px;margin-top:8px;padding:7px 0 0;border-top:1px solid #dde5e1}.session-meta-row .session-participants{width:100%;display:flex;align-items:center;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;scrollbar-width:thin}.session-meta-row .session-participants-label{min-height:36px;flex:0 0 auto;gap:8px;padding:0 16px 0 2px;border:0;border-right:1px solid #d5dfda;border-radius:0;background:transparent;color:#425249;font-weight:900}.session-meta-row .session-participants-label svg{width:17px;height:17px;color:#087650}.session-meta-row .session-person{position:relative;min-height:36px;flex:0 0 auto;gap:8px;padding:0 15px;border:0;border-radius:0;background:transparent;color:#17231d}.session-meta-row .session-person+.session-person{border-left:1px solid #dce4e0}.session-meta-row .session-person>i:first-child{width:27px;height:27px;flex:0 0 auto;font-size:8px;box-shadow:0 0 0 3px #edf7f2}.session-meta-row .session-person b{font-weight:900}.session-meta-row .session-person-empty{padding-left:15px;color:#69766f}body.dark .session-meta-row{border-color:var(--line)}body.dark .session-meta-row .session-participants-label{border-color:var(--line);background:transparent;color:var(--muted)}body.dark .session-meta-row .session-person{border-color:var(--line);background:transparent;color:var(--ink)}body.dark .session-meta-row .session-person>i:first-child{box-shadow:0 0 0 3px #24352c}@media(max-width:620px){.session-meta-row{min-height:42px;padding-top:6px}.session-meta-row .session-participants-label{min-height:33px;padding-right:11px}.session-meta-row .session-person{min-height:33px;padding:0 11px}.session-meta-row .session-person>i:first-child{width:24px;height:24px}.session-manager-label{display:none}}

/* Deelnemerslabel zonder pil en hoofdbeheerder alleen als schild */
.session-meta-row .session-participants-label{padding-left:0!important;border-left:0!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.session-meta-row .session-participants-label::before,.session-meta-row .session-participants-label::after{display:none!important}.session-meta-row .session-manager-label{display:none!important}.session-meta-row .session-manager-mark{margin-left:2px;color:#b2780d!important}.session-meta-row .session-manager-mark:hover{color:#855700!important}

/* Verlaten als compact icoon naast verwijderen */
.task-panel>.checklist-sync:has(.leave-active-session:not([hidden])){position:relative}.task-panel>.checklist-sync .leave-active-session{position:absolute;right:6px;width:36px;min-width:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ced9d3;border-radius:9px;background:#f8faf9;color:#526159;box-shadow:none}.task-panel>.checklist-sync .leave-active-session[hidden]{display:none}.task-panel>.checklist-sync .leave-active-session svg{width:15px;height:15px;stroke-width:2.2}.task-panel>.checklist-sync .leave-active-session:hover{border-color:#d4ad63;background:#fff8e9;color:#93650b}.task-panel>.checklist-sync:has(.delete-active-session:not([hidden])) .leave-active-session{right:48px}.task-panel>.checklist-sync.live:has(.leave-active-session:not([hidden])){padding-right:50px}.task-panel>.checklist-sync.live:has(.leave-active-session:not([hidden])):has(.delete-active-session:not([hidden])){padding-right:92px}body.dark .task-panel>.checklist-sync .leave-active-session{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .task-panel>.checklist-sync .leave-active-session:hover{border-color:#8b703c;background:#382f19;color:#e4b654}@media(max-width:620px){.task-panel>.checklist-sync .leave-active-session{width:34px;min-width:34px;min-height:34px}.task-panel>.checklist-sync:has(.delete-active-session:not([hidden])) .leave-active-session{right:46px}.task-panel>.checklist-sync.live:has(.leave-active-session:not([hidden])){padding-right:48px}.task-panel>.checklist-sync.live:has(.leave-active-session:not([hidden])):has(.delete-active-session:not([hidden])){padding-right:88px}}

/* Duidelijk kleurverschil tussen deelnemen en een actieve checklist openen */
.outage-sessions:not(.compact-empty) .session-join.session-join-new{border:1px solid #176b94;background:linear-gradient(135deg,#197aa8,#135f89);color:#fff;box-shadow:0 6px 15px rgba(19,95,137,.18)}.outage-sessions:not(.compact-empty) .session-join.session-join-new:hover{border-color:#115475;background:linear-gradient(135deg,#176f9a,#104f73)}.outage-sessions:not(.compact-empty) .session-join.session-join-open{border:1px solid #10291e;background:linear-gradient(135deg,#10291e,#173b2a);color:#fff;box-shadow:0 6px 15px rgba(16,41,30,.16)}.outage-sessions:not(.compact-empty) .session-join.session-join-open:hover{border-color:#173b2a;background:linear-gradient(135deg,#173b2a,#205039)}body.dark .outage-sessions:not(.compact-empty) .session-join.session-join-new{border-color:#3c9fc8;background:linear-gradient(135deg,#176f9a,#104f73)}body.dark .outage-sessions:not(.compact-empty) .session-join.session-join-open{border-color:#397b5c;background:linear-gradient(135deg,#173b2a,#205039)}

/* Actieve checklist bewust helderder dan de oude donkergroene knop */
.outage-sessions:not(.compact-empty) .session-join.session-join-open{border-color:#087650;background:linear-gradient(135deg,#0b9665,#087650);box-shadow:0 6px 15px rgba(8,118,80,.22)}.outage-sessions:not(.compact-empty) .session-join.session-join-open:hover{border-color:#066242;background:linear-gradient(135deg,#087f56,#066242)}body.dark .outage-sessions:not(.compact-empty) .session-join.session-join-open{border-color:#45c58e;background:linear-gradient(135deg,#0b8a5e,#086747)}

/* Zichtbare live-status en uitleg bij compacte actie-iconen */
.sessions-live-status{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #cde4d8;border-radius:10px;background:#f1faf6;color:#176346;white-space:nowrap}.sessions-live-status>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#20b77a;box-shadow:0 0 0 4px rgba(32,183,122,.11);animation:sessions-live-pulse 1.9s ease-out infinite}.sessions-live-status>span{font-size:9px;font-weight:900}.sessions-live-status>small{padding-left:7px;border-left:1px solid #cfe0d7;color:#65756d;font-size:7px;font-weight:750;text-transform:none;letter-spacing:0}.sessions-live-status.updating>i{animation:sessions-live-blink .75s ease-in-out infinite}.sessions-live-status.error{border-color:#edc7c2;background:#fff6f5;color:#a73b32}.sessions-live-status.error>i{background:#d94a3f;box-shadow:0 0 0 4px rgba(217,74,63,.1);animation:none}.outage-sessions.compact-empty .sessions-live-status{display:none}@keyframes sessions-live-pulse{0%{box-shadow:0 0 0 0 rgba(32,183,122,.35)}70%{box-shadow:0 0 0 7px rgba(32,183,122,0)}100%{box-shadow:0 0 0 0 rgba(32,183,122,0)}}@keyframes sessions-live-blink{50%{opacity:.35}}.outage-sessions:not(.compact-empty) .session-card{overflow:visible}.session-actions [data-action-hint]{position:relative}.session-actions [data-action-hint]::after{content:attr(data-action-hint);position:absolute;z-index:30;right:0;bottom:calc(100% + 8px);width:max-content;max-width:170px;padding:6px 8px;border-radius:7px;background:#10221a;color:#fff;font-size:8px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 5px 14px rgba(12,31,22,.2);opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .14s,transform .14s}.session-actions [data-action-hint]::before{content:"";position:absolute;z-index:31;right:13px;bottom:calc(100% + 3px);border:5px solid transparent;border-top-color:#10221a;opacity:0;pointer-events:none;transition:opacity .14s}.session-actions [data-action-hint]:hover::after,.session-actions [data-action-hint]:hover::before,.session-actions [data-action-hint]:focus-visible::after,.session-actions [data-action-hint]:focus-visible::before{opacity:1;transform:none}body.dark .sessions-live-status{border-color:#315d49;background:#17372a;color:#58dda5}body.dark .sessions-live-status>small{border-color:#315d49;color:var(--muted)}@media(max-width:820px){.sessions-live-status>small{display:none}}@media(max-width:620px){.sessions-live-status{height:32px;padding:0 8px}.sessions-live-status>span{font-size:8px}}@media(max-width:480px){.sessions-live-status{order:2;flex:0 0 auto}.sessions-live-status>span{font-size:0}.sessions-live-status>span::after{content:"Live";font-size:8px}}

/* Losse PWA-weergave voor live uitvalsessies */
.sessions-popout{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #cedbd5;border-radius:10px;background:#fff;color:#26372e;font-size:9px;font-weight:850;white-space:nowrap;transition:.16s}.sessions-popout:hover{border-color:#93c8ad;background:#f2faf6;color:#087650}.sessions-popout svg{width:15px;height:15px}.outage-live-view{background:linear-gradient(145deg,#f4faf7 0,#f7f9f8 50%,#eef6f2 100%)}.outage-live-topbar{position:sticky;z-index:50;top:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));border-bottom:1px solid #d9e5df;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(17,48,33,.06);backdrop-filter:blur(16px)}.outage-live-brand{min-width:0;display:flex;align-items:center;gap:10px}.outage-live-brand img{width:46px;height:46px;display:block;object-fit:contain}.outage-live-brand>span{min-width:0;display:grid;gap:1px}.outage-live-brand small{color:#11875a;font-size:8px;font-weight:900;letter-spacing:.12em}.outage-live-brand strong{overflow:hidden;font-size:17px;letter-spacing:-.35px;text-overflow:ellipsis;white-space:nowrap}.outage-live-topbar nav{display:flex;align-items:center;gap:8px}.outage-live-indicator,.outage-live-full{height:40px;display:inline-flex;align-items:center;gap:7px;border-radius:11px}.outage-live-indicator{padding:0 12px;border:1px solid #cde4d8;background:#f1faf6;color:#176346;font-size:9px;font-weight:900}.outage-live-indicator>i{width:8px;height:8px;border-radius:50%;background:#20b77a;box-shadow:0 0 0 4px rgba(32,183,122,.11);animation:sessions-live-pulse 1.9s ease-out infinite}.outage-live-full{padding:0 13px;border:1px solid #d2ded8;background:#fff;color:#26372e;font-size:9px;font-weight:850}.outage-live-full:hover{border-color:#93c8ad;background:#f2faf6;color:#087650}.outage-live-full svg{width:15px;height:15px}.outage-live-view .outage-hero,.outage-live-view .outage-shell>footer,.outage-live-view .sessions-popout{display:none!important}.outage-live-view .outage-shell{min-height:calc(100vh - 72px);min-height:calc(100dvh - 72px)}.outage-live-view .outage-shell>main{padding:22px 18px 40px}.outage-live-view .outage-sessions{width:min(1440px,100%);max-width:none;margin:0 auto 18px}.outage-live-view .outage-sessions.compact-empty{width:min(860px,100%);margin:0 auto}.outage-live-view .results{width:min(1440px,100%);margin:12px auto 60px}.outage-live-view .analysis-state,.outage-live-view .analysis-error{width:min(900px,100%)}body.dark.outage-live-view{background:linear-gradient(145deg,#0e1712,#111714 55%,#122019)}body.dark .sessions-popout,body.dark .outage-live-topbar,body.dark .outage-live-full{border-color:var(--line);background:rgba(20,30,25,.94);color:var(--ink)}body.dark .outage-live-topbar{border-bottom-color:var(--line)}body.dark .outage-live-indicator{border-color:#315d49;background:#17372a;color:#58dda5}@media(max-width:760px){.sessions-popout{width:38px;padding:0;justify-content:center}.sessions-popout span{display:none}.outage-live-topbar{min-height:64px;padding-top:max(8px,env(safe-area-inset-top));gap:10px}.outage-live-brand img{width:40px;height:40px}.outage-live-brand strong{font-size:14px}.outage-live-indicator{display:none}.outage-live-full{width:40px;padding:0;justify-content:center}.outage-live-full span{display:none}.outage-live-view .outage-shell>main{padding:14px 8px 28px}.outage-live-view .outage-sessions{border-radius:15px}}@media(max-width:480px){.outage-live-brand small{font-size:7px}.outage-live-brand strong{font-size:13px}.outage-live-topbar .theme-toggle{width:38px;height:38px}.outage-live-view .outage-sessions>header{align-items:flex-start}}

/* Compact zoeken blijft beschikbaar in de losse live-PWA */
.outage-live-view .outage-hero{display:block!important;width:min(900px,100%);padding:18px 18px 15px}.outage-live-view .outage-hero::before,.outage-live-view .outage-hero::after,.outage-live-view .outage-hero>h1{display:none}.outage-live-view .outage-shell>main{padding:0 18px 40px}.outage-live-view .duty-search{max-width:760px;margin:0 auto;border-radius:15px;box-shadow:0 10px 28px rgba(18,54,38,.08)}.outage-live-view .search-field{height:47px}.outage-live-view .search-button{min-height:47px}.outage-live-view .index-state{margin-top:8px!important}.outage-live-view .selected-duties{margin-top:8px}@media(max-width:760px){.outage-live-view .outage-shell>main{padding:0 8px 28px}.outage-live-view .outage-hero{padding:14px 8px 12px}}@media(max-width:480px){.outage-live-view .duty-search{grid-template-columns:minmax(0,1fr) auto;padding:5px}.outage-live-view .search-field{height:44px;padding:0 9px}.outage-live-view .search-button{min-width:46px;min-height:44px;padding:0 13px}.outage-live-view .search-button span{display:none}.outage-live-view .duty-suggestions{right:5px}.outage-live-view .index-state{font-size:8px!important}}

/* Het live-logo zit als vector in de header en kan daardoor niet als ontbrekende afbeelding eindigen */
.outage-live-brand{width:58px;height:58px;display:grid;place-items:center;padding:3px;border-radius:13px}.outage-live-brand:hover{background:#eef8f3}.outage-live-logo{width:52px;height:52px;display:block;overflow:visible}.outage-live-topbar{min-height:70px}.outage-live-topbar nav{margin-left:auto}body.dark .outage-live-brand:hover{background:#17372a}@media(max-width:760px){.outage-live-brand{width:50px;height:50px}.outage-live-logo{width:46px;height:46px}.outage-live-topbar{min-height:62px}}

/* Gecentreerde naam van de aparte vervallen-dienstenweergave */
.outage-live-title{position:absolute;left:50%;max-width:calc(100% - 170px);margin:0;color:#132119;font-size:18px;font-weight:850;line-height:1.15;letter-spacing:-.35px;text-align:center;transform:translateX(-50%)}body.dark .outage-live-title{color:var(--ink)}@media(max-width:760px){.outage-live-title{max-width:calc(100% - 128px);font-size:13px;line-height:1.15;letter-spacing:-.15px}}@media(max-width:420px){.outage-live-title{font-size:11px}}

/* Mobiele live-PWA: metadata boven, veilige actieknoppen op een eigen rij */
@media(max-width:620px){.outage-live-view .session-table-head{display:none}.outage-live-view .session-card{overflow:hidden!important}.outage-live-view .session-main-row{display:grid;grid-template-columns:50px 54px minmax(0,1fr) auto;grid-template-areas:"date duty starter location" "actions actions actions actions";width:100%;min-width:0}.outage-live-view .session-main-row>time{grid-area:date}.outage-live-view .session-main-row>.session-title{grid-area:duty}.outage-live-view .session-main-row>.session-inline-meta{grid-area:starter}.outage-live-view .session-main-row>.session-inline-location{grid-area:location;display:flex!important}.outage-live-view .session-main-row>time,.outage-live-view .session-main-row>.session-title,.outage-live-view .session-main-row>.session-inline-meta,.outage-live-view .session-main-row>.session-inline-location{min-width:0;min-height:38px;padding:0 6px}.outage-live-view .session-main-row>time{padding-left:0}.outage-live-view .session-main-row>.session-inline-location{padding-right:0;border-right:0}.outage-live-view .session-main-row>.session-actions{grid-area:actions;width:100%;display:flex;margin-top:7px;padding:8px 0 0;border-top:1px solid #e0e7e3;justify-content:flex-end;gap:6px}.outage-live-view .session-actions-separator{display:none}.outage-live-view .outage-sessions:not(.compact-empty) .session-join{min-width:0;width:auto;min-height:44px;flex:1 1 auto;padding:0 10px;font-size:10px}.outage-live-view .outage-sessions:not(.compact-empty) .session-join span{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outage-live-view .outage-sessions:not(.compact-empty) .session-join svg:last-child{display:none}.outage-live-view .outage-sessions:not(.compact-empty) .session-notifications,.outage-live-view .session-leave,.outage-live-view .outage-sessions:not(.compact-empty) .session-delete{width:44px;min-width:44px;min-height:44px}.outage-live-view .session-meta-row{margin-top:7px}.outage-live-view .session-meta-row .session-participants{max-width:100%;overflow-x:auto}body.dark .outage-live-view .session-main-row>.session-actions{border-top-color:var(--line)}}@media(max-width:380px){.outage-live-view .session-main-row{grid-template-columns:46px 50px minmax(0,1fr) auto}.outage-live-view .session-main-row>time,.outage-live-view .session-main-row>.session-title,.outage-live-view .session-main-row>.session-inline-meta,.outage-live-view .session-main-row>.session-inline-location{padding-right:4px;padding-left:4px}.outage-live-view .session-main-row>time{padding-left:0}.outage-live-view .session-main-row>.session-inline-location{padding-right:0}.outage-live-view .outage-sessions:not(.compact-empty) .session-join{font-size:9px}.outage-live-view .outage-sessions:not(.compact-empty) .session-notifications,.outage-live-view .session-leave,.outage-live-view .outage-sessions:not(.compact-empty) .session-delete{width:42px;min-width:42px;min-height:42px}}
@media(max-width:380px){.outage-live-view .outage-sessions:not(.compact-empty) .session-notifications,.outage-live-view .session-leave,.outage-live-view .outage-sessions:not(.compact-empty) .session-delete{width:44px;min-width:44px;min-height:44px}}

/* Mobiel: leesbare legenda en de checklist vóór de MER-acties */
@media(max-width:620px){.outage-live-view .session-table-head{min-height:28px;display:grid;grid-template-columns:50px 54px minmax(0,1fr) auto;padding:0 10px 0 12px;border-radius:9px;font-size:7px;letter-spacing:.055em}.outage-live-view .session-table-head span{min-width:0;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.outage-live-view .session-table-head span:first-child{padding-left:0}.outage-live-view .session-table-head span:nth-child(5){display:none}.outage-live-view .session-table-head span:nth-child(4){padding-right:0;border-right:0;text-align:left}}@media(max-width:380px){.outage-live-view .session-table-head{grid-template-columns:46px 50px minmax(0,1fr) auto;font-size:6.5px}.outage-live-view .session-table-head span{padding-right:4px;padding-left:4px}.outage-live-view .session-table-head span:first-child{padding-left:0}.outage-live-view .session-table-head span:nth-child(4){padding-right:0}}@media(max-width:780px){.outage-live-view .result-layout>.task-panel{order:-1}}

/* Mobiel: standplaats dichter bij de naam en de PWA-titel op één regel */
@media(max-width:620px){.outage-live-title{width:calc(100% - 116px);max-width:none;font-size:clamp(9px,2.8vw,12px);white-space:nowrap}.outage-live-view .session-main-row,.outage-live-view .session-table-head{grid-template-columns:50px 54px minmax(104px,125px) minmax(58px,1fr)}.outage-live-view .session-main-row>.session-inline-meta{overflow:hidden}.outage-live-view .session-main-row>.session-inline-location{justify-content:flex-start}}@media(max-width:380px){.outage-live-title{width:calc(100% - 108px);font-size:9px}.outage-live-view .session-main-row,.outage-live-view .session-table-head{grid-template-columns:46px 50px minmax(98px,112px) minmax(52px,1fr)}}

/* Mobiele reizigersimpact: iedere vervallen rit als compacte, scanbare regel */
@media(max-width:560px){.trips-panel .panel-heading{padding:13px 14px}.trips-panel .panel-icon{width:38px;height:38px;border-radius:11px}.trips-list{padding:2px 14px 10px}.trip-row{min-height:64px;grid-template-columns:44px auto minmax(0,1fr);grid-template-areas:"line route route" "line time reference";align-items:center;gap:7px 10px;padding:10px 0}.trip-line{grid-area:line;width:40px;min-width:40px;height:40px;align-self:center;padding:0 5px;border-radius:10px;font-size:12px}.trip-route{grid-area:route;display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:5px}.trip-route>i{display:block;font-size:11px}.trip-place{display:block;min-width:0}.trip-place small{display:none}.trip-place strong{display:block;font-size:11px;line-height:1.25}.trip-place:last-child strong{text-align:left}.trip-time{grid-area:time;width:auto;align-self:center;padding:0;color:var(--ink);font-size:9px;line-height:1.2;text-align:left}.trip-reference{grid-area:reference;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:5px;overflow:hidden}.trip-reference strong{flex:0 0 auto;font-size:9px}.trip-reference small{min-width:0;overflow:hidden;font-size:7px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.multiple-duties .trip-row{padding-left:7px}}@media(max-width:350px){.trips-list{padding-right:11px;padding-left:11px}.trip-row{grid-template-columns:40px auto minmax(0,1fr);gap:6px 8px}.trip-line{width:37px;min-width:37px;height:37px;font-size:11px}.trip-place strong{font-size:10px}.trip-time,.trip-reference strong{font-size:8px}}

/* De aparte livepagina staat op de plaats van handmatig verversen */
.sessions-popout{position:relative;overflow:visible;border-color:#8fd2b1;background:linear-gradient(135deg,#e9f9f1,#f6fcf9);color:#087650;box-shadow:0 5px 14px rgba(8,118,80,.11)}.sessions-popout::after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#20b77a;box-shadow:0 0 0 0 rgba(32,183,122,.36);animation:sessions-popout-pulse 2.4s ease-out infinite}.sessions-popout svg{animation:sessions-popout-nudge 2.8s ease-in-out infinite}.sessions-popout:hover{border-color:#55b789;background:#ddf6e9;color:#056442;box-shadow:0 7px 18px rgba(8,118,80,.16)}body.dark .sessions-popout{border-color:#397b5c;background:#17372a;color:#58dda5;box-shadow:none}body.dark .sessions-popout::after{border-color:var(--surface);background:#45d396}@keyframes sessions-popout-pulse{0%{box-shadow:0 0 0 0 rgba(32,183,122,.38)}70%,100%{box-shadow:0 0 0 7px rgba(32,183,122,0)}}@keyframes sessions-popout-nudge{0%,72%,100%{transform:translate(0,0)}80%{transform:translate(1.5px,-1.5px)}88%{transform:translate(0,0)}96%{transform:translate(1px,-1px)}}@media(max-width:760px){.sessions-popout{width:38px;min-width:38px;height:38px;padding:0;justify-content:center}}@media(max-width:480px){.outage-sessions>header>.sessions-tools{display:grid;grid-template-columns:minmax(0,1fr) 38px auto;gap:6px}.sessions-location-filter{min-width:0}.sessions-popout{grid-column:2}.sessions-live-status{grid-column:3;order:initial}}@media(prefers-reduced-motion:reduce){.sessions-popout::after,.sessions-popout svg{animation:none}}

/* Mobiele details: compact traject, rechts uitgelijnde referenties en vrije ruimte rond actietijden */
@media(max-width:560px){.trip-line{color:#050806}.trip-route{display:flex;align-items:center;justify-content:flex-start;gap:6px}.trip-route>i{flex:0 0 auto}.trip-place{min-width:0;max-width:calc(50% - 10px);flex:0 1 auto}.trip-place strong{text-overflow:ellipsis;white-space:nowrap}.trip-reference{justify-content:flex-start}.trip-reference small{margin-left:auto;text-align:right}.action-row,.multiple-duties .action-row{grid-template-columns:60px 30px minmax(0,1fr);gap:8px}.action-time{padding-right:4px}.action-row:not(:last-child):after{left:82px}}body.dark .trip-line{color:var(--ink)}@media(max-width:350px){.action-row,.multiple-duties .action-row{grid-template-columns:57px 28px minmax(0,1fr);gap:7px}.action-time{font-size:10.5px}.action-row:not(:last-child):after{left:77px}}

/* Aparte livepagina blauw; live-status direct naast de knop */
.sessions-popout{border-color:#a9cee5;background:linear-gradient(135deg,#edf7fc,#f8fcfe);color:#226f9d;box-shadow:0 5px 14px rgba(40,116,166,.11)}.sessions-popout::after{display:none}.sessions-popout:hover{border-color:#65a9d0;background:#e2f2fa;color:#175b84;box-shadow:0 7px 18px rgba(40,116,166,.16)}body.dark .sessions-popout{border-color:#356b8d;background:#1a2d39;color:#74b6e5}@media(max-width:480px){.sessions-location-filter{grid-column:1;grid-row:1}.sessions-popout{grid-column:2;grid-row:1}.sessions-live-status{grid-column:3;grid-row:1;order:initial}}

/* Mobiel: deelnemerslabel alleen als icoon */
@media(max-width:620px){.session-meta-row .session-participants-label{width:24px;min-width:24px;flex:0 0 24px;justify-content:flex-start;gap:0;padding:0!important;font-size:0!important}.session-meta-row .session-participants-label svg{width:17px;height:17px}}

/* Mobiel: hoofdbeheerder als compacte badge bij de initialen */
@media(max-width:620px){.session-meta-row .session-person:has(.session-manager-mark){position:relative}.session-meta-row .session-manager-mark{position:absolute;z-index:2;left:18px;bottom:1px;width:12px!important;height:12px!important;margin:0!important;padding:1px;border:1px solid #fff;border-radius:50%;background:#fff;color:#b2780d!important;filter:drop-shadow(0 1px 1px rgba(30,45,37,.16))}body.dark .session-meta-row .session-manager-mark{border-color:var(--surface);background:var(--surface);color:#e4b654!important}}

/* Schildbadge zonder vierkant achtergrondvlak */
@media(max-width:620px){.session-meta-row .session-manager-mark{left:17px;bottom:0;width:12px!important;height:12px!important;padding:0;border:0!important;border-radius:0;background:transparent!important;color:#b2780d!important;fill:#fff;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 1px 1px rgba(30,45,37,.2))}body.dark .session-meta-row .session-manager-mark{fill:var(--surface);color:#e4b654!important;filter:drop-shadow(0 0 1px var(--surface))}}

/* Normale Dienstuitvalpagina gebruikt mobiel dezelfde sessiekaart als de livepagina */
@media(max-width:620px){body:not(.outage-live-view) .session-table-head{min-height:28px;display:grid;grid-template-columns:50px 54px minmax(104px,125px) minmax(58px,1fr);padding:0 10px 0 12px;border-radius:9px;font-size:7px;letter-spacing:.055em}body:not(.outage-live-view) .session-table-head span{min-width:0;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}body:not(.outage-live-view) .session-table-head span:first-child{padding-left:0}body:not(.outage-live-view) .session-table-head span:nth-child(5){display:none}body:not(.outage-live-view) .session-table-head span:nth-child(4){padding-right:0;border-right:0;text-align:left}body:not(.outage-live-view) .session-card{overflow:hidden!important}body:not(.outage-live-view) .session-main-row{display:grid;grid-template-columns:50px 54px minmax(104px,125px) minmax(58px,1fr);grid-template-areas:"date duty starter location" "actions actions actions actions";width:100%;min-width:0}body:not(.outage-live-view) .session-main-row>time{grid-area:date}body:not(.outage-live-view) .session-main-row>.session-title{grid-area:duty}body:not(.outage-live-view) .session-main-row>.session-inline-meta{grid-area:starter;overflow:hidden}body:not(.outage-live-view) .session-main-row>.session-inline-location{grid-area:location;display:flex!important;justify-content:flex-start}body:not(.outage-live-view) .session-main-row>time,body:not(.outage-live-view) .session-main-row>.session-title,body:not(.outage-live-view) .session-main-row>.session-inline-meta,body:not(.outage-live-view) .session-main-row>.session-inline-location{min-width:0;min-height:38px;padding:0 6px}body:not(.outage-live-view) .session-main-row>time{padding-left:0}body:not(.outage-live-view) .session-main-row>.session-inline-location{padding-right:0;border-right:0}body:not(.outage-live-view) .session-main-row>.session-actions{grid-area:actions;width:100%;display:flex;margin-top:7px;padding:8px 0 0;border-top:1px solid #e0e7e3;justify-content:flex-end;gap:6px}body:not(.outage-live-view) .session-actions-separator{display:none}body:not(.outage-live-view) .outage-sessions:not(.compact-empty) .session-join{min-width:0;width:auto;min-height:44px;flex:1 1 auto;padding:0 10px;font-size:10px}body:not(.outage-live-view) .outage-sessions:not(.compact-empty) .session-join span{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.outage-live-view) .outage-sessions:not(.compact-empty) .session-join svg:last-child{display:none}body:not(.outage-live-view) .outage-sessions:not(.compact-empty) .session-notifications,body:not(.outage-live-view) .session-leave,body:not(.outage-live-view) .outage-sessions:not(.compact-empty) .session-delete{width:44px;min-width:44px;min-height:44px}body.dark:not(.outage-live-view) .session-main-row>.session-actions{border-top-color:var(--line)}}@media(max-width:380px){body:not(.outage-live-view) .session-table-head,body:not(.outage-live-view) .session-main-row{grid-template-columns:46px 50px minmax(98px,112px) minmax(52px,1fr)}body:not(.outage-live-view) .session-table-head{font-size:6.5px}body:not(.outage-live-view) .session-table-head span,body:not(.outage-live-view) .session-main-row>time,body:not(.outage-live-view) .session-main-row>.session-title,body:not(.outage-live-view) .session-main-row>.session-inline-meta,body:not(.outage-live-view) .session-main-row>.session-inline-location{padding-right:4px;padding-left:4px}body:not(.outage-live-view) .session-table-head span:first-child,body:not(.outage-live-view) .session-main-row>time{padding-left:0}body:not(.outage-live-view) .session-table-head span:nth-child(4),body:not(.outage-live-view) .session-main-row>.session-inline-location{padding-right:0}}

/* De normale pagina begint net als de livepagina direct met zoeken */
body:not(.outage-live-view) .outage-hero{padding-top:24px}body:not(.outage-live-view) .outage-hero>h1{display:none}body:not(.outage-live-view) .outage-hero .duty-search{margin-top:0}@media(max-width:560px){body:not(.outage-live-view) .outage-hero{padding-top:14px}}

/* Mobiel staat de gezamenlijke checklist ook op de normale pagina bovenaan */
@media(max-width:780px){body:not(.outage-live-view) .result-layout>.task-panel{order:-1}}

/* Eén gecentreerde footer, ook onderaan de aparte livepagina */
.outage-shell>footer{justify-content:center;text-align:center}.outage-live-view .outage-shell>footer{display:flex!important;justify-content:center}

/* Afgeronde checklisttaken blijven leesbaar maar zijn direct herkenbaar in de MER-tijdlijn */
.action-row.completed{background:linear-gradient(90deg,#edf9f3,rgba(237,249,243,.28));transition:background .2s ease,opacity .2s ease}.action-row.completed .action-dot{background:#20b77a!important;color:#fff!important;box-shadow:0 0 0 4px rgba(32,183,122,.11)}.action-row.completed .action-dot svg{display:none}.action-row.completed .action-dot::after{content:"✓";font-size:16px;font-weight:950;line-height:1}.action-row.completed .action-copy>strong{color:#68766f!important;text-decoration:line-through;text-decoration-thickness:1.5px}.action-row.completed .action-copy>p{color:#7d8983!important;opacity:.72}.action-row.completed .action-tags span:not(.action-completed-label){opacity:.58}.action-row .action-completed-label{border-color:#9edabc!important;background:#e5f7ee!important;color:#087650!important;font-weight:900!important}.multiple-duties .action-row.completed{background:linear-gradient(90deg,#e5f7ee,#f8fcfa 55%)}body.dark .action-row.completed,body.dark .multiple-duties .action-row.completed{background:linear-gradient(90deg,#17372a,var(--surface) 60%)}body.dark .action-row.completed .action-copy>strong{color:#9eaaa4!important}body.dark .action-row.completed .action-copy>p{color:var(--muted)!important}body.dark .action-row .action-completed-label{border-color:#397b5c!important;background:#17372a!important;color:#58dda5!important}

/* Afvinkinformatie groter en de naam duidelijk rood */
.task-completed-meta{color:#425149!important;font-size:10px!important;font-weight:800;line-height:1.4}.task-completed-meta .completed-by[class*="person-tone-"]{color:#c6372e!important;font-weight:950}body.dark .task-completed-meta{color:#c5d0ca!important}body.dark .task-completed-meta .completed-by[class*="person-tone-"]{color:#ff8b82!important}

/* Installatiebanner uitsluitend voor de externe livepagina */
.outage-install-banner{width:min(900px,calc(100% - 28px));min-height:72px;display:grid;grid-template-columns:46px minmax(0,1fr) auto 36px;align-items:center;gap:12px;margin:14px auto 0;padding:10px 10px 10px 12px;border:1px solid #b8d8e9;border-radius:16px;background:linear-gradient(135deg,#edf7fc,#fff 72%);color:#17271f;box-shadow:0 10px 28px rgba(30,86,119,.1);animation:outage-install-enter .32s ease-out both}.outage-install-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#dceff9;color:#226f9d}.outage-install-icon svg{width:21px;height:21px}.outage-install-copy{min-width:0;display:grid;gap:2px}.outage-install-copy small{color:#2874a6;font-size:7px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.outage-install-copy strong{font-size:13px;line-height:1.2}.outage-install-copy p{margin:0;color:#63726a;font-size:9px;line-height:1.35}.outage-install-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:0;border-radius:11px;background:#226f9d;color:#fff;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 6px 15px rgba(34,111,157,.18)}.outage-install-action:hover{background:#195d87}.outage-install-action svg{width:15px;height:15px}.outage-install-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d6e0dc;border-radius:10px;background:#fff;color:#617069;cursor:pointer}.outage-install-close:hover{border-color:#d8a9a4;background:#fff4f3;color:#b43c32}.outage-install-close svg{width:15px;height:15px}.outage-install-banner.show-steps{border-color:#83bad8}.outage-install-banner[hidden],body:not(.outage-live-view) .outage-install-banner{display:none!important}body.dark .outage-install-banner{border-color:#355f77;background:linear-gradient(135deg,#1a2d39,var(--surface) 72%);color:var(--ink);box-shadow:none}body.dark .outage-install-icon{background:#203d4e;color:#74b6e5}body.dark .outage-install-copy small{color:#74b6e5}body.dark .outage-install-copy p{color:var(--muted)}body.dark .outage-install-action{background:#2874a6}body.dark .outage-install-close{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}@keyframes outage-install-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@media(max-width:620px){.outage-install-banner{grid-template-columns:38px minmax(0,1fr) 34px;gap:9px;min-height:0;margin-top:10px;padding:9px;border-radius:14px}.outage-install-icon{width:38px;height:38px;border-radius:11px}.outage-install-copy strong{font-size:11px}.outage-install-copy p{font-size:8px}.outage-install-action{grid-column:1/3;min-height:38px;width:100%}.outage-install-close{grid-column:3;grid-row:1;width:34px;height:34px}.outage-install-banner.show-steps .outage-install-action{display:none}}@media(prefers-reduced-motion:reduce){.outage-install-banner{animation:none}}

/* Hoofdbeheerdersschild op ieder scherm als badge bij de initialen */
.session-meta-row .session-person:has(.session-manager-mark){position:relative}.session-meta-row .session-manager-mark{position:absolute;z-index:2;left:17px;bottom:0;width:12px!important;height:12px!important;margin:0!important;padding:0;border:0!important;border-radius:0;background:transparent!important;color:#b2780d!important;fill:#fff;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 1px 1px rgba(30,45,37,.2))}body.dark .session-meta-row .session-manager-mark{fill:var(--surface);color:#e4b654!important;filter:drop-shadow(0 0 1px var(--surface))}

/* Actieve sessies scrollen onder vaste kolomkoppen */
.outage-sessions:not(.compact-empty) .session-list{max-height:min(62vh,640px);max-height:min(62dvh,640px);overflow-y:auto;overscroll-behavior:contain;align-content:start;scrollbar-color:#9ccbb4 transparent;scrollbar-width:thin}.outage-sessions:not(.compact-empty) .session-list:focus-visible{outline:3px solid rgba(32,183,122,.2);outline-offset:-3px}.outage-sessions:not(.compact-empty) .session-table-head{position:sticky;z-index:12;top:0;box-shadow:0 5px 10px rgba(18,49,34,.08)}.outage-sessions:not(.compact-empty) .session-list::-webkit-scrollbar{width:9px}.outage-sessions:not(.compact-empty) .session-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#9ccbb4;background-clip:padding-box}.outage-sessions:not(.compact-empty) .session-list::-webkit-scrollbar-track{background:transparent}body.dark .outage-sessions:not(.compact-empty) .session-list{scrollbar-color:#397b5c transparent}body.dark .outage-sessions:not(.compact-empty) .session-table-head{box-shadow:0 5px 10px rgba(0,0,0,.22)}body.dark .outage-sessions:not(.compact-empty) .session-list::-webkit-scrollbar-thumb{background:#397b5c;background-clip:padding-box}@media(max-width:620px){.outage-sessions:not(.compact-empty) .session-list{max-height:min(64vh,590px);max-height:min(64dvh,590px)}}

/* Actiekop links uitgelijnd bij de kolomscheiding */
@media(min-width:621px){.outage-sessions:not(.compact-empty) .session-table-head span:last-child{padding-left:18px;text-align:left}}
.outage-sessions:not(.compact-empty) .session-card.session-ended{border-color:#ecc7c3;background:linear-gradient(100deg,#fff5f4,#fafbfa 58%);box-shadow:none}.outage-sessions:not(.compact-empty) .session-card.session-ended::before{background:#cf6258}.session-ended-watermark{position:absolute;z-index:0;top:50%;left:50%;display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border:2px solid rgba(193,53,43,.48);border-radius:10px;background:rgba(255,244,242,.42);color:rgba(176,42,33,.52);font-size:22px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg)}.session-ended-watermark svg{width:22px;height:22px;stroke-width:2.5}.session-ended>.session-main-row,.session-ended>.session-meta-row{position:relative;z-index:1}.session-ended .session-join{box-shadow:none!important}.session-ended .session-inline-location{color:#526159}body.dark .outage-sessions:not(.compact-empty) .session-card.session-ended{border-color:#67403c;background:linear-gradient(100deg,#291d1b,#1d2621 58%)}body.dark .session-ended-watermark{border-color:rgba(239,112,101,.5);background:rgba(76,31,27,.3);color:rgba(255,145,135,.58)}body.dark .session-ended .session-inline-location{color:var(--muted)}@media(max-width:620px){.session-ended-watermark{gap:6px;padding:6px 10px;font-size:15px}.session-ended-watermark svg{width:17px;height:17px}}

/* Dienstnummer opent direct het bijbehorende dienstblad */
.session-duty-open{min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.session-duty-open:hover b{color:#087650!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.session-duty-open:focus-visible{outline:3px solid rgba(32,183,122,.22);outline-offset:3px}.session-duty-open:disabled{cursor:wait;opacity:.55}body.dark .session-duty-open:hover b{color:#58dda5!important}

/* Compactere kopbalk van de externe livepagina */
.outage-live-topbar{min-height:58px;padding-top:5px;padding-bottom:5px}.outage-live-brand{width:46px;height:46px;padding:2px}.outage-live-logo{width:42px;height:42px}.outage-live-topbar .theme-toggle{width:38px;height:38px}@media(max-width:760px){.outage-live-topbar{min-height:54px;padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}.outage-live-brand{width:42px;height:42px}.outage-live-logo{width:38px;height:38px}.outage-live-topbar .theme-toggle{width:36px;height:36px}}

/* Actieuitleg blijft boven de vaste kolomkop leesbaar */
.outage-sessions:not(.compact-empty) .session-card:has(.session-actions [data-action-hint]:hover),.outage-sessions:not(.compact-empty) .session-card:has(.session-actions [data-action-hint]:focus-visible){z-index:20}.session-actions [data-action-hint]::after{z-index:41}.session-actions [data-action-hint]::before{z-index:42}

/* Duidelijke afsluitactie bij de analyse en zwarte tekst in de dienstpil */
.selected-duty,.selected-duty strong{color:#090d0b}.result-header-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-close-button{height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #d6dfda;border-radius:11px;background:#fff;color:#26352d;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.result-close-button svg{width:15px;height:15px}.result-close-button:hover{border-color:#e4a9a3;background:#fff4f3;color:#a9362e}body.dark .selected-duty,body.dark .selected-duty strong{color:var(--ink)}body.dark .result-close-button{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}@media(max-width:760px){.result-header-actions{grid-template-columns:1fr 1fr}.result-close-button{width:100%}}@media(max-width:520px){.result-header-actions{grid-template-columns:1fr}.result-close-button{grid-column:1/-1;min-height:44px}}

/* Tweede export voor taken die aan chauffeurs kunnen worden overgedragen */
.driver-export-button{height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #9fc8df;border-radius:11px;background:#edf7fc;color:#245f82;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.driver-export-button svg{width:15px;height:15px}.driver-export-button:hover:not(:disabled){border-color:#5f9fc2;background:#e3f3fb;color:#174d6b}.driver-export-button:disabled{border-color:#d9e0dc;background:#f3f5f4;color:#909b95;cursor:not-allowed;opacity:.72}body.dark .driver-export-button{border-color:#36596d;background:#1b303c;color:#74b6e5}body.dark .driver-export-button:disabled{border-color:var(--line);background:var(--surface-soft);color:#718078}.result-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:520px){.result-header-actions{grid-template-columns:1fr}.driver-export-button{grid-column:1/-1;width:100%;min-height:44px}}

/* Specifieke Arnhem-vestiging op desktop en aangemelde gebruiker in de livekop */
.session-location-short{display:none}.session-location-detail{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}.outage-live-user{min-width:0;display:grid;justify-items:end;gap:1px;margin-right:3px;line-height:1.1;white-space:nowrap}.outage-live-user small{color:#6a7770;font-size:7px;font-weight:750}.outage-live-user strong{max-width:180px;overflow:hidden;color:#17231d;font-size:10px;font-weight:900;text-overflow:ellipsis}.outage-live-topbar nav{gap:10px}body.dark .outage-live-user small{color:var(--muted)}body.dark .outage-live-user strong{color:var(--ink)}@media(max-width:760px){.session-location-detail{display:none}.session-location-short{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}.outage-live-user{display:none}}

/* Meldingsstatus direct herkenbaar: uit is rood, aan blijft groen */
.session-notifications:not(.active){border-color:#efc7c2;background:#fff8f7;color:#b53b30}.session-notifications:not(.active):hover{border-color:#dc8177;background:#fff0ee;color:#9f3027}body.dark .session-notifications:not(.active){border-color:#70443f;background:#2d201e;color:#ef9086}body.dark .session-notifications:not(.active):hover{border-color:#966158;background:#382724;color:#ffaaa2}

/* Rustige disclaimer onderaan de normale en externe pagina */
.outage-shell>.outage-footer{display:grid!important;justify-items:center;gap:5px;text-align:center}.outage-footer-copyright{font-size:9px;font-weight:800}.outage-disclaimer{max-width:760px;color:#7b8781;font-size:8px;font-weight:600;line-height:1.45}body.dark .outage-disclaimer{color:var(--muted)}@media(max-width:620px){.outage-shell>.outage-footer{width:calc(100% - 28px);padding:18px 6px 22px}.outage-disclaimer{max-width:360px;font-size:7.5px}}

/* Disclaimer boven de scheidingslijn; copyright zelfstandig eronder */
.outage-shell>.outage-disclaimer{width:min(760px,calc(100% - 56px));max-width:none;margin:0 auto 12px;padding:0 12px;text-align:center}.outage-shell>.outage-footer{margin:0 auto 0}@media(max-width:620px){.outage-shell>.outage-disclaimer{width:calc(100% - 28px);margin-bottom:10px;padding:0 6px}}

/* MER-actie en bevestigde overname als twee duidelijke regels */
.action-choice-pair{display:grid;gap:6px;margin-top:2px}.action-choice-pair>strong,.action-choice-pair>p{position:relative;display:block;margin:0;padding:8px 10px 8px 27px;border:1px solid #d7e5de;border-radius:10px;background:#f7faf8;color:#17231d;line-height:1.4}.action-choice-pair>strong{font-size:12px}.action-choice-pair>p{border-color:#bfe1d0;background:#edf9f3;color:#176346;font-size:9px;font-weight:750}.action-choice-pair>strong::before,.action-choice-pair>p::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;border:2px solid #719083;border-radius:50%;transform:translateY(-50%)}.action-choice-pair>p::before{border-color:#20b77a;background:#20b77a;box-shadow:0 0 0 3px rgba(32,183,122,.1)}.action-row.completed .action-choice-pair>strong{color:#68766f!important;text-decoration:line-through;text-decoration-thickness:1.5px}.action-row.completed .action-choice-pair>p{color:#6e7e76!important;opacity:.72}body.dark .action-choice-pair>strong{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}body.dark .action-choice-pair>p{border-color:#315d49;background:#17372a;color:#58dda5}@media(max-width:620px){.action-choice-pair>strong{font-size:11px}.action-choice-pair>p{font-size:8.5px}}

/* Twee alternatieven als rustige tekst, gegroepeerd met één groene lijn */
.action-choice-pair{position:relative;gap:7px;margin-top:4px;padding:3px 0 3px 14px;border-left:3px solid #67c99c}.action-choice-option{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:baseline;gap:8px}.action-choice-option small{color:#728078;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.action-choice-option strong{color:#17231d;font-size:12px;line-height:1.4}.action-choice-option.takeover small,.action-choice-option.takeover strong{color:#087650}.action-choice-option.takeover strong{font-size:10px;font-weight:800}.action-row.completed .action-choice-option strong{color:#68766f!important;text-decoration:line-through;text-decoration-thickness:1.5px}.action-row.completed .action-choice-option.takeover strong{opacity:.72}body.dark .action-choice-pair{border-left-color:#45b984}body.dark .action-choice-option small{color:var(--muted)}body.dark .action-choice-option strong{color:var(--ink)}body.dark .action-choice-option.takeover small,body.dark .action-choice-option.takeover strong{color:#58dda5}@media(max-width:620px){.action-choice-pair{padding-left:11px}.action-choice-option{grid-template-columns:42px minmax(0,1fr);gap:6px}.action-choice-option strong{font-size:11px}.action-choice-option.takeover strong{font-size:9px}}

/* Hoofdactie in standaardformaat, overnemende dienst als afzonderlijk alternatief */
.action-takeover-option{position:relative;margin-top:7px;padding:4px 0 4px 13px;border-left:3px solid #58c493}.action-takeover-option::before{content:"";position:absolute;left:-6px;top:50%;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#20b77a;transform:translateY(-50%);box-shadow:0 0 0 2px rgba(32,183,122,.12)}.action-takeover-option>strong{display:block;color:#087650;font-size:11px;font-weight:850;line-height:1.45}.action-row.completed .action-takeover-option>strong{color:#6e7e76!important;text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.72}body.dark .action-takeover-option{border-left-color:#45b984}body.dark .action-takeover-option::before{border-color:var(--surface);background:#45d396}body.dark .action-takeover-option>strong{color:#58dda5}@media(max-width:620px){.action-takeover-option{margin-top:6px;padding-left:10px}.action-takeover-option>strong{font-size:10px}}

/* Overnemende dienst ook compact zichtbaar in de checklist */
.task-takeover-note{display:block;margin-top:1px;color:#087650;font-size:8px;font-weight:800;line-height:1.35;text-transform:none;letter-spacing:0}.task-takeover-note::before{content:"↳ ";font-weight:950}.task-row:has(input:checked) .task-takeover-note{color:#65736c}body.dark .task-takeover-note{color:#58dda5}body.dark .task-row:has(input:checked) .task-takeover-note{color:var(--muted)}@media(max-width:780px){.task-takeover-note{font-size:8.5px}}

/* Korte overnamemelding blijft helder op één regel */
.task-takeover-note{min-width:0;overflow:hidden;color:#075f42;font-size:9px;font-weight:900;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.task-takeover-note::before{color:#20a971}@media(max-width:780px){.task-takeover-note{font-size:9px}}

.outage-sessions:not(.compact-empty) .session-card.session-ended{isolation:isolate}

/* Lange dienstgroepen blijven compact; extra diensten zijn op verzoek zichtbaar. */
.session-duty-extra{display:none}.session-title-duties.duties-expanded .session-duty-extra{display:inline-flex}.session-duties-toggle{min-height:27px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 7px;border:1px solid #b9d7c8;border-radius:8px;background:#f2f8f5;color:#087650;font:inherit;font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer}.session-duties-toggle svg{width:12px;height:12px}.session-duties-toggle:hover{border-color:#75bd9b;background:#e7f6ef}.session-duties-toggle:focus-visible{outline:3px solid rgba(32,183,122,.22);outline-offset:2px}body.dark .session-duties-toggle{border-color:#315d49;background:#17372a;color:#58dda5}

/* De eindstatus staat als eigen regel boven de checklistactie en kan niet meer achter de knop vallen. */
.session-ended .session-actions{flex-wrap:wrap}.session-ended-notice{width:100%;min-height:28px;display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 9px;border:1px solid #e5aaa4;border-radius:9px;background:#fff0ee;color:#aa382f;font-size:9px;font-weight:950;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}.session-ended-notice svg{width:14px;height:14px;flex:0 0 auto}.session-ended-watermark{display:none!important}body.dark .session-ended-notice{border-color:#70443f;background:#382421;color:#ff9d94}@media(max-width:620px){.session-duties-toggle{width:100%;min-height:25px;padding:0 4px;font-size:7px}.session-ended-notice{min-height:30px;font-size:8.5px}}

/* Alleen tekst en pijl, rustig gecentreerd onder de dienstnummers. */
.session-title-duties .session-duties-toggle{width:100%;min-height:18px;flex:0 0 100%;margin:0;padding:2px 0;border:0;border-radius:0;background:transparent;color:#2874a6;font-size:8px;box-shadow:none}.session-title-duties .session-duties-toggle:hover{border:0;background:transparent;color:#185b85;text-decoration:underline;text-underline-offset:2px}.session-title-duties .session-duties-toggle svg{width:11px;height:11px}.dark .session-title-duties .session-duties-toggle{border:0;background:transparent;color:#74b6e5}@media(max-width:620px){.session-title-duties .session-duties-toggle{min-height:18px;padding:2px 0;font-size:7px}}

/* Zelfstandig accountvenster voor de live-app. */
.outage-account-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6e1dc;border-radius:50%;background:#fff;color:#24342c;cursor:pointer}.outage-account-toggle:hover{border-color:#8fc7ac;background:#eef8f3;color:#087650}.outage-account-toggle svg{width:17px;height:17px}.outage-account-dialog{width:min(410px,calc(100% - 28px));max-width:none;margin:auto;padding:0;border:0;border-radius:18px;background:transparent;color:#14211a;box-shadow:0 24px 70px rgba(10,35,23,.25)}.outage-account-dialog::backdrop{background:rgba(8,24,16,.48);backdrop-filter:blur(5px)}.outage-account-panel{position:relative;display:grid;justify-items:stretch;gap:12px;margin:0;padding:26px;border:1px solid #d5e3dc;border-radius:18px;background:#fff}.outage-account-panel>.outage-account-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f7f0;color:#087650}.outage-account-icon svg{width:24px;height:24px}.outage-account-panel>small{margin-top:2px;color:#11875a;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.outage-account-panel h2{margin:-7px 0 0;font-size:23px;letter-spacing:-.45px}.outage-account-panel>p{margin:-4px 0 4px;color:#66736c;font-size:10px;line-height:1.5}.outage-account-panel label{display:grid;gap:5px}.outage-account-panel label>span{color:#34483d;font-size:9px;font-weight:850}.outage-account-panel input{width:100%;height:46px;padding:0 13px;border:1px solid #ccd9d2;border-radius:11px;background:#fbfdfc;color:#14211a;font:700 12px 'DM Sans',sans-serif;outline:0}.outage-account-panel input:focus{border-color:#20a971;box-shadow:0 0 0 3px rgba(32,169,113,.12)}.outage-account-login,.outage-account-logout{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;color:#fff;font:900 10px 'DM Sans',sans-serif;cursor:pointer}.outage-account-login{background:#087650}.outage-account-login:hover{background:#075f42}.outage-account-logout{background:#b43b32}.outage-account-logout:hover{background:#963129}.outage-account-login svg,.outage-account-logout svg{width:16px;height:16px}.outage-account-login:disabled,.outage-account-logout:disabled{cursor:wait;opacity:.6}.outage-account-close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8e1dc;border-radius:10px;background:#fff;color:#65736c;cursor:pointer}.outage-account-close svg{width:15px;height:15px}.outage-account-message{margin:0!important;padding:9px 10px;border-radius:9px;background:#edf8f3;color:#176346!important;font-size:9px!important;font-weight:750}.outage-account-message.error{background:#fff0ee;color:#a73930!important}.outage-auth-required .outage-install-banner,.outage-auth-required .outage-shell>main,.outage-auth-required .outage-shell>.outage-disclaimer,.outage-auth-required .outage-shell>.outage-footer{visibility:hidden}.outage-auth-required .outage-live-user{display:none}body.dark .outage-account-toggle{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}body.dark .outage-account-toggle:hover{border-color:#397b5c;background:#17372a;color:#58dda5}body.dark .outage-account-panel{border-color:var(--line);background:var(--surface);color:var(--ink)}body.dark .outage-account-panel>p,body.dark .outage-account-panel label>span{color:var(--muted)}body.dark .outage-account-panel input{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}body.dark .outage-account-close{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}@media(max-width:620px){.outage-account-toggle{width:36px;height:36px}.outage-account-panel{padding:22px 18px}.outage-account-panel h2{font-size:21px}}

.outage-access-notice{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid #efd29d;border-radius:11px;background:#fff8e9;color:#784a0f}.outage-access-notice>svg{width:20px;height:20px;justify-self:center;color:#c87918}.outage-access-notice>span{display:grid;gap:2px}.outage-access-notice strong{font-size:10px}.outage-access-notice small{font-size:8.5px;font-weight:650;line-height:1.4}.outage-account-login-heading{display:grid;gap:1px;margin:2px 0 -2px}.outage-account-login-heading strong{font-size:10px}.outage-account-login-heading span{color:#6b7871;font-size:8.5px}body.dark .outage-access-notice{border-color:#765526;background:#342817;color:#f1c77e}body.dark .outage-access-notice>svg{color:#e8a849}body.dark .outage-account-login-heading span{color:var(--muted)}

/* Verfijnde accountkaart met echt app-logo en wissel tussen inloggen en registreren. */
.outage-account-dialog{width:min(450px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto}.outage-account-header{min-width:0;display:flex;align-items:center;gap:13px;padding-right:34px}.outage-account-logo{width:58px;height:58px;flex:0 0 58px;display:block;object-fit:contain}.outage-account-header>span{min-width:0;display:grid;gap:2px}.outage-account-header small{color:#11875a;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.outage-account-panel .outage-account-header h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.45px}.outage-account-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#edf3f0}.outage-account-switch button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#65736c;font:850 9px 'DM Sans',sans-serif;cursor:pointer}.outage-account-switch button.active{background:#fff;color:#087650;box-shadow:0 2px 8px rgba(18,54,36,.1)}.outage-account-switch svg{width:14px;height:14px}.outage-account-register-fields{display:grid;gap:12px}.outage-account-register-fields[hidden]{display:none!important}body.dark .outage-account-switch{background:#17251e}body.dark .outage-account-switch button{color:var(--muted)}body.dark .outage-account-switch button.active{background:var(--surface-soft);color:#58dda5}@media(max-width:620px){.outage-account-dialog{width:min(430px,calc(100% - 18px));max-height:calc(100dvh - 18px)}.outage-account-panel{gap:10px;padding:18px 16px}.outage-account-header{gap:10px;padding-right:32px}.outage-account-logo{width:50px;height:50px;flex-basis:50px}.outage-account-panel .outage-account-header h2{font-size:19px}.outage-account-header small{font-size:7px}.outage-access-notice{grid-template-columns:30px minmax(0,1fr);padding:9px}.outage-account-panel input{height:43px}.outage-account-switch button{min-height:36px}}@media(max-width:360px){.outage-account-panel{padding:15px 13px}.outage-account-logo{width:44px;height:44px;flex-basis:44px}.outage-account-panel .outage-account-header h2{font-size:17px}.outage-account-switch button{font-size:8px}}

/* Compacte appbalk: logo en titel vormen één geheel, acties blijven rechts. */
.outage-live-topbar{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px max(16px,env(safe-area-inset-right)) 5px max(16px,env(safe-area-inset-left));border-bottom-color:#cfe1d8;box-shadow:0 5px 18px rgba(17,48,33,.055)}.outage-live-heading{min-width:0;display:grid;align-content:center;gap:1px}.outage-live-heading>small{overflow:hidden;color:#11875a;font-size:7px;font-weight:900;line-height:1.15;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.outage-live-heading .outage-live-title{position:static;left:auto;width:auto;max-width:none;margin:0;overflow:hidden;color:#132119;font-size:16px;font-weight:900;line-height:1.1;letter-spacing:-.3px;text-align:left;text-overflow:ellipsis;white-space:nowrap;transform:none}.outage-live-topbar nav{min-width:0;margin-left:0;justify-self:end}.outage-live-brand{width:46px;height:46px}.outage-live-logo{width:42px;height:42px}body.dark .outage-live-heading .outage-live-title{color:var(--ink)}body.dark .outage-live-heading>small{color:#58dda5}@media(max-width:760px){.outage-live-topbar{min-height:54px;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:5px max(10px,env(safe-area-inset-right)) 5px max(10px,env(safe-area-inset-left))}.outage-live-brand{width:42px;height:42px}.outage-live-logo{width:38px;height:38px}.outage-live-heading .outage-live-title{width:auto;max-width:none;font-size:14px}.outage-live-heading>small{font-size:6.5px}}@media(max-width:620px){.outage-live-heading>small{display:none}.outage-live-heading .outage-live-title{font-size:13px}.outage-live-topbar nav{gap:6px}}@media(max-width:380px){.outage-live-topbar{grid-template-columns:38px minmax(0,1fr) auto;gap:6px;padding-right:7px;padding-left:7px}.outage-live-brand{width:38px;height:38px}.outage-live-logo{width:35px;height:35px}.outage-live-heading .outage-live-title{font-size:12px}.outage-account-toggle,.outage-live-topbar .theme-toggle{width:34px;height:34px}}

/* Bij meerdere uitgevallen diensten toont de vaste badge alleen de teller. */
.multiple-duties .result-duty-mark strong{font-size:23px;line-height:1;font-variant-numeric:tabular-nums}.multiple-duties .result-duty-mark small{line-height:1.1}@media(max-width:560px){.multiple-duties .result-duty-mark strong{font-size:20px}}

/* Niet-uitvoerbare chauffeursoptie: duidelijk knelpunt voor de MER */
.action-takeover-option.needs-mer-solution{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;border:1px solid #efc27d;border-left:4px solid #dd7b16;border-radius:9px;background:#fff6e8}.action-takeover-option.needs-mer-solution::before{display:none}.action-takeover-option.needs-mer-solution>i{width:17px;height:17px;color:#c8660b;stroke-width:2.4}.action-takeover-option.needs-mer-solution>strong{color:#7a3b05;font-size:10px;line-height:1.5}.task-takeover-note.needs-mer-solution{color:#a84d08}.task-takeover-note.needs-mer-solution::before{content:"⚠ ";color:#d36d0c}body.dark .action-takeover-option.needs-mer-solution{border-color:#805420;border-left-color:#e69a42;background:#382917}body.dark .action-takeover-option.needs-mer-solution>i,body.dark .action-takeover-option.needs-mer-solution>strong,body.dark .task-takeover-note.needs-mer-solution{color:#f0b76f}@media(max-width:620px){.action-takeover-option.needs-mer-solution{padding:8px}.action-takeover-option.needs-mer-solution>strong{font-size:9.5px}}

/* Bronregels van twee gekoppelde dienstbladen naast elkaar. */
.duty-comparison-open{min-height:32px;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0 10px;border:1px solid #a8cfe3;border-radius:9px;background:#edf7fc;color:#245f82;font-size:8px;font-weight:900;cursor:pointer}.duty-comparison-open:hover{border-color:#5f9fc2;background:#e3f3fb}.duty-comparison-open svg{width:13px;height:13px}.duty-comparison-open svg:last-child{width:11px}.duty-comparison-dialog{width:min(1180px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:20px;background:transparent;color:var(--ink);box-shadow:0 28px 90px rgba(7,29,18,.3)}.duty-comparison-dialog::backdrop{background:rgba(8,24,16,.56);backdrop-filter:blur(5px)}.duty-comparison-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid #cfded6;border-radius:20px;background:var(--surface)}.duty-comparison-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f7fbf9,#eef8f3)}.duty-comparison-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#dff4e9;color:#087650}.duty-comparison-icon svg{width:20px}.duty-comparison-header>div{min-width:0}.duty-comparison-header small,.duty-comparison-side header small{display:block;color:#11875a;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.duty-comparison-header h2{margin:2px 0;font-size:19px;letter-spacing:-.35px}.duty-comparison-header p{margin:0;color:var(--muted);font-size:9px}.duty-comparison-close.icon-only{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.duty-comparison-close svg{width:16px}.duty-comparison-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto;padding:14px;background:var(--surface-soft)}.duty-comparison-side{min-width:0;align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.duty-comparison-side>header{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--line)}.duty-comparison-side>header>span{min-width:0}.duty-comparison-side h3{margin:2px 0 1px;font-size:15px}.duty-comparison-side header p{margin:0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.duty-comparison-side header a{min-height:33px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--ink);font-size:8px;font-weight:850;white-space:nowrap}.duty-comparison-side header a svg{width:12px}.duty-comparison-rows{display:grid;padding:6px}.duty-comparison-row{min-width:0;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 9px;border-left:4px solid transparent;border-radius:9px}.duty-comparison-row:not(:last-child){border-bottom:1px solid var(--line)}.duty-comparison-row time{font-size:9px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.duty-comparison-row>span{min-width:0;display:grid;gap:2px}.duty-comparison-row strong{overflow:hidden;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.duty-comparison-row small{overflow:hidden;color:var(--muted);font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.duty-comparison-row>b{padding:4px 6px;border-radius:999px;background:#dff4e9;color:#087650;font-size:7px;white-space:nowrap}.duty-comparison-row.focus{border-bottom-color:transparent;border-left-color:#20b77a;background:#eaf8f1;box-shadow:inset 0 0 0 1px #b9e5d0}.duty-comparison-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface)}.duty-comparison-footer span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:750}.duty-comparison-footer span svg{width:15px;color:#11875a}.duty-comparison-footer button{min-height:36px;padding:0 15px;border:0;border-radius:9px;background:#10221a;color:#fff;font-size:9px;font-weight:900;cursor:pointer}body.dark .duty-comparison-open{border-color:#36596d;background:#1b303c;color:#74b6e5}body.dark .duty-comparison-panel,body.dark .duty-comparison-side,body.dark .duty-comparison-footer{border-color:var(--line);background:var(--surface)}body.dark .duty-comparison-header{border-color:var(--line);background:linear-gradient(135deg,#17231d,#17372a)}body.dark .duty-comparison-grid{background:#111915}body.dark .duty-comparison-row.focus{border-left-color:#45d396;background:#17372a;box-shadow:inset 0 0 0 1px #315d49}body.dark .duty-comparison-row>b{background:#234b38;color:#58dda5}body.dark .duty-comparison-footer button{background:var(--accent);color:#062a1d}@media(max-width:820px){.duty-comparison-dialog{width:min(680px,calc(100% - 18px));max-height:calc(100dvh - 18px)}.duty-comparison-panel{max-height:calc(100dvh - 18px)}.duty-comparison-grid{grid-template-columns:1fr}.duty-comparison-header{padding:13px}.duty-comparison-header h2{font-size:16px}}@media(max-width:520px){.duty-comparison-open{width:100%;justify-content:center}.duty-comparison-row{grid-template-columns:57px minmax(0,1fr);gap:7px}.duty-comparison-row>b{grid-column:2;width:max-content}.duty-comparison-side>header{align-items:flex-start}.duty-comparison-side header a span{display:none}.duty-comparison-footer span{max-width:210px}.duty-comparison-header p{line-height:1.35}}

/* De vergelijking toont echte, lokaal gerenderde uitsneden van de bron-PDF's. */
.duty-pdf-snippet{position:relative;min-height:210px;display:grid;place-items:center;overflow:auto;padding:10px;background:#e9eeeb}.duty-pdf-snippet canvas{display:block;width:100%;height:auto;border:1px solid #cbd3cf;border-radius:7px;background:#fff;box-shadow:0 5px 16px rgba(16,39,27,.12)}.duty-pdf-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:#65736c;font-size:9px;font-weight:800;text-align:center}.duty-pdf-loading svg{width:17px;height:17px}.duty-pdf-loading .lucide-loader-circle{animation:spin 1s linear infinite}body.dark .duty-pdf-snippet{background:#111915}body.dark .duty-pdf-snippet canvas{border-color:#415249;box-shadow:none}@media(max-width:820px){.duty-pdf-snippet{min-height:180px;padding:8px}}@media(max-width:520px){.duty-pdf-snippet{min-height:145px;padding:6px}.duty-pdf-loading{min-height:130px}}

/* De uitgevallen dienst springt direct los van de aansluitende dienst. */
.duty-comparison-side-title{display:flex;align-items:center;gap:8px;min-width:0}.duty-comparison-side-title h3{min-width:0}.duty-comparison-side-title>b{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#d9413a;color:#fff;font-size:7px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.duty-comparison-side-title>b svg{width:11px;height:11px}.duty-comparison-side.is-outage{border-color:#e69a95;box-shadow:0 0 0 2px rgba(217,65,58,.08)}.duty-comparison-side.is-outage>header{border-bottom-color:#efb7b3;background:#fff4f3}.duty-comparison-side.is-outage>header small{color:#c9322c}.duty-comparison-side.is-outage .duty-pdf-snippet{border-left:4px solid #d9413a}body.dark .duty-comparison-side.is-outage{border-color:#8f4541;box-shadow:0 0 0 2px rgba(232,94,85,.12)}body.dark .duty-comparison-side.is-outage>header{border-bottom-color:#713c38;background:#321c1a}body.dark .duty-comparison-side.is-outage>header small{color:#ff8c84}body.dark .duty-comparison-side-title>b{background:#e45850}@media(max-width:520px){.duty-comparison-side-title{align-items:flex-start;flex-direction:column;gap:3px}.duty-comparison-side-title>b{padding:3px 6px}}

/* Beide bronkaarten blijven even hoog; de koppellijn verbindt exact de gemarkeerde PDF-regels. */
.duty-comparison-grid{position:relative;align-items:stretch}.duty-comparison-side{align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr)}.duty-pdf-snippet{height:100%;align-content:start}.duty-comparison-connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:8}.duty-comparison-connector path{fill:none;stroke:#d94d45;stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(217,65,58,.45))}.duty-comparison-connector circle{fill:#d9413a;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 2px rgba(217,65,58,.5))}.duty-comparison-connector circle:first-of-type{r:5}.duty-comparison-connector circle:last-of-type{r:5}body.dark .duty-comparison-connector path{stroke:#ff8c84;filter:drop-shadow(0 0 3px rgba(255,140,132,.55))}body.dark .duty-comparison-connector circle{fill:#ff7a72;stroke:#321c1a}@media(max-width:820px){.duty-comparison-connector{display:none}}

/* Compacte lege status, inklapbare gevolgkaart en navigatie vanuit de checklist. */
.outage-sessions.compact-empty>header{justify-content:center}.outage-sessions.compact-empty .sessions-heading{width:100%;justify-content:center;text-align:center}.outage-sessions.compact-empty .sessions-tools{display:flex}.outage-sessions.compact-empty .sessions-tools>:not(.sessions-popout){display:none}.result-header{position:relative}.result-header-toggle{position:absolute;z-index:2;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted);cursor:pointer}.result-header-toggle svg{width:16px;height:16px}.result-header-toggle:hover{border-color:#9fcdb6;background:#eef8f3;color:#087650}.result-header:not(.is-collapsed) .result-header-toggle{top:8px}.result-header.is-collapsed{grid-template-columns:auto minmax(0,1fr);padding-right:54px}.result-header.is-collapsed .result-header-actions{display:none}.task-row[data-checklist-key]{cursor:pointer}.task-row[data-checklist-key]:hover,.task-row[data-checklist-key]:focus-visible{background:#f4faf7;outline:none;box-shadow:inset 0 0 0 2px rgba(32,183,122,.16)}.task-row .task-check{cursor:pointer}.action-row[data-checklist-key]{scroll-margin-top:90px}.action-row.checklist-target{border-radius:12px;background:#e9f8f1!important;box-shadow:0 0 0 3px rgba(32,183,122,.2);animation:checklist-target-pulse .7s ease-out 2}@keyframes checklist-target-pulse{50%{box-shadow:0 0 0 7px rgba(32,183,122,.08)}}body.dark .result-header-toggle{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}body.dark .task-row[data-checklist-key]:hover,body.dark .task-row[data-checklist-key]:focus-visible{background:#172b21}body.dark .action-row.checklist-target{background:#173b2a!important}@media(max-width:560px){.result-header.is-collapsed{gap:8px;padding:7px 45px 7px 8px;border-radius:16px}.result-header.is-collapsed .result-duty-mark{width:42px;height:42px;border-radius:12px}.result-header.is-collapsed .result-duty-mark small{font-size:6px}.result-header.is-collapsed .result-duty-mark strong{font-size:12px}.result-header.is-collapsed .result-title h2{margin:1px 0 2px;font-size:15px;line-height:1.1;letter-spacing:-.35px;white-space:nowrap}.result-header.is-collapsed .result-title>span{font-size:6.5px}.result-header.is-collapsed .result-title p{overflow:hidden;font-size:7px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.result-header.is-collapsed .result-header-toggle{top:7px;right:7px;width:30px;height:30px;border-radius:8px}.result-header.is-collapsed .result-header-toggle svg{width:14px;height:14px}.outage-sessions.compact-empty>header{padding-right:10px;padding-left:10px}}@media(max-width:480px){.outage-sessions.compact-empty>header{display:flex}.outage-sessions.compact-empty>header>.sessions-tools{width:auto;display:flex;flex:0 0 auto}.outage-sessions.compact-empty .sessions-popout{grid-column:auto;grid-row:auto}}@media(max-width:350px){.result-header.is-collapsed .result-title h2{font-size:13.5px}}

/* De inklapknop heeft een eigen rasterkolom en kan nooit over tekst of acties vallen. */
.results .result-header{grid-template-columns:52px minmax(150px,1fr) minmax(360px,720px) 32px;gap:9px;padding:10px 11px 10px 12px}.results .result-duty-mark{width:52px;height:52px;border-radius:13px}.results .result-duty-mark small{font-size:6.5px}.results .result-duty-mark strong{font-size:13px}.results .result-title h2{font-size:18px}.results .result-header-actions{grid-column:3;grid-row:1;gap:5px}.results .result-header-actions>.mer-export-button,.results .result-header-actions>.driver-export-button,.results .result-header-actions>.source-pdf-links,.results .result-header-actions>.source-pdf-links .pdf-link,.results .result-header-actions>.result-close-button{height:36px;min-height:36px}.results .result-header-toggle,.results .result-header:not(.is-collapsed) .result-header-toggle{position:static;grid-column:4;grid-row:1;align-self:start;justify-self:end;width:32px;height:32px;border-radius:9px}.result-header.is-collapsed{grid-template-columns:52px minmax(0,1fr) 32px;padding-right:11px}.result-header.is-collapsed .result-header-toggle{grid-column:3}.result-header.is-collapsed .result-title{grid-column:2}.result-header.is-collapsed .result-duty-mark{grid-column:1}@media(max-width:760px){.results .result-header:not(.is-collapsed){grid-template-columns:auto minmax(0,1fr) 32px;padding:10px}.results .result-header:not(.is-collapsed) .result-duty-mark{grid-column:1;grid-row:1}.results .result-header:not(.is-collapsed) .result-title{grid-column:2;grid-row:1}.results .result-header:not(.is-collapsed) .result-header-toggle{grid-column:3;grid-row:1}.results .result-header:not(.is-collapsed) .result-header-actions{grid-column:1/-1;grid-row:2;margin-top:0}}@media(max-width:560px){.results .result-header.is-collapsed{grid-template-columns:40px minmax(0,1fr) 28px;gap:7px;padding:6px 7px;border-radius:15px}.results .result-header.is-collapsed .result-duty-mark{width:40px;height:40px;border-radius:11px}.results .result-header.is-collapsed .result-title h2{font-size:14.5px}.results .result-header.is-collapsed .result-header-toggle{grid-column:3;top:auto;right:auto;width:28px;height:28px;border-radius:8px}.results .result-header:not(.is-collapsed) .result-header-actions{gap:5px}.results .result-header:not(.is-collapsed) .result-header-actions>*{min-height:36px}}

/* Desktop: samenvatting en alle acties passen samen op één horizontale regel. */
@media(min-width:761px){.results .result-header,.results .result-header:not(.is-collapsed){grid-template-columns:48px minmax(145px,.65fr) minmax(0,2fr);gap:8px;padding:7px 9px}.results .result-duty-mark{width:48px;height:48px;border-radius:12px}.results .result-title{overflow:hidden}.results .result-title h2{margin:1px 0 2px;font-size:17px;line-height:1.1;white-space:nowrap}.results .result-title>span,.results .result-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .result-header-toggle,.results .result-header:not(.is-collapsed) .result-header-toggle{display:none}.results .result-header-actions,.results .result-header:not(.is-collapsed) .result-header-actions{width:100%;min-width:0;display:grid;grid-column:3;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}.results .result-header-actions>.mer-export-button,.results .result-header-actions>.driver-export-button,.results .result-header-actions>.source-pdf-links,.results .result-header-actions>.result-close-button{min-width:0;height:34px;min-height:34px}.results .result-header-actions>.source-pdf-links{grid-column:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}.results .result-header-actions>.source-pdf-links .pdf-link{min-width:0;height:34px;min-height:34px;padding:0 7px}.results .result-header-actions button,.results .result-header-actions .pdf-link{overflow:hidden;padding-right:7px;padding-left:7px;font-size:7.5px;white-space:nowrap}.results .result-header-actions button span,.results .result-header-actions .pdf-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .result-header-actions svg{flex:0 0 auto}}

/* Alle impactcijfers staan compact op één regel. */
.results .impact-summary{gap:7px;margin:8px 0}.results .impact-card{min-height:48px;display:flex;align-items:center;gap:8px;padding:8px 10px}.results .impact-card>span{width:30px;height:30px;flex:0 0 30px;border-radius:8px}.results .impact-card>span svg{width:14px;height:14px}.results .impact-card>div{min-width:0;display:flex;align-items:baseline;gap:5px}.results .impact-card strong{flex:0 0 auto;font-size:14px;line-height:1}.results .impact-card small{min-width:0;font-size:clamp(7px,.72vw,8px);line-height:1.1;letter-spacing:-.08px;white-space:nowrap}@media(max-width:780px){.results .impact-card small{font-size:8.5px}}@media(max-width:560px){.results .impact-summary{display:none}}

/* Tijdens een losse analyse blijft het dagoverzicht bereikbaar als compacte balk. */
.sessions-analysis-toggle{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #c7dcd1;border-radius:10px;background:#f2faf6;color:#176346;font-size:8px;font-weight:850;white-space:nowrap;cursor:pointer}.sessions-analysis-toggle svg{width:14px;height:14px}.sessions-analysis-toggle:hover{border-color:#8fc7ac;background:#eaf7f0;color:#087650}.outage-sessions.analysis-collapsed{margin-bottom:10px;border-radius:14px;box-shadow:0 7px 20px rgba(20,54,38,.05)}.outage-sessions.analysis-collapsed>header{min-height:52px;padding:6px 9px 6px 12px;border-bottom:0}.outage-sessions.analysis-collapsed .sessions-heading-icon{width:32px;height:32px;border-radius:9px}.outage-sessions.analysis-collapsed .sessions-heading-icon svg{width:15px;height:15px}.outage-sessions.analysis-collapsed .sessions-heading-copy h2{font-size:13px}.outage-sessions.analysis-collapsed .sessions-heading-copy p{font-size:8px}.outage-sessions.analysis-collapsed .session-list{display:none}.outage-sessions.analysis-collapsed .sessions-live-status,.outage-sessions.analysis-collapsed .sessions-location-filter,.outage-sessions.analysis-collapsed .sessions-popout{display:none}.outage-sessions.compact-empty .sessions-analysis-toggle{display:none}body.dark .sessions-analysis-toggle{border-color:#315d49;background:#17372a;color:#58dda5}@media(max-width:620px){.outage-sessions.analysis-collapsed>header{display:flex;align-items:center;gap:7px}.outage-sessions.analysis-collapsed .sessions-heading-copy p{display:none}.outage-sessions.analysis-collapsed .sessions-tools{width:auto;margin-left:auto}.sessions-analysis-toggle{width:34px;padding:0}.sessions-analysis-toggle span{display:none}}@media(max-width:390px){.outage-sessions.analysis-collapsed .sessions-heading-copy h2{font-size:11px}.outage-sessions.analysis-collapsed .sessions-heading-icon{width:29px;height:29px}}

/* Desktop: één rustige segmentbalk zonder pictogrammen. */
@media(min-width:761px){.results .result-header,.results .result-header:not(.is-collapsed){min-height:44px;display:flex;align-items:stretch;gap:0;padding:4px 8px;border-radius:14px}.results .result-duty-mark{width:auto;height:auto;min-width:0;display:flex;align-items:center;padding:0 13px 0 7px;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}.results .result-duty-mark small{display:none}.results .result-duty-mark strong{max-width:none;color:var(--ink);font-size:12px;letter-spacing:0}.results .result-title{width:auto;min-width:80px;display:flex;align-items:center;padding:0 13px;border-left:1px solid var(--line)}.results .result-title>span{overflow:visible;color:var(--ink);font-size:9px;font-weight:850;letter-spacing:0;text-transform:none;text-overflow:clip}.results .result-title h2,.results .result-title p{display:none}.results .result-header-actions,.results .result-header:not(.is-collapsed) .result-header-actions{min-width:0;display:flex;align-items:stretch;flex:1;gap:0}.results .result-header-actions>.mer-export-button,.results .result-header-actions>.driver-export-button,.results .result-header-actions>.source-pdf-links,.results .result-header-actions>.result-close-button{width:auto;min-width:0;height:auto;min-height:34px;flex:1;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);box-shadow:none}.results .result-header-actions>.source-pdf-links{display:flex;grid-column:auto;gap:0}.results .result-header-actions>.source-pdf-links .pdf-link{width:100%;height:auto;min-height:34px;justify-content:center;padding:0 10px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}.results .result-header-actions button,.results .result-header-actions .pdf-link{font-size:9px;font-weight:850}.results .result-header-actions svg,.results .result-header-actions i{display:none}.results .result-header-actions button:hover:not(:disabled),.results .result-header-actions .pdf-link:hover{background:var(--surface-soft);color:var(--accent-dark)}body.dark .results .result-duty-mark,body.dark .results .result-duty-mark strong,body.dark .results .result-title>span,body.dark .results .result-header-actions>.mer-export-button,body.dark .results .result-header-actions>.driver-export-button,body.dark .results .result-header-actions>.source-pdf-links .pdf-link,body.dark .results .result-header-actions>.result-close-button{color:var(--ink)}}

/* Actieknoppen horen bij de kop van de MER-actielijst; de losse cijferstrook vervalt. */
.results .impact-summary{display:none!important}@media(min-width:761px){.action-panel .panel-heading{gap:8px;padding:10px 12px}.action-panel .panel-heading>.panel-icon{width:36px;height:36px}.action-panel .panel-heading>.panel-count{flex:0 0 auto}.action-panel .panel-heading>.result-header{min-width:0;min-height:36px;display:flex;align-items:center;flex:1;gap:5px;margin-left:4px;padding:0 0 0 11px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.action-panel .result-duty-mark{min-width:46px;padding:0 7px}.action-panel .result-title{min-width:52px;padding:0 7px;border-left:1px solid var(--line)}.action-panel .result-header-actions{min-width:0;display:flex;align-items:center;gap:4px}.action-panel .result-header-actions>.mer-export-button,.action-panel .result-header-actions>.driver-export-button,.action-panel .result-header-actions>.source-pdf-links,.action-panel .result-header-actions>.result-close-button{min-width:58px;height:30px;min-height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);box-shadow:none}.action-panel .result-header-actions>.mer-export-button{border-color:#14815a;background:#16885f;color:#fff}.action-panel .result-header-actions>.driver-export-button:not(:disabled){border-color:#72abd0;background:#edf7fc;color:#245f82}.action-panel .result-header-actions>.source-pdf-links{display:flex}.action-panel .result-header-actions>.source-pdf-links .pdf-link{height:28px;min-height:28px;border-radius:7px;background:transparent}.action-panel .result-header-actions>.result-close-button{background:#fff}.action-panel .result-header-actions button,.action-panel .result-header-actions .pdf-link{padding:0 7px;font-size:7px}.action-panel .result-header-actions button:hover:not(:disabled),.action-panel .result-header-actions .pdf-link:hover{transform:none;filter:brightness(.97)}body.dark .action-panel .result-header-actions>.result-close-button{background:var(--surface-soft)}}@media(max-width:760px){.action-panel .panel-heading{flex-wrap:wrap}.action-panel .panel-heading>.result-header{width:100%;flex-basis:100%;margin:2px 0 0;padding-top:7px;border-top:1px solid var(--line)}}

/* De dienstcontext gebruikt dezelfde label/titel-hiërarchie als de MER-kop. */
@media(min-width:761px){.action-panel .panel-heading{padding:9px 12px}.action-panel .panel-heading>.result-header{min-height:40px;gap:10px;margin-left:6px;padding-left:14px}.action-panel .result-duty-mark{min-width:72px;height:40px;display:grid;align-content:center;justify-items:start;gap:1px;padding:0;background:transparent;color:var(--ink);box-shadow:none}.action-panel .result-duty-mark small{display:block;color:var(--muted);font-size:8px;font-weight:800;line-height:1;letter-spacing:.07em;text-transform:uppercase}.action-panel .result-duty-mark strong{max-width:none;color:var(--ink);font-size:19px;line-height:1.05;letter-spacing:-.3px}.action-panel .result-title{min-width:68px;height:40px;display:grid;align-content:center;gap:2px;padding:0 0 0 10px;border-left:1px solid var(--line)}.action-panel .result-title:before{content:"Standplaats";color:var(--muted);font-size:8px;font-weight:800;line-height:1;letter-spacing:.07em;text-transform:uppercase}.action-panel .result-title>span{color:var(--ink);font-size:11px;font-weight:800;line-height:1.1}.action-panel .result-header-actions{gap:5px;padding-left:2px}.action-panel .result-header-actions>.mer-export-button,.action-panel .result-header-actions>.driver-export-button,.action-panel .result-header-actions>.source-pdf-links,.action-panel .result-header-actions>.result-close-button{height:32px;min-height:32px;border-radius:8px}.action-panel .result-header-actions>.source-pdf-links .pdf-link{height:30px;min-height:30px}.action-panel .result-header-actions button,.action-panel .result-header-actions .pdf-link{font-size:7.5px}}

/* Compacte kop: dienst en standplaats gelijkwaardig, met losse herkenbare knoppen. */
@media(min-width:761px){.action-panel .panel-heading>.result-header{gap:12px;margin-left:4px;padding-left:14px}.action-panel .result-duty-mark,.action-panel .result-title{min-width:92px}.action-panel .result-title{gap:1px;padding-left:14px}.action-panel .result-title>span{font-size:19px;line-height:1.05;letter-spacing:-.3px;text-transform:none}.action-panel .result-header-actions{gap:7px;padding-left:4px}.action-panel .result-header-actions>.mer-export-button,.action-panel .result-header-actions>.driver-export-button,.action-panel .result-header-actions>.source-pdf-links,.action-panel .result-header-actions>.result-close-button{height:32px;min-height:32px;border:1px solid var(--line);border-radius:9px;background:#f7faf8;box-shadow:0 1px 2px rgba(20,54,38,.04)}.action-panel .result-header-actions>.mer-export-button{border-color:#16865e;background:#16865e;color:#fff}.action-panel .result-header-actions>.driver-export-button:not(:disabled){border-color:#82b5d2;background:#f1f8fc;color:#245f82}.action-panel .result-header-actions>.source-pdf-links{padding:0;background:#f2f6f4}.action-panel .result-header-actions>.source-pdf-links .pdf-link{height:30px;min-height:30px;border:0;border-radius:8px;background:transparent}.action-panel .result-header-actions>.result-close-button{background:#fff}.action-panel .result-header-actions button,.action-panel .result-header-actions .pdf-link{font-size:8px}.action-panel .result-header-actions button:hover:not(:disabled),.action-panel .result-header-actions .pdf-link:hover{border-color:#8eb9a5;filter:none;transform:translateY(-1px);box-shadow:0 3px 8px rgba(20,54,38,.08)}body.dark .action-panel .result-header-actions>.mer-export-button{background:#16865e;color:#fff}body.dark .action-panel .result-header-actions>.driver-export-button:not(:disabled){background:#1b303c}body.dark .action-panel .result-header-actions>.source-pdf-links,body.dark .action-panel .result-header-actions>.result-close-button{background:var(--surface-soft)}}

/* Compacte knoppen behouden onderling voldoende witruimte. */
@media(min-width:761px){.action-panel .result-header-actions{justify-content:flex-start;column-gap:10px!important}.action-panel .result-header-actions>.mer-export-button{width:104px!important;min-width:104px;flex:0 0 104px!important}.action-panel .result-header-actions>.driver-export-button{width:120px!important;min-width:120px;flex:0 0 120px!important}.action-panel .result-header-actions>.source-pdf-links{width:104px!important;min-width:104px;flex:0 0 104px!important}.action-panel .result-header-actions>.result-close-button{width:92px!important;min-width:92px;flex:0 0 92px!important}}

/* Professionele actiegroep, rechts uitgelijnd binnen de kop. */
@media(min-width:761px){.action-panel .result-header-actions{margin-left:auto!important;padding-left:12px;justify-content:flex-end!important;align-items:center;column-gap:9px!important}.action-panel .result-header-actions>.mer-export-button,.action-panel .result-header-actions>.driver-export-button,.action-panel .result-header-actions>.source-pdf-links,.action-panel .result-header-actions>.result-close-button{height:34px;min-height:34px;border-radius:9px;font-weight:800;letter-spacing:.01em;box-shadow:0 1px 2px rgba(16,38,28,.06);transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.action-panel .result-header-actions>.mer-export-button{border:1px solid #147a56;background:linear-gradient(180deg,#258e69,#177c59);color:#fff;box-shadow:0 2px 5px rgba(20,122,86,.18)}.action-panel .result-header-actions>.driver-export-button:not(:disabled){border:1px solid #79acd0;background:#f4f9fc;color:#245f82}.action-panel .result-header-actions>.source-pdf-links{border:1px solid #d6dfda;background:#f5f8f6}.action-panel .result-header-actions>.source-pdf-links .pdf-link{height:32px;min-height:32px;color:#31443a}.action-panel .result-header-actions>.result-close-button{border:1px solid #d6dfda;background:#fff;color:#314139}.action-panel .result-header-actions button,.action-panel .result-header-actions .pdf-link{gap:6px;font-size:8.5px}.action-panel .result-header-actions svg,.action-panel .result-header-actions i{width:12px;height:12px;display:block;flex:0 0 auto}.action-panel .result-header-actions>.source-pdf-links .pdf-link svg:last-child{display:none}.action-panel .result-header-actions button:hover:not(:disabled),.action-panel .result-header-actions .pdf-link:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(16,38,28,.11)}.action-panel .result-header-actions>.mer-export-button:hover:not(:disabled){border-color:#0f6949;background:linear-gradient(180deg,#20845f,#126d4d);color:#fff}.action-panel .result-header-actions button:focus-visible,.action-panel .result-header-actions .pdf-link:focus-visible{outline:3px solid rgba(32,183,122,.2);outline-offset:2px}body.dark .action-panel .result-header-actions>.mer-export-button{border-color:#269b70;background:linear-gradient(180deg,#238a64,#176d4f)}body.dark .action-panel .result-header-actions>.source-pdf-links,body.dark .action-panel .result-header-actions>.result-close-button{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}}

/* Beide kolomkoppen hebben op desktop exact dezelfde hoogte. */
@media(min-width:761px){.action-panel>.panel-heading,.task-panel>.panel-heading{height:59px;min-height:59px}.task-panel>.panel-heading,.task-panel>.panel-heading.compact{padding:9px 13px}.task-panel>.panel-heading .panel-icon{width:36px;height:36px;border-radius:10px}.task-panel>.panel-heading .panel-icon svg{width:17px;height:17px}}

/* Mobiele PWA: dezelfde dienst-/standplaatskop als desktop, met vier compacte acties op één rij. */
@media(max-width:760px){
  .outage-live-heading .outage-live-title{font-size:16px;line-height:1;letter-spacing:-.35px}
  .action-panel .panel-heading{display:block;padding:7px 8px}
  .action-panel .panel-heading>.panel-icon{display:none}
  .action-panel .panel-heading>.result-header{width:100%;margin:0;padding:0;border:0}
  .results .result-header,.results .result-header:not(.is-collapsed),.results .result-header.is-collapsed{min-height:48px;display:grid;grid-template-columns:minmax(74px,.72fr) minmax(0,1fr) 28px;gap:7px;padding:4px 5px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .results .result-duty-mark,.results .result-header.is-collapsed .result-duty-mark{width:auto;height:40px;display:grid;align-content:center;justify-items:start;gap:2px;padding:0 7px;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}
  .results .result-duty-mark small,.results .result-header.is-collapsed .result-duty-mark small{display:block;color:var(--muted);font-size:7px;font-weight:850;line-height:1;letter-spacing:.08em;text-transform:uppercase}
  .results .result-duty-mark strong,.results .result-header.is-collapsed .result-duty-mark strong{max-width:100%;color:var(--ink);font-size:17px;line-height:1;letter-spacing:-.25px}
  .results .result-title,.results .result-header.is-collapsed .result-title{height:40px;display:grid;align-content:center;gap:2px;padding:0 5px 0 10px;border-left:1px solid var(--line)}
  .results .result-title:before{content:"Standplaats";color:var(--muted);font-size:7px;font-weight:850;line-height:1;letter-spacing:.08em;text-transform:uppercase}
  .results .result-title>span,.results .result-header.is-collapsed .result-title>span{overflow:hidden;color:var(--ink);font-size:16px;font-weight:850;line-height:1.05;letter-spacing:-.25px;text-overflow:ellipsis;text-transform:none;white-space:nowrap}
  .results .result-title h2,.results .result-title p{display:none}
  .results .result-header-toggle,.results .result-header:not(.is-collapsed) .result-header-toggle,.results .result-header.is-collapsed .result-header-toggle{position:static;grid-column:3;grid-row:1;align-self:center;width:28px;height:28px;border-radius:8px}
  .results .result-header-actions,.results .result-header:not(.is-collapsed) .result-header-actions{width:100%;display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:1px 0 0;padding:0}
  .results .result-header.is-collapsed .result-header-actions{display:none}
  .results .result-header-actions>.mer-export-button,.results .result-header-actions>.driver-export-button,.results .result-header-actions>.source-pdf-links,.results .result-header-actions>.result-close-button{width:100%;min-width:0;height:32px;min-height:32px;border-radius:8px}
  .results .result-header-actions>.mer-export-button,.results .result-header-actions>.driver-export-button,.results .result-header-actions>.source-pdf-links,.results .result-header-actions>.result-close-button{grid-column:auto!important}
  .results .result-header-actions>.source-pdf-links{display:grid;grid-column:auto;border:1px solid var(--line);background:#f5f8f6;padding:0}
  .results .result-header-actions>.source-pdf-links .pdf-link{width:100%;min-width:0;height:30px;min-height:30px;padding:0 3px;border:0;border-radius:7px;background:transparent}
  .results .result-header-actions button,.results .result-header-actions .pdf-link{gap:3px;padding:0 3px;font-size:6.8px;white-space:nowrap}
  .results .result-header-actions svg,.results .result-header-actions i{width:11px;height:11px;flex:0 0 auto}
  .results .result-header-actions>.source-pdf-links .pdf-link svg:last-child{display:none}
}
@media(max-width:380px){.outage-live-heading .outage-live-title{font-size:15px}}

/* De live dienstenteller hoort bij het account en neemt geen ruimte meer onder het zoekveld in. */
.outage-account-panel .account-duty-index{min-height:34px;display:flex!important;justify-content:flex-start;gap:8px!important;margin:0!important;padding:8px 10px;border:1px solid #d6e6de;border-radius:10px;background:#f1faf6;color:#176346;font-size:9px!important;font-weight:850}
.outage-account-panel .account-duty-index>span{flex:0 0 auto}
body.dark .outage-account-panel .account-duty-index{border-color:#315d49;background:#17372a;color:#58dda5}

/* Mobiel benut de footer de resterende hoogte en staat het copyright dichter bij de onderrand. */
@media(max-width:620px){.outage-shell>.outage-disclaimer{margin-bottom:6px}.outage-shell>.outage-footer{padding:14px 6px max(7px,env(safe-area-inset-bottom))}}

/* Compacte live dagplanning: vandaag is operationeel, morgen is voorbereid. */
.outage-sessions .sessions-heading{flex:1 1 auto}.sessions-day-picker{flex:0 0 auto;display:flex!important;align-items:center!important;gap:3px!important;margin-left:auto;padding:3px;border:1px solid #d6e2dc;border-radius:10px;background:#edf3f0}.sessions-day-picker button{height:28px;min-width:54px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#66756d;font:850 8px 'DM Sans',sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.sessions-day-picker button.active{background:#fff;color:#087650;box-shadow:0 2px 7px rgba(17,67,44,.11)}.sessions-day-picker button:focus-visible{outline:3px solid rgba(32,183,122,.2);outline-offset:1px}.outage-sessions.compact-empty>header{justify-content:flex-start;gap:8px}.outage-sessions.compact-empty .sessions-heading{width:100%;justify-content:flex-start;text-align:left}.outage-sessions.compact-empty .sessions-heading-copy{min-width:0}.outage-sessions.compact-empty .sessions-heading-copy h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-prepared-badge{height:27px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid #b9d8e9;border-radius:8px;background:#edf7fc;color:#246f9a;font-size:7px;font-weight:900;white-space:nowrap}.session-prepared-badge svg{width:12px;height:12px}.outage-sessions:not(.compact-empty) .session-card.session-prepared{border-color:#c8dfeb}.outage-sessions:not(.compact-empty) .session-card.session-prepared::before{background:#3b8fbd}body.dark .sessions-day-picker{border-color:var(--line);background:#17251e}body.dark .sessions-day-picker button{color:var(--muted)}body.dark .sessions-day-picker button.active{background:var(--surface-soft);color:#58dda5}body.dark .session-prepared-badge{border-color:#356b8d;background:#1a2d39;color:#74b6e5}
@media(max-width:620px){.outage-sessions .sessions-heading{width:100%;gap:7px}.sessions-day-picker{gap:2px!important;margin-left:auto;padding:2px;border-radius:9px}.sessions-day-picker button{height:28px;min-width:48px;padding:0 6px;font-size:7.5px}.outage-sessions.compact-empty>header{padding-left:9px}.outage-sessions.compact-empty .sessions-heading-icon{display:none}.outage-sessions.compact-empty .sessions-heading-copy{flex:1 1 auto}.session-prepared-badge{height:25px;padding:0 6px;font-size:6.5px}}
@media(max-width:390px){.sessions-day-picker button{min-width:44px;padding:0 4px}.outage-sessions.compact-empty .sessions-heading-copy h2{font-size:9px}}

/* Rustigere planningsstatus en een duidelijkere dag-switch. */
.sessions-day-picker{gap:4px!important;padding:4px;border-color:#cfdcd5;border-radius:12px;background:#f3f7f5;box-shadow:inset 0 1px 2px rgba(20,54,38,.04),0 2px 7px rgba(20,54,38,.06)}.sessions-day-picker button{height:31px;min-width:61px;padding:0 11px;border-radius:8px;color:#52645b;font-size:8.5px}.sessions-day-picker button:hover:not(.active){background:#e8f1ec;color:#254738}.sessions-day-picker button.active{background:linear-gradient(180deg,#258e69,#177c59);color:#fff;box-shadow:0 2px 6px rgba(20,122,86,.2)}.session-main-row>.session-inline-meta.has-status{align-items:flex-start;justify-content:center;flex-direction:column;gap:3px}.session-inline-meta .session-prepared-badge{height:auto;display:inline-flex;align-items:center;gap:3px;padding:0;border:0;border-radius:0;background:transparent;color:#28779f;font-size:7px;font-weight:900;line-height:1;white-space:nowrap}.session-inline-meta .session-prepared-badge svg{width:9px;height:9px;stroke-width:2.2}body.dark .sessions-day-picker{border-color:var(--line);background:#121e18;box-shadow:none}body.dark .sessions-day-picker button.active{background:linear-gradient(180deg,#258e69,#177c59);color:#fff}body.dark .session-inline-meta .session-prepared-badge{color:#74b6e5}
@media(max-width:620px){.sessions-day-picker{gap:3px!important;padding:3px}.sessions-day-picker button{height:30px;min-width:54px;padding:0 7px;font-size:8px}.session-inline-meta .session-prepared-badge{font-size:6.5px}.session-inline-meta .session-prepared-badge svg{display:none}}

@media(min-width:621px){.outage-sessions.compact-empty .sessions-heading{position:relative;display:flex!important;justify-content:center!important}.outage-sessions.compact-empty .sessions-heading-icon{position:absolute;left:0;top:50%;transform:translateY(-50%)}.outage-sessions.compact-empty .sessions-heading-copy{justify-content:center;text-align:center}.outage-sessions.compact-empty .sessions-heading-copy h2{text-align:center}.outage-sessions.compact-empty .sessions-day-picker{position:absolute;right:0;top:50%;margin:0;transform:translateY(-50%)}}

/* Alleen gebruikers met een zichtbare, actieve Dienstuitval-pagina. */
.outage-account-presence{min-width:0;display:grid;gap:7px;padding:10px;border:1px solid #d6e6de;border-radius:11px;background:#f7faf8}.outage-account-presence>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.outage-account-presence>header span{display:inline-flex;align-items:center;gap:6px;color:#163f2e;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.outage-account-presence>header span i{width:7px;height:7px;border-radius:50%;background:#20b77a;box-shadow:0 0 0 4px rgba(32,183,122,.11)}.outage-account-presence>header small{color:#7b8981;font-size:7px;font-weight:750}.outage-online-list{min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:thin}.outage-online-person{min-width:0;max-width:175px;height:31px;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:2px 8px 2px 3px;border:1px solid #cfe4d9;border-radius:999px;background:#fff;color:#234537}.outage-online-person>i{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#16885f;color:#fff;font-size:7px;font-style:normal;font-weight:950}.outage-online-person>b{min-width:0;overflow:hidden;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.outage-online-person>em{width:7px;height:7px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;background:#20b77a;box-shadow:0 0 0 1px #bcdccb}.outage-online-empty{color:#7a8780;font-size:8px;font-weight:700}.person-tone-1.outage-online-person>i{background:#3979a8}.person-tone-2.outage-online-person>i{background:#7b5fb5}.person-tone-3.outage-online-person>i{background:#bd7a18}.person-tone-4.outage-online-person>i{background:#b9544b}.person-tone-5.outage-online-person>i{background:#526d61}body.dark .outage-account-presence{border-color:var(--line);background:var(--surface-soft)}body.dark .outage-account-presence>header span{color:#78d9ae}body.dark .outage-online-person{border-color:#315d49;background:var(--surface);color:var(--ink)}body.dark .outage-online-person>em{border-color:var(--surface)}
@media(max-width:620px){.outage-account-presence{padding:9px}.outage-online-person{max-width:145px}.outage-online-person>b{font-size:7.5px}}

/* Volledig symmetrische capsule voor de dagkeuze. */
.sessions-day-picker{border-radius:999px!important;overflow:hidden}
.sessions-day-picker button{border-radius:999px!important}

/* De externe livepagina gebruikt dezelfde rustige capsulevorm als de dagkeuze. */
.sessions-popout{height:39px;padding:0 16px;border:1px solid #a9cee5;border-radius:999px!important;background:linear-gradient(180deg,#f7fbfe,#edf7fc);color:#226f9d;box-shadow:inset 0 1px 2px rgba(40,116,166,.04),0 2px 7px rgba(40,116,166,.08);font-size:8.5px}
.sessions-popout:hover{border-color:#65a9d0;background:linear-gradient(180deg,#f1f9fd,#e2f2fa);color:#175b84;box-shadow:0 3px 9px rgba(40,116,166,.13)}
body.dark .sessions-popout{border-color:#356b8d;background:#1a2d39;color:#74b6e5;box-shadow:none}
@media(max-width:760px){.sessions-popout{width:39px;min-width:39px;height:39px;padding:0}}
@media(max-width:480px){.sessions-popout{width:38px;min-width:38px;height:38px}}

/* Duidelijkere appnaam en een subtiele RRReis-kleurverwijzing. */
.outage-live-heading>small{width:max-content;max-width:100%;background:linear-gradient(90deg,#5d1b83 0 30%,#3389d5 38% 62%,#289b60 72% 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important;font-weight:950}.outage-live-heading .outage-live-title{font-size:19px;line-height:1.05;letter-spacing:-.45px}@media(max-width:760px){.outage-live-heading .outage-live-title{font-size:18px}}@media(max-width:620px){.outage-live-heading .outage-live-title{font-size:17px}}@media(max-width:380px){.outage-live-heading .outage-live-title{font-size:16px}}

/* De titel gebruikt dezelfde RRReis-kleuren; een serviceworker-update bevestigt zichzelf kort. */
.outage-live-heading .outage-live-title{width:max-content;max-width:100%;background:linear-gradient(90deg,#5d1b83 0 29%,#3389d5 38% 61%,#289b60 72% 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important}.outage-update-confirmation{position:fixed;z-index:180;top:max(68px,calc(env(safe-area-inset-top) + 12px));left:50%;min-width:280px;max-width:calc(100% - 28px);display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #a8d9c2;border-radius:12px;background:rgba(244,252,248,.97);color:#145f43;box-shadow:0 12px 34px rgba(16,52,35,.18);opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:opacity .22s ease,transform .22s ease;backdrop-filter:blur(12px)}.outage-update-confirmation.show{opacity:1;transform:translate(-50%,0)}.outage-update-confirmation>svg{width:20px;height:20px;flex:0 0 auto;color:#16885f}.outage-update-confirmation>span{min-width:0;display:grid;gap:1px}.outage-update-confirmation b{font-size:9px;font-weight:950}.outage-update-confirmation small{color:#527064;font-size:8px;font-weight:700}body.dark .outage-update-confirmation{border-color:#397b5c;background:rgba(23,55,42,.97);color:#7ee1b5}body.dark .outage-update-confirmation small{color:#b2c9be}@media(max-width:620px){.outage-update-confirmation{top:max(60px,calc(env(safe-area-inset-top) + 8px));min-width:0;width:calc(100% - 24px);padding:9px 11px}.outage-update-confirmation b{font-size:8.5px}.outage-update-confirmation small{font-size:7.5px}}@media(prefers-reduced-motion:reduce){.outage-update-confirmation{transition:none}}

/* Verzorgde zoekresultaten met een duidelijke, rustige kaartrand. */
.duty-suggestions{padding:6px;border:1px solid #cddbd4;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 14px 36px rgba(14,42,28,.14)}.duty-option{min-height:56px;gap:10px;margin:0;padding:8px;border:1px solid #e0e8e4;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(18,49,34,.035);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.duty-option+.duty-option{margin-top:5px}.duty-option:hover,.duty-option.active{border-color:#9dcdb6;background:#f3faf6;box-shadow:0 4px 10px rgba(18,67,43,.08);transform:translateY(-1px)}.duty-option>b{width:43px;height:38px;border:1px solid #dbe6e0;border-radius:9px;background:#f0f5f2;color:#273a30}.duty-option>svg{width:28px;height:28px;padding:7px;border:1px solid #d9e4de;border-radius:8px;background:#f7faf8;color:#2f7255;stroke-width:2.2}.duty-option:hover>svg,.duty-option.active>svg{border-color:#a9d6c0;background:#e8f7ef;color:#087650}.duty-option strong{font-weight:900}.duty-option small{color:#75827b}body.dark .duty-suggestions{border-color:var(--line);background:rgba(20,30,25,.98)}body.dark .duty-option{border-color:var(--line);background:var(--surface)}body.dark .duty-option:hover,body.dark .duty-option.active{border-color:#397b5c;background:#17372a}body.dark .duty-option>b,body.dark .duty-option>svg{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}
@media(max-width:560px){.duty-suggestions{padding:5px;border-radius:12px}.duty-option{min-height:53px;padding:7px;border-radius:9px}.duty-option>b{width:40px;height:36px}.duty-option>svg{width:27px;height:27px}}

/* De niet-gedeelde checkliststatus en deelactie mogen duidelijk aandacht vragen. */
.task-panel>.checklist-sync.local{min-height:46px;grid-template-columns:19px minmax(0,1fr) auto;gap:9px;padding:5px 7px 5px 12px}.task-panel>.checklist-sync.local>svg{width:18px;height:18px;stroke-width:2.15}.task-panel>.checklist-sync.local .checklist-sync-text{font-size:9.5px;font-weight:900;letter-spacing:-.05px}.task-panel>.checklist-sync.local #start-session:not([hidden]){min-height:34px;padding:0 12px;font-size:8.5px;font-weight:900;animation:checklist-share-attention 2.8s ease-in-out infinite}@keyframes checklist-share-attention{0%,58%,100%{transform:scale(1);box-shadow:0 4px 10px rgba(40,121,167,.2),0 0 0 0 rgba(48,145,194,0)}68%{transform:scale(1.025);box-shadow:0 5px 13px rgba(40,121,167,.25),0 0 0 5px rgba(48,145,194,.14)}80%{transform:scale(1);box-shadow:0 4px 10px rgba(40,121,167,.2),0 0 0 9px rgba(48,145,194,0)}}@media(max-width:620px){.task-panel>.checklist-sync.local{min-height:45px}.task-panel>.checklist-sync.local .checklist-sync-text{font-size:9px}.task-panel>.checklist-sync.local #start-session:not([hidden]){font-size:8px}}@media(prefers-reduced-motion:reduce){.task-panel>.checklist-sync.local #start-session:not([hidden]){animation:none}}

/* De livekop staat binnen de shell; trek zijn hoogte daarom niet van de viewport af. */
.outage-live-view .outage-shell{min-height:100vh;min-height:100dvh}

/* Visuele uitleg van een bewezen buffer-overdracht. */
.duty-comparison-header{grid-row:1}.duty-transfer-visual{grid-row:2}.duty-comparison-grid{grid-row:3}.duty-comparison-footer{grid-row:4}.duty-transfer-options.single{grid-template-columns:minmax(0,1fr)}
.duty-comparison-panel{grid-template-rows:auto auto minmax(0,1fr) auto}.duty-comparison-header{grid-template-columns:auto minmax(0,1fr) auto auto}.duty-transfer-toggle{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #16865e;border-radius:10px;background:linear-gradient(180deg,#258e69,#177c59);color:#fff;font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 3px 8px rgba(20,122,86,.18)}.duty-transfer-toggle svg{width:13px;height:13px}.duty-transfer-toggle:hover{background:linear-gradient(180deg,#20845f,#126d4d);transform:translateY(-1px)}.duty-transfer-visual{padding:12px 16px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f7fbf9,#eef8f3)}.duty-transfer-copy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.duty-transfer-copy>span{display:inline-flex;align-items:center;gap:6px;color:#087650;font-size:8px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.duty-transfer-copy>span svg{width:14px}.duty-transfer-copy>strong{font-size:10px}.duty-transfer-route{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(180px,1fr);align-items:center;gap:10px}.duty-transfer-stop{min-width:0;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #cfe1d8;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(18,54,38,.05)}.duty-transfer-stop>svg{width:30px;height:30px;flex:0 0 auto;padding:7px;border-radius:9px}.duty-transfer-stop.buffer>svg{background:#fff2d8;color:#9a6808}.duty-transfer-stop.line>svg{background:#e7f7ef;color:#087650}.duty-transfer-stop>span{min-width:0;display:grid;gap:1px}.duty-transfer-stop small{color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase}.duty-transfer-stop strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.duty-transfer-stop b{color:var(--muted);font-size:8px}.duty-transfer-track{position:relative;height:38px}.duty-transfer-track:before{content:"";position:absolute;left:3px;right:3px;top:18px;border-top:2px dashed #8cbba5}.duty-transfer-track:after{content:"";position:absolute;right:0;top:14px;width:8px;height:8px;border-top:2px solid #16865e;border-right:2px solid #16865e;transform:rotate(45deg)}.duty-transfer-track>span{position:absolute;left:0;right:0;top:9px;height:20px;border-radius:999px;background:linear-gradient(90deg,rgba(244,176,45,.12),rgba(32,183,122,.12))}.duty-transfer-bus{position:absolute;z-index:2;left:3px;top:8px;width:22px;height:22px;padding:4px;border-radius:7px;background:#16865e;color:#fff;filter:drop-shadow(0 2px 3px rgba(18,54,38,.2))}.duty-transfer-visual.is-playing .duty-transfer-bus{animation:duty-transfer-drive 1.8s cubic-bezier(.4,0,.2,1) .25s forwards}.duty-transfer-question{margin:11px 0 7px;color:var(--muted);font-size:8px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.07em}.duty-transfer-options{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:stretch;gap:8px}.duty-transfer-options>article{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;opacity:.68;transform:translateY(3px)}.duty-transfer-options>article>span{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px}.duty-transfer-options>article>span svg{width:15px}.duty-transfer-options>article.mer>span{background:#e7f7ef;color:#087650}.duty-transfer-options>article.driver>span{background:#edf7fc;color:#2879a7}.duty-transfer-options>article>div{min-width:0}.duty-transfer-options small{display:block;margin-bottom:2px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.duty-transfer-options strong{display:block;font-size:10px}.duty-transfer-options p{margin:2px 0 0;color:var(--muted);font-size:8px;line-height:1.35}.duty-transfer-options>b{align-self:center;color:#718078;font-size:9px;text-align:center}.duty-transfer-visual.is-playing .duty-transfer-options>article.mer{animation:duty-transfer-option .45s ease-out 1.15s forwards}.duty-transfer-visual.is-playing .duty-transfer-options>article.driver{animation:duty-transfer-option .45s ease-out 1.55s forwards}@keyframes duty-transfer-drive{0%{left:3px;transform:scale(.9)}35%{transform:scale(1.08)}100%{left:calc(100% - 25px);transform:scale(1)}}@keyframes duty-transfer-option{to{opacity:1;transform:translateY(0);border-color:#9fcfba;box-shadow:0 3px 10px rgba(18,54,38,.08)}}body.dark .duty-transfer-visual{background:linear-gradient(135deg,#17231d,#17372a)}body.dark .duty-transfer-stop,body.dark .duty-transfer-options>article{border-color:var(--line);background:var(--surface)}body.dark .duty-transfer-stop.buffer>svg{background:#382f19;color:#e4b654}body.dark .duty-transfer-stop.line>svg,body.dark .duty-transfer-options>article.mer>span{background:#17372a;color:#58dda5}body.dark .duty-transfer-options>article.driver>span{background:#1b303c;color:#74b6e5}@media(max-width:820px){.duty-comparison-header{grid-template-columns:auto minmax(0,1fr) auto}.duty-transfer-toggle{grid-column:1/-1;width:100%}.duty-transfer-route{grid-template-columns:1fr}.duty-transfer-track{width:44px;height:48px;justify-self:center;transform:rotate(90deg)}.duty-transfer-options{grid-template-columns:1fr}.duty-transfer-options>b{padding:1px}.duty-transfer-copy{align-items:flex-start;flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){.duty-transfer-bus,.duty-transfer-options>article{animation:none!important;opacity:1!important;transform:none!important}.duty-transfer-bus{left:calc(100% - 25px)}}
.split-duty-dialog{width:min(560px,calc(100% - 28px));padding:0;border:0;border-radius:22px;background:var(--surface,#fff);color:var(--ink,#132119);box-shadow:0 28px 80px rgba(9,30,20,.28)}
.split-duty-dialog::backdrop{background:rgba(6,22,14,.56);backdrop-filter:blur(4px)}
.split-duty-dialog form{padding:24px}.split-duty-dialog header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.split-duty-dialog header>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f7f0;color:#087c52}.split-duty-dialog header svg{width:24px}.split-duty-dialog header small{display:block;color:#668076;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.split-duty-dialog h2{margin:2px 0 0;font-size:24px}.split-duty-dialog p{margin:0 0 14px;font-weight:750}.split-duty-options{display:grid;gap:10px}.split-duty-options button{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1px solid #cfe0d7;border-radius:14px;background:#f7fbf9;color:inherit;text-align:left;cursor:pointer}.split-duty-options button:hover,.split-duty-options button:focus-visible{border-color:#159868;background:#eaf8f1;outline:0}.split-duty-options b{font-size:16px}.split-duty-options small{color:#5a7166}.split-duty-cancel{display:block;margin:18px auto 0;padding:8px 16px;border:0;background:transparent;color:#60746a;cursor:pointer}.dark .split-duty-dialog{background:#15221b;color:#f2f7f4}.dark .split-duty-options button{background:#1c2d24;border-color:#345044}.dark .split-duty-options button:hover{background:#213a2e}