/* WWS RE LEUCHTET · v3.18.1 CLEAN CYBER DARK
   Employee-only, night-mode finishing layer.
   The previous functional layers stay intact; this stylesheet deliberately
   reduces ornamental effects and concentrates light on action and state.
   Contrast: all foreground text sits on dark, opaque surfaces.
*/
html[data-theme="dark"] .night-ops {
  --clean-bg:#0b1018;
  --clean-panel:#141d2a;
  --clean-panel-2:#182331;
  --clean-line:#324253;
  --clean-line-soft:#283645;
  --clean-text:#f5f8fd;
  --clean-muted:#c3cfdd;
  --clean-cyan:#70d9e8;
  --clean-red:#ed5268;
  --clean-green:#57d5ad;
  color:var(--clean-text)!important;
}
html[data-theme="dark"] .app-shell:has(.night-ops){
  background:#0a0f17!important;
  color:#f5f8fd!important;
}
html[data-theme="dark"] .night-ops:before{
  opacity:.14!important;
  background:linear-gradient(90deg,transparent 0%,#81b7c414 50%,transparent 100%)!important;
}
html[data-theme="dark"] .app-shell:has(.night-ops) .topbar{
  background:#101722f7!important;
  border-bottom:1px solid #2b4051!important;
  box-shadow:0 10px 28px #0005!important;
}
html[data-theme="dark"] .night-ops .ops-holo-grid{height:1px!important;background:#6ccddd90!important;box-shadow:none!important;}
html[data-theme="dark"] .night-ops .ops-hud-marker{
  color:#a0b5c8!important;letter-spacing:.115em!important;font-size:10px!important;
  text-shadow:none!important;margin-bottom:10px!important;
}
html[data-theme="dark"] .night-ops .eyebrow,
html[data-theme="dark"] .night-ops .guided-step-index{
  color:#88c9d6!important;letter-spacing:.09em!important;text-shadow:none!important;
}
html[data-theme="dark"] .night-ops p,
html[data-theme="dark"] .night-ops .hint,
html[data-theme="dark"] .night-ops .muted,
html[data-theme="dark"] .night-ops .staff-estimate-footnote,
html[data-theme="dark"] .night-ops .staff-map-caption{color:#c3cfdd!important;line-height:1.57;}
html[data-theme="dark"] .night-ops h1,
html[data-theme="dark"] .night-ops h2,
html[data-theme="dark"] .night-ops h3{color:#f7f9fe!important;text-shadow:none!important;letter-spacing:-.028em!important;}
html[data-theme="dark"] .night-ops .welcome-mini,
html[data-theme="dark"] .night-ops.staff-view-dashboard .welcome-mini{
  background:linear-gradient(0deg,#0a111c 1%,#0d1420dc 56%,#0c1520ba 100%),url('/live-hero.webp') center 30%/cover no-repeat!important;
  border:1px solid #415469!important;
  border-radius:18px!important;
  box-shadow:0 14px 29px #0007!important;
}
html[data-theme="dark"] .night-ops .welcome-mini:before{background:linear-gradient(90deg,#07111c55,transparent 80%)!important;}
html[data-theme="dark"] .night-ops .welcome-mini:after{height:1px!important;background:#63899b88!important;box-shadow:none!important;}
html[data-theme="dark"] .night-ops .welcome-mini h1 span{
  color:#f7f9ff!important;text-shadow:none!important;
}
html[data-theme="dark"] .night-ops .night-live-pill,
html[data-theme="dark"] .night-ops .ops-focus-status.is-live{
  color:#83e3c1!important;background:#12332b!important;border:1px solid #387d68!important;
  box-shadow:none!important;
}
/* Dashboard: flattened tactile surfaces and a single discreet navigation highlight. */
html[data-theme="dark"] .night-ops .staff-dashboard-hero,
html[data-theme="dark"] .night-ops .staff-dashboard .ops-focus-card,
html[data-theme="dark"] .night-ops .ops-focus-card,
html[data-theme="dark"] .night-ops .staff-dashboard-active,
html[data-theme="dark"] .night-ops .progress-card{
  background:#141d2a!important;border:1px solid #324253!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px #0004!important;
}
html[data-theme="dark"] .night-ops .staff-dashboard-hero:after{display:none!important;}
html[data-theme="dark"] .night-ops .staff-dashboard-hero h2 span{color:#eaf4fb!important;text-shadow:none!important;}
html[data-theme="dark"] .night-ops .staff-hero-kicker{color:#a3b7ca!important;}
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div,
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div:nth-child(1),
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div:nth-child(2),
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div:nth-child(3){
  background:#101923!important;border:1px solid #2b3b4c!important;border-radius:12px!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .staff-dashboard-stats strong,
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div:nth-child(1) strong,
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div:nth-child(2) strong,
html[data-theme="dark"] .night-ops .staff-dashboard-stats>div:nth-child(3) strong{
  color:#f3f7fd!important;text-shadow:none!important;
}
html[data-theme="dark"] .night-ops .ops-focus-card:before{background:radial-gradient(circle at 90% 35%,#76d5e80c,transparent 60%)!important;}
html[data-theme="dark"] .night-ops .ops-focus-card:after{
  height:2px!important;background:linear-gradient(90deg,#5cc0d1,transparent 62%)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .ops-focus-card h3{max-width:72%;text-shadow:none!important;}
html[data-theme="dark"] .night-ops .ops-focus-top .eyebrow{color:#a8bfd3!important;}
html[data-theme="dark"] .night-ops .ops-focus-facts{color:#cbd8e5!important;}
html[data-theme="dark"] .night-ops .ops-route-art{filter:none!important;opacity:.42!important;}
html[data-theme="dark"] .night-ops .ops-route-art svg path:first-child{stroke:#70d9e8!important;}
html[data-theme="dark"] .night-ops .ops-route-art svg circle{stroke:#84d8e5!important;}
html[data-theme="dark"] .night-ops .ops-focus-status{
  background:#192433!important;border:1px solid #415267!important;border-radius:999px!important;
  color:#d5e0eb!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .ops-focus-status.is-live span{animation:none!important;}
html[data-theme="dark"] .night-ops .capture-nav{
  background:#111925f7!important;border:1px solid #2b3d4c!important;
  border-radius:16px 16px 8px 8px!important;
  box-shadow:0 -7px 21px #0008!important;
}
html[data-theme="dark"] .night-ops .capture-nav button,
html[data-theme="dark"] .night-ops .capture-nav button .ops-nav-icon{
  color:#b7c5d5!important;text-shadow:none!important;
}
html[data-theme="dark"] .night-ops .capture-nav button.active,
html[data-theme="dark"] .night-ops .capture-nav button:nth-child(2).active,
html[data-theme="dark"] .night-ops .capture-nav button:nth-child(3).active,
html[data-theme="dark"] .night-ops .capture-nav button:nth-child(4).active,
html[data-theme="dark"] .night-ops .capture-nav button:nth-child(5).active{
  background:#1b2c3a!important;color:#f7fbff!important;
  box-shadow:inset 0 -2px #73d9e7!important;
}
html[data-theme="dark"] .night-ops .capture-nav button.active .ops-nav-icon,
html[data-theme="dark"] .night-ops .capture-nav button:nth-child(2).active .ops-nav-icon,
html[data-theme="dark"] .night-ops .capture-nav button:nth-child(3).active .ops-nav-icon{
  color:#8be0eb!important;text-shadow:none!important;
}
/* The route-choice page: dark help panel, no pale backgrounds, subtle border treatment. */
html[data-theme="dark"] .night-ops .card,
html[data-theme="dark"] .night-ops .ops-route-prepare,
html[data-theme="dark"] .night-ops .staff-daily-routes{
  background:#131d2a!important;border:1px solid #334455!important;
  border-radius:18px!important;box-shadow:0 12px 27px #0005!important;
}
html[data-theme="dark"] .night-ops .ops-route-prepare:before{
  height:2px!important;background:#70d9e8!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .ops-route-prepare .eyebrow{color:#a4bbc9!important;}
html[data-theme="dark"] .night-ops .ops-route-prepare .meta,
html[data-theme="dark"] .night-ops .ops-route-prepare .meta:nth-child(2){
  color:#dce5ef!important;background:#1b2a38!important;border:1px solid #405568!important;
  border-radius:9px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .route-auto-card,
html[data-theme="dark"] .night-ops .route-auto-note,
html[data-theme="dark"] .night-ops .staff-quickrules,
html[data-theme="dark"] .night-ops .guided-logpro,
html[data-theme="dark"] .night-ops .staff-faq-answer,
html[data-theme="dark"] .night-ops .staff-arrival-scan{
  background:#1a2532!important;background-image:none!important;
  color:#e7f0f9!important;border:1px solid #385062!important;
  border-radius:13px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .route-auto-card:before{background:none!important;}
html[data-theme="dark"] .night-ops .route-auto-icon{
  background:#223849!important;border:1px solid #47788a!important;color:#a4ecf5!important;
  border-radius:12px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .route-auto-card h3{color:#f8faff!important;text-shadow:none!important;}
html[data-theme="dark"] .night-ops .route-auto-card p,
html[data-theme="dark"] .night-ops .ops-route-prepare>.hint{color:#c9d5e1!important;text-shadow:none!important;}
html[data-theme="dark"] .night-ops .staff-day-route,
html[data-theme="dark"] .night-ops .route-option,
html[data-theme="dark"] .night-ops .tt-card{
  background:#192535!important;border:1px solid #35495a!important;border-left:2px solid #7fb8c6!important;
  border-radius:12px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .staff-day-route:hover,
html[data-theme="dark"] .night-ops .route-option:hover{
  border-color:#77cad9!important;box-shadow:0 0 0 1px #4f9bb34d!important;
}
html[data-theme="dark"] .night-ops .staff-dashboard-active{
  border-color:#385e57!important;box-shadow:0 10px 28px #0006!important;
}
html[data-theme="dark"] .night-ops .staff-dashboard-progress span,
html[data-theme="dark"] .night-ops .progress-bar>div{
  background:#69ccda!important;box-shadow:none!important;
}
/* Navigation, inspection questions and physical buttons have restrained active states. */
html[data-theme="dark"] .night-ops .staff-journey-intro,
html[data-theme="dark"] .night-ops .staff-arrival-info,
html[data-theme="dark"] .night-ops .staff-journey-next,
html[data-theme="dark"] .night-ops .guided-check-progress,
html[data-theme="dark"] .night-ops .site-object-card,
html[data-theme="dark"] .night-ops .guided-object{
  background:#141f2d!important;border:1px solid #35495b!important;border-radius:15px!important;
  box-shadow:0 9px 22px #0005!important;
}
html[data-theme="dark"] .night-ops .staff-journey-destination,
html[data-theme="dark"] .night-ops .staff-journey-tag{
  background:#1b2a38!important;border:1px solid #466174!important;border-left:3px solid #78d0df!important;
  border-radius:11px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .staff-journey-tag span,
html[data-theme="dark"] .night-ops .staff-journey-destination span{color:#c5e5ef!important;}
html[data-theme="dark"] .night-ops .guided-progress-bar span{
  background:#70d9e8!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .site-object-card.guided-current,
html[data-theme="dark"] .night-ops .guided-object.guided-current{
  border:1px solid #78c9d6!important;box-shadow:0 0 0 1px #6fd8ea45,0 11px 25px #0007!important;
}
html[data-theme="dark"] .night-ops .site-object-card.guided-ok,
html[data-theme="dark"] .night-ops .guided-object.guided-ok{
  border-color:#4da889!important;box-shadow:0 9px 23px #0006!important;
}
html[data-theme="dark"] .night-ops .site-object-card.guided-warning,
html[data-theme="dark"] .night-ops .guided-object.guided-warning{
  border-color:#ce9862!important;box-shadow:0 9px 23px #0006!important;
}
html[data-theme="dark"] .night-ops .guided-question,
html[data-theme="dark"] .night-ops .guided-instruction,
html[data-theme="dark"] .night-ops .site-object-description{
  background:#1b2938!important;border:1px solid #394e62!important;color:#f0f5fa!important;
}
html[data-theme="dark"] .night-ops .guided-choice{
  background:#1a2736!important;color:#f4f7fa!important;border:1px solid #476075!important;
  border-radius:13px!important;box-shadow:none!important;
  transition:background-color .15s,border-color .15s,transform .12s,box-shadow .12s!important;
}
html[data-theme="dark"] .night-ops .guided-choice:hover:not(:disabled){border-color:#81cbda!important;box-shadow:0 0 0 1px #61bbcb33!important;}
html[data-theme="dark"] .night-ops .guided-choice.is-selected{filter:none!important;}
html[data-theme="dark"] .night-ops .guided-yes.is-selected{
  background:#143f36!important;border:2px solid #67dab2!important;color:#f0fff8!important;
  box-shadow:inset 0 0 0 1px #69d6b226,0 0 16px #52d9aa30!important;
}
html[data-theme="dark"] .night-ops .guided-no.is-selected{
  background:#463523!important;border:2px solid #e0ac6a!important;color:#fff8e8!important;
  box-shadow:inset 0 0 0 1px #e6ad7826,0 0 16px #d5a06430!important;
}
html[data-theme="dark"] .night-ops .guided-finish.is-ready,
html[data-theme="dark"] .night-ops .staff-check-intro{
  background:#15332e!important;border:1px solid #438e74!important;
  box-shadow:0 8px 22px #0005!important;
}
html[data-theme="dark"] .night-ops .guided-finish.is-ready h3{color:#c9f6e6!important;}
html[data-theme="dark"] .night-ops .guided-done{color:#83e7c6!important;text-shadow:none!important;}
html[data-theme="dark"] .night-ops .btn.primary:not(:disabled),
html[data-theme="dark"] .night-ops .guided-finish.is-ready .finish-submit,
html[data-theme="dark"] .night-ops .ops-route-prepare .btn.primary:not(:disabled){
  background:#ba3e57!important;color:#fff!important;border:1px solid #de7487!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px #ffffff21,0 6px 18px #0005!important;
  transition:transform .12s,filter .12s,box-shadow .12s!important;
}
html[data-theme="dark"] .night-ops .btn.primary:not(:disabled):hover,
html[data-theme="dark"] .night-ops .guided-finish.is-ready .finish-submit:hover{
  background:#c54860!important;box-shadow:inset 0 1px #ffffff28,0 5px 19px #bd456045!important;
}
html[data-theme="dark"] .night-ops .btn.primary:not(:disabled):active,
html[data-theme="dark"] .night-ops .guided-finish.is-ready .finish-submit:active{
  transform:scale(.973)!important;filter:brightness(1.1)!important;
  box-shadow:0 0 0 2px #ffc2cb70,0 0 19px #e36e845e!important;
}
html[data-theme="dark"] .night-ops .btn.outline{
  background:#1a2736!important;color:#f2f7fd!important;border:1px solid #496478!important;
  border-radius:10px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .btn.outline:active{
  background:#274053!important;box-shadow:0 0 0 2px #65cbdc55!important;
}
html[data-theme="dark"] .night-ops .guided-alert,
html[data-theme="dark"] .night-ops .wks-persistent{
  background:#35271d!important;border:1px solid #9d774a!important;color:#ffe6c5!important;
  box-shadow:none!important;
}
/* Smart Patrol: progress, search and final screens use the same quiet language. */
html[data-theme="dark"] .night-ops .smart-mission,
html[data-theme="dark"] .night-ops .smart-search-page,
html[data-theme="dark"] .night-ops .smart-route-final{
  background:#141e2b!important;color:#f7f9fc!important;
  border:1px solid #364b5d!important;border-radius:18px!important;
  box-shadow:0 12px 28px #0005!important;
}
html[data-theme="dark"] .night-ops .smart-mission:before,
html[data-theme="dark"] .night-ops .smart-route-final:before{display:none!important;}
html[data-theme="dark"] .night-ops .smart-kicker{color:#89cad6!important;letter-spacing:.11em!important;}
html[data-theme="dark"] .night-ops .smart-mission-chip{
  background:#17332c!important;color:#98e0c9!important;border:1px solid #3c826b!important;
  border-radius:999px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-mission-dial{
  background:conic-gradient(#70cddb var(--smart-progress),#273647 0)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-mission-dial:after{
  background:#131d2b!important;box-shadow:inset 0 0 0 1px #243345!important;
}
html[data-theme="dark"] .night-ops .smart-mission-dial strong{
  color:#f7fafd!important;text-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-mission-dial strong small,
html[data-theme="dark"] .night-ops .smart-mission-detail>span{color:#91ced9!important;}
html[data-theme="dark"] .night-ops .smart-mission-track{
  background:#263446!important;border-color:#3c5063!important;height:9px!important;
}
html[data-theme="dark"] .night-ops .smart-mission-track span{
  background:#68cbd9!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-mission-segment{background:#324455!important;}
html[data-theme="dark"] .night-ops .smart-mission-segment.is-done{
  background:#62cbb8!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-find-trigger{
  border-color:#527688!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-find-trigger>span:first-child,
html[data-theme="dark"] .night-ops .smart-find-trigger>span:last-child{color:#9bd9e3!important;}
html[data-theme="dark"] .night-ops .smart-search-sub{color:#9bd4de!important;}
html[data-theme="dark"] .night-ops .smart-search-input-wrap{
  background:#0f1824!important;border:1px solid #526f83!important;border-radius:11px!important;
  color:#f6f9fd!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-search-input-wrap:focus-within{
  border-color:#8bd5e0!important;box-shadow:0 0 0 2px #6bbdd033!important;
}
html[data-theme="dark"] .night-ops .smart-search-input-wrap>span{color:#8cd6e0!important;}
html[data-theme="dark"] .night-ops .smart-search-filters button{
  background:#1c2a39!important;border:1px solid #425b6e!important;border-radius:10px!important;
  color:#d9e4ef!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-search-filters button[aria-pressed="true"]{
  background:#254152!important;border-color:#7cc9d6!important;color:#fff!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-search-count,
html[data-theme="dark"] .night-ops .smart-site-code{color:#9ecbd8!important;}
html[data-theme="dark"] .night-ops .smart-site-result{
  background:#101a27!important;border:1px solid #34495d!important;border-radius:13px!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-site-result[data-smart-status="next"]{
  background:#142532!important;border:1px solid #68becd!important;
  box-shadow:inset 3px 0 #74d7e4!important;
}
html[data-theme="dark"] .night-ops .smart-site-result[data-smart-status="done"]{
  background:#142721!important;border:1px solid #4b967b!important;
}
html[data-theme="dark"] .night-ops .smart-site-state{
  background:#202c3a!important;color:#d4e1ed!important;border:1px solid #465b70!important;
  border-radius:999px!important;
}
html[data-theme="dark"] .night-ops .smart-site-result[data-smart-status="done"] .smart-site-state{
  background:#1a3a30!important;color:#aeebd6!important;border-color:#4d937d!important;
}
html[data-theme="dark"] .night-ops .smart-site-result[data-smart-status="next"] .smart-site-state{
  background:#1c3a44!important;color:#b3eaf2!important;border-color:#68bdce!important;
}
html[data-theme="dark"] .night-ops .smart-site-actions a,
html[data-theme="dark"] .night-ops .smart-site-actions button{
  background:#1c3543!important;border:1px solid #527e8b!important;color:#ecfaff!important;
  border-radius:10px!important;box-shadow:none!important;
}
html[data-theme="dark"] .night-ops .smart-site-actions button{
  background:#34465a!important;border-color:#718a9d!important;
}
html[data-theme="dark"] .night-ops .smart-final-halo{
  background:#12382f!important;border:4px solid #83dfbe!important;color:#f2fffa!important;
  box-shadow:0 0 19px #5dcd9c4f,inset 0 0 16px #5ddbb32e!important;
}
html[data-theme="dark"] .night-ops .smart-route-final h2 span,
html[data-theme="dark"] .night-ops .smart-final-name{color:#95e5c9!important;text-shadow:none!important;}
html[data-theme="dark"] .night-ops .smart-final-stats>div{
  background:#101d2a!important;border:1px solid #38546a!important;border-radius:12px!important;
}
html[data-theme="dark"] .night-ops .smart-final-saved{
  background:#17352b!important;color:#bcefd9!important;border-color:#45886e!important;
}
/* Completion moment remains memorable, but instead of decorative rainbow effects
   it uses a focused emerald signal that indicates real saved success. */
.rel-success-overlay{
  background:radial-gradient(ellipse at 50% 37%,#16473865,transparent 62%),#07101a!important;
}
.rel-success-overlay:before{opacity:.2!important;background:repeating-linear-gradient(0deg,transparent 0 60px,#9db4c010 60px 61px)!important;}
.rel-success-emblem{filter:drop-shadow(0 0 14px #60d5ac88)!important;}
.rel-success-outer-ring{
  border-color:#4f937e!important;box-shadow:0 0 18px #6bccaa4c!important;
}
.rel-success-outer-ring:before{border-color:#7ed9ba70!important;}
.rel-success-inner-ring{
  background:#103229!important;border-color:#9be9d0!important;
  box-shadow:0 0 0 5px #52b68c2b,0 0 24px #5ed9a65c!important;
}
.rel-success-copy h2 span{color:#8ce5c3!important;text-shadow:none!important;}
.rel-success-next{
  background:#1e6958!important;border:1px solid #71c9a6!important;
  border-radius:13px!important;box-shadow:0 6px 23px #0008!important;
}
.smart-final-overlay-count{color:#a6f0d7!important;text-shadow:none!important;}
html[data-theme="dark"] .night-ops button:focus-visible,
html[data-theme="dark"] .night-ops input:focus-visible,
html[data-theme="dark"] .night-ops a:focus-visible{
  outline:2px solid #9fe8f1!important;outline-offset:3px!important;
}
@media(max-width:600px){
  html[data-theme="dark"] .night-ops .capture-nav{
    border-radius:16px 16px 0 0!important;
    box-shadow:0 -7px 21px #0009!important;
  }
  html[data-theme="dark"] .night-ops .ops-route-prepare{padding:18px 15px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="dark"] .night-ops .guided-choice,
  html[data-theme="dark"] .night-ops .btn.primary{transition:none!important;}
}