/* WWS RE Leuchtet v3.20.1 – reduced employee start / immersive entrance.
   A scoped layer only: admin, chat, data operations untouched. */
.app-shell .worker-layout .wwow-stage,
.app-shell .worker-layout .wwow-stage *{box-sizing:border-box}
.app-shell .worker-layout .wwow-stage{
  isolation:isolate;position:relative;overflow:hidden;min-height:326px;padding:19px 22px 20px;margin:0 0 15px;
  border:1px solid #446681;border-radius:25px;
  background:radial-gradient(ellipse at 80% 35%,#482760aa,transparent 45%),
             radial-gradient(ellipse at 8% 95%,#076c91aa,transparent 48%),
             linear-gradient(130deg,#091627,#111b31 47%,#17132b 100%)!important;
  color:#f2f7ff!important;box-shadow:0 20px 55px #090f2570,inset 0 1px #c6e5ff36,0 0 40px #7c68f21e!important;
}
.app-shell .worker-layout .wwow-stage:before{content:"";pointer-events:none;position:absolute;z-index:1;inset:0;border-radius:inherit;
  background:linear-gradient(125deg,#a6efff28 0 1px,transparent 1px 99%),radial-gradient(circle at 79% 37%,#cb5fb718,transparent 35%);}
.wwow-atmosphere,.wwow-atmosphere>*{position:absolute;pointer-events:none}
.wwow-atmosphere{inset:0;z-index:0;overflow:hidden}
.wwow-grid{inset:0;opacity:.55;background-image:linear-gradient(#67a3cc18 1px,transparent 1px),linear-gradient(90deg,#67a3cc18 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(95deg,transparent 2%,black 47%,black 100%)}
.wwow-aura{filter:blur(28px);border-radius:50%;opacity:.65}
.wwow-aura-a{width:265px;height:260px;right:-85px;top:-67px;background:radial-gradient(circle,#df318d88 0%,#7b46c957 42%,transparent 72%)}
.wwow-aura-b{width:270px;height:190px;left:-130px;bottom:-76px;background:radial-gradient(circle,#05bff05e,transparent 70%)}
.wwow-scan{top:0;left:-30%;width:45%;height:100%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#bfeaff07,#c8f6ff18,#e0a1ff0a,transparent);opacity:0}
.wwow-star{width:4px;height:4px;border-radius:50%;background:#d1ffff;box-shadow:0 0 13px 2px #47e4f8}
.wwow-star-a{top:20%;left:46%}.wwow-star-b{top:70%;right:8%}.wwow-star-c{bottom:14%;left:18%;background:#ff93d0;box-shadow:0 0 13px 2px #ff77ba}
.wwow-stage-head,.wwow-stage-body,.wwow-stage-bottom{position:relative;z-index:2}
.wwow-stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wwow-eyebrow,.wwow-edition{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#b3eefd!important}
.wwow-eyebrow{display:inline-flex;gap:9px;align-items:center}
.wwow-eyebrow i{width:8px;height:8px;display:block;border-radius:50%;background:#55edc4;box-shadow:0 0 0 4px #55edc41c,0 0 12px #4cf9d7}
.wwow-edition{color:#d4baff!important;text-align:right;font-size:9px}.wwow-edition span{color:#ff8dcc}
.wwow-stage-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(145px,.85fr);align-items:center;gap:8px;margin:14px 0 17px;min-height:190px}
.wwow-stage-copy{min-width:0}
.wwow-date{color:#b7cadf!important;font-weight:750;font-size:10px;letter-spacing:.10em;text-transform:uppercase;margin-bottom:9px}
.app-shell .worker-layout .wwow-stage h1{font:900 clamp(32px,6.2vw,47px)/.99 Manrope,system-ui,sans-serif!important;letter-spacing:-.065em;margin:0!important;color:#fff!important;text-shadow:0 3px 24px #03101d80;overflow-wrap:anywhere}
.wwow-stage h1 em{font-style:normal;color:#ffacd7!important;background:linear-gradient(110deg,#fff,#ff91c6 40%,#bd9bff 70%,#78edff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wwow-stop{color:#73eafe!important}
.wwow-headline{margin:12px 0 5px!important;color:#bce7f6!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important}
.wwow-headline b{color:#faadd4!important}
.wwow-subtitle{color:#cbd8eb!important;font-size:12px!important;line-height:1.55!important;margin:0 0 13px!important}
.wwow-status{display:inline-flex;max-width:100%;align-items:center;gap:7px;border:1px solid #73bac05c;background:#092832a6;border-radius:999px;padding:7px 10px;color:#afe8ea!important;font-size:9px;font-weight:800;letter-spacing:.05em;line-height:1.2}
.wwow-status-dot{width:7px;height:7px;border-radius:50%;background:#88aed1;box-shadow:0 0 8px #88aed177;flex:none}.wwow-status-dot.is-active{background:#64ffc0;box-shadow:0 0 11px #5cffbd}
.wwow-orbit{width:170px;height:170px;position:relative;justify-self:center;display:grid;place-items:center;filter:drop-shadow(0 10px 28px #0b061d88)}
.wwow-orbit-outer,.wwow-orbit-middle{position:absolute;inset:0;border-radius:50%;border:1px solid #a78af570;box-shadow:0 0 0 6px #b46cfa0c,inset 0 0 24px #7342bf42}
.wwow-orbit-outer{border-top-color:#ff8bce;border-right-color:#80e7fc;transform:rotate(17deg)}
.wwow-orbit-outer:before,.wwow-orbit-outer:after{content:"";position:absolute;top:15%;left:14%;width:7px;height:7px;border-radius:50%;background:#fc84c7;box-shadow:0 0 14px 5px #ff63bd66}
.wwow-orbit-outer:after{top:auto;left:auto;bottom:14%;right:14%;background:#8be9fa;box-shadow:0 0 14px 5px #69e0fa6b}
.wwow-orbit-middle{inset:12px;border-color:#729dbc42;transform:rotate(-18deg)}
.wwow-orbit-flare{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#c767ca25 8%,transparent 65%);filter:blur(14px)}
.wwow-ring{position:relative;z-index:1;width:166px;height:166px;transform:rotate(-90deg)}
.wwow-ring-track,.wwow-ring-progress{fill:none;stroke-width:8;stroke-linecap:round}
.wwow-ring-track{stroke:#2a3b57}.wwow-ring-progress{stroke:url(#wwow-progress-grad);stroke-dasharray:484;stroke-dashoffset:var(--wwow-offset);filter:drop-shadow(0 0 7px #d36ce8b0)}
.wwow-ring-core{position:absolute;inset:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;border-radius:50%;background:radial-gradient(circle at 35% 20%,#1c3d53,#101429 80%);box-shadow:inset 0 0 24px #080a21a0,0 0 26px #b44dc82e;border:1px solid #6689b047}
.wwow-ring-core strong{display:flex;align-items:baseline;color:#fff!important;font:900 34px/1 Manrope,system-ui,sans-serif;letter-spacing:-.06em;text-shadow:0 0 15px #fa91d142}
.wwow-ring-core strong small{font-size:12px;color:#fbc0da!important;margin-left:2px}
.wwow-ring-core>span{font-size:7px;color:#b6d8e5!important;font-weight:850;letter-spacing:.1em;text-align:center;margin-top:6px}
.wwow-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #a0cde526}
.wwow-mission-meta{min-width:0;display:grid;gap:5px}.wwow-meta-label{font-size:8px;letter-spacing:.18em;font-weight:850;color:#8ce6f1!important}.wwow-mission-meta strong{font-size:12px;line-height:1.45;color:#e3edf8!important;font-weight:750}
.app-shell .worker-layout .wwow-launch{color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;min-height:51px;padding:12px 17px;border-radius:14px;border:1px solid #ff8cc3!important;background:linear-gradient(110deg,#d72b77,#972c8b)!important;font-size:13px;font-weight:850;box-shadow:0 8px 28px #b82f8666,inset 0 1px #ffe0f552;transition:transform .18s ease,box-shadow .18s ease}
.wwow-launch span{font-size:17px}.wwow-launch:hover{transform:translateY(-2px);box-shadow:0 10px 33px #c72b8d88}
.wwow-launch:focus-visible,.wwow-next:focus-visible{outline:3px solid #88f2ff;outline-offset:3px}
.wwow-home{margin-bottom:10px;display:grid;gap:10px}
.app-shell .worker-layout .wwow-next{border:1px solid #3f647d!important;border-radius:18px!important;display:flex;gap:13px;align-items:center;width:100%;padding:16px!important;text-align:left;min-height:91px;background:linear-gradient(112deg,#121f33,#1b2137)!important;color:#f4f9ff!important;box-shadow:0 9px 27px #0a112538,0 0 25px #47bbd015;transition:transform .18s,border-color .18s}
.wwow-next:hover{border-color:#80dce7!important;transform:translateY(-1px)}
.wwow-next-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(150deg,#14546e,#302a55);border:1px solid #4b90ac;color:#96eafe;font-size:26px;box-shadow:0 0 14px #62daf124}
.wwow-next-copy{min-width:0;display:grid;gap:4px;flex:1}
.wwow-next-copy small{color:#8ee8f2!important;font-size:9px;letter-spacing:.12em;font-weight:850}
.wwow-next-copy strong{font-size:17px;color:#fff!important;line-height:1.2;overflow-wrap:anywhere}
.wwow-next-copy>span{font-size:11px;color:#cad8e8!important;line-height:1.5}
.wwow-next-arrow{color:#f6b4db;font-size:22px;flex:none}
.wwow-tip{font-size:11px;line-height:1.5;color:#7d97ae!important;padding:5px 8px;text-align:center}
.wwow-tip>span{color:#a86dc9}
.wwow-required{background:#452b35;border:1px solid #c57277;border-radius:14px;color:#fff0ee;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px}
.wwow-required>span{background:#9e4e4a;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-weight:850}
.wwow-required p{flex:1;min-width:160px;color:#fff0ee!important;margin:0;font-size:12px;line-height:1.5}
.wwow-required .btn.outline{background:#643e49!important;color:#fff!important;border-color:#b47786!important}
.wwow-route-extras{margin-top:18px;border:1px solid #58758a;border-radius:14px;padding:12px;background:#182636;color:#e8f4ff}
.wwow-route-extras summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:800;color:#e7f9ff}
.wwow-route-extras summary::-webkit-details-marker{display:none}.wwow-route-extras[open] summary>span:last-child{transform:rotate(180deg)}
.wwow-route-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.wwow-route-metrics>div{display:grid;gap:4px;background:#132236;border:1px solid #415c79;border-radius:10px;padding:10px;color:#d9eeff}
.wwow-route-metrics strong{font-size:24px;color:#fff!important}.wwow-route-metrics small{font-size:10px;color:#b5cfdd!important}
.wwow-route-extra-item{display:grid;gap:4px;padding:10px 0;border-top:1px solid #50607855}
.wwow-route-extra-item b{color:#f8fcff!important;font-size:12px}.wwow-route-extra-item span{color:#b9d4e3!important;font-size:11px}
/* Light theme remains bright on menus, while the hero is deliberately dark for contrast. */
html[data-theme="light"] .app-shell .worker-layout .wwow-next{background:linear-gradient(110deg,#13314b,#262847)!important;}
html[data-theme="light"] .app-shell .worker-layout .wwow-tip{color:#526677!important;}
html[data-theme="light"] .app-shell .worker-layout .wwow-route-extras{background:#f3f9fc;color:#213d54;border-color:#bdd4e4;}
html[data-theme="light"] .app-shell .worker-layout .wwow-route-extras summary{color:#18334a!important}
html[data-theme="light"] .app-shell .worker-layout .wwow-route-metrics>div{background:#fff;border-color:#c5d7e7;color:#19374f}
html[data-theme="light"] .app-shell .worker-layout .wwow-route-metrics strong,html[data-theme="light"] .app-shell .worker-layout .wwow-route-extra-item b{color:#19374f!important}
html[data-theme="light"] .app-shell .worker-layout .wwow-route-metrics small,html[data-theme="light"] .app-shell .worker-layout .wwow-route-extra-item span{color:#456276!important}
/* The hero replaces the old duplicated headline – make the NAV tight and calm. */
.app-shell .worker-layout.staff-view-dashboard{padding-top:14px}
.app-shell .worker-layout.staff-view-dashboard .capture-nav{margin-bottom:14px}
@media(max-width:600px){
 .app-shell .worker-layout .wwow-stage{padding:16px 16px 17px;min-height:360px;border-radius:22px;margin-bottom:13px}
 .wwow-stage-head{gap:7px}.wwow-eyebrow{font-size:9px;letter-spacing:.11em}.wwow-edition{font-size:8px;letter-spacing:.04em}
 .wwow-stage-body{grid-template-columns:minmax(0,1fr) 131px;min-height:220px;margin:10px 0 12px;gap:4px}
 .app-shell .worker-layout .wwow-stage h1{font-size:clamp(29px,8vw,39px)!important}
 .wwow-date{font-size:9px}.wwow-headline{font-size:9px!important;letter-spacing:.08em!important}.wwow-subtitle{font-size:11px!important}
 .wwow-orbit{width:134px;height:134px}.wwow-ring{width:132px;height:132px}
 .wwow-ring-core{inset:28px}.wwow-ring-core strong{font-size:26px}.wwow-ring-core>span{font-size:6px}
 .wwow-stage-bottom{gap:10px;padding-top:12px}.wwow-mission-meta strong{font-size:11px}
 .app-shell .worker-layout .wwow-launch{font-size:11px;min-height:47px;padding:10px 12px;gap:7px}
}
@media(max-width:370px){.app-shell .worker-layout .wwow-stage{padding:13px;min-height:360px}
 .wwow-stage-body{grid-template-columns:minmax(0,1fr) 116px}.wwow-orbit{width:117px;height:117px}.wwow-ring{width:116px;height:116px}.wwow-ring-core{inset:25px}.wwow-ring-core strong{font-size:24px}
 .app-shell .worker-layout .wwow-stage h1{font-size:30px!important}
 .wwow-stage-bottom{flex-wrap:wrap}.app-shell .worker-layout .wwow-launch{width:100%}
}
/* Motion only on initial open; other re-renders are still. */
@keyframes wwow-reveal{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes wwow-fadeup{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes wwow-ring-rise{from{stroke-dashoffset:484}to{stroke-dashoffset:var(--wwow-offset)}}
@keyframes wwow-burst{from{opacity:0;transform:translateX(-40%) skewX(-25deg)}to{opacity:.9;transform:translateX(260%) skewX(-25deg)}}
@keyframes wwow-aura-breathe{0%,100%{opacity:.5}50%{opacity:.78}}
.wwow-stage.wwow-enter{animation:wwow-reveal .75s cubic-bezier(.15,.65,.22,1) both}
.wwow-enter .wwow-stage-copy{animation:wwow-fadeup .9s .12s both}
.wwow-enter .wwow-orbit{animation:wwow-fadeup .9s .26s both}
.wwow-enter .wwow-ring-progress{animation:wwow-ring-rise 1.55s .34s cubic-bezier(.17,.74,.17,1) both}
.wwow-enter .wwow-stage-bottom{animation:wwow-fadeup .7s .46s both}
.wwow-enter .wwow-scan{animation:wwow-burst 1.1s .18s ease-out both}
@media(prefers-reduced-motion:reduce){.wwow-stage,.wwow-stage *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}