/* MOON v5.0.3 — shared dashboard/Relay card and workspace presentation. */
:root{--mono:Consolas,Monaco,monospace;--process-height:28px;--process-radius:4px;--process-gap:4px;--process-glow:10px;--process-done-opacity:.65;--process-future-opacity:.4}
body.moon-app-page #employee-time-card .time-week-grid{grid-template-columns:minmax(110px,1.15fr) repeat(var(--time-day-count,14),minmax(65px,1fr))!important;min-width:calc(114px + var(--time-day-count,14)*69px)!important}
#display-shell .relay-time-table{grid-template-columns:minmax(115px,1.2fr) repeat(var(--relay-day-count,14),minmax(55px,1fr))!important}
#v5-leave-controls{display:flex!important;align-items:center!important;gap:8px;margin-left:auto!important}
#v5-leave-controls .leave-right-actions{display:flex!important;flex-direction:column!important;align-items:stretch;gap:5px}
#employee-time-card #v5-leave-controls [data-management-note]{min-height:48px!important;min-width:220px;background:#efefef!important;color:#000!important;border:2px outset #ddd!important;border-radius:3px!important;text-transform:uppercase;font-weight:800}
#v5-leave-controls :is([data-use-sick],[data-request-vacation]){padding:7px 11px!important;min-height:30px!important;background:rgba(0,0,0,.16)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:4px!important;font-weight:700}
#jobs-card>.card-head{display:flex!important;gap:9px;flex-wrap:wrap;align-items:center}
#jobs-card>.card-head>#open-receiving{margin-left:auto!important;background:var(--procurement-color,#38bba7)!important;color:var(--text)!important}
.moon-card,.moon-card *{box-sizing:border-box}
body .moon-card{display:block!important;position:relative;min-width:0!important;height:auto!important;min-height:0!important;margin:0 0 8px!important;padding:10px!important;border:1px solid var(--line)!important;border-left:4px solid var(--job-type-color,var(--department-color,#6f8796))!important;border-radius:6px!important;background:rgba(0,0,0,.16)!important;color:var(--text);overflow:visible!important;box-shadow:none!important}
body .moon-card.is-top-priority{outline:1px solid var(--amber);outline-offset:-1px}
body .moon-card.moon-task{border-left:1px solid var(--line)!important;border-right:4px solid var(--department-color,#6f8796)!important}
body .moon-card.moon-task.is-top-priority{outline-color:var(--department-color,var(--amber))}
body .moon-card .job-main{display:block!important;width:100%!important;min-width:0;margin:0!important;padding:0!important}
body .moon-card .note-meta{display:flex!important;flex-wrap:wrap;gap:5px 9px;margin:0 0 6px!important;line-height:1.35;font-size:.7rem!important;font-family:var(--mono);text-transform:none!important}
body .moon-card .note-meta span{white-space:normal!important}
body .moon-card .job-title-line{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:0!important;margin:0 0 5px!important;font-size:1rem!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;color:var(--text)!important;font-weight:800!important}
body .moon-card .job-number-label{color:var(--amber)!important;font-family:var(--mono);font-size:inherit!important}
body .moon-card .job-title-line>span+span:before{content:'|';display:inline-block;padding:0 7px;color:var(--muted);font-weight:400}
body .moon-card .job-customer-inline{color:var(--muted)!important;font-size:inherit!important;white-space:normal!important}
body .moon-card .job-title-text{font-size:inherit!important;color:var(--text)!important;overflow-wrap:anywhere}
body .moon-card .moon-job-description{margin:0 0 7px!important;line-height:1.35;font-size:.83rem!important;color:var(--text)}
body .moon-card .row-actions{position:static!important;display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin:7px 0 0!important;width:auto!important;max-width:none!important}
body .moon-card .row-actions button,body .moon-card .task-card-actions button{width:auto!important;min-width:110px;min-height:28px;padding:5px 10px!important}
body .moon-card .job-notes{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:8px;margin:6px 0 0!important;padding:5px 7px!important;background:rgba(0,0,0,.13);font-size:.76rem!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere;min-height:0!important;grid-column:auto!important;grid-row:auto!important}
.moon-next-due{color:var(--amber);white-space:nowrap;font-size:.72rem}
body .moon-card .job-title-line>span{border:0!important;padding:0!important;margin:0!important}
body .moon-card .moon-progress{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:6px 0 0!important;padding:0!important;width:100%!important;min-width:0!important;min-height:0!important;border:0!important;background:transparent!important}
body .moon-card .job-progress-bar{display:grid!important;flex:1 1 500px!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:var(--process-gap)!important;min-width:0!important;margin:0!important;width:auto!important;min-height:0!important}
body .moon-card .job-progress-segment{position:relative;display:flex!important;align-items:center;justify-content:center;min-width:0!important;height:var(--process-height)!important;border-radius:var(--process-radius)!important;background:rgba(0,0,0,.3)!important;border:1px solid transparent!important;box-shadow:none!important;opacity:var(--process-future-opacity);padding:2px!important;overflow:visible!important;min-height:0!important}
body .moon-card .job-progress-segment i{font:700 .6rem/1.1 Arial,Helvetica,sans-serif!important;text-align:center;color:var(--workflow-text,var(--text))!important;white-space:normal!important;text-transform:uppercase;overflow-wrap:anywhere;overflow:visible!important;max-height:none!important}
body .moon-card .job-progress-segment.is-lit{background:linear-gradient(180deg,color-mix(in srgb,var(--workflow-color) 75%,#fff 25%),var(--workflow-color))!important;border-color:color-mix(in srgb,var(--workflow-color) 70%,#fff 30%)!important;opacity:var(--process-done-opacity)}
body .moon-card .job-progress-segment.is-current{opacity:1!important;border-color:#f6f2d9!important;box-shadow:0 0 var(--process-glow) color-mix(in srgb,var(--workflow-color) 65%,transparent)!important;outline:1px solid #ffffff88;outline-offset:1px}
body .moon-card .job-progress-segment.is-placeholder{background:transparent!important;border:1px dashed var(--line)!important;opacity:.2}
body[data-process-light-style=digital] .moon-card .job-progress-segment.is-lit{background:color-mix(in srgb,var(--workflow-color) 20%,#0b151c)!important;border-color:var(--workflow-color)!important;box-shadow:inset 0 -3px var(--workflow-color)!important}
body[data-process-light-style=digital] .moon-card .job-progress-segment.is-lit i{color:var(--workflow-color)!important;text-shadow:0 0 5px color-mix(in srgb,var(--workflow-color) 40%,transparent)}
body[data-process-light-style=spreadsheet] .moon-card .job-progress-segment.is-lit{background:var(--workflow-color)!important;box-shadow:none!important;outline:none!important}
body[data-process-light-style=spreadsheet] .moon-card .job-progress-segment.is-current{outline:2px solid #fff!important;outline-offset:-2px}
.step-ready-dot{position:absolute;right:3px;bottom:3px;width:7px;height:7px;background:#ff5454;border:1px solid #fff;border-radius:50%;box-shadow:0 0 3px #000;z-index:1}
body .moon-card .job-progress-summary{display:flex!important;gap:7px;align-items:center;justify-content:flex-end;flex:0 0 auto!important;width:auto!important;margin:0!important}
body .moon-card .job-percent-readout{min-width:54px;font-size:.65rem!important;padding:4px 7px!important}
body .moon-card .moon-state{border:1px solid var(--state-color,#52e070)!important;color:var(--state-color,#52e070)!important;background:transparent!important;font:700 .63rem/1.2 var(--mono)!important;white-space:nowrap!important;padding:4px 6px!important;min-width:0!important}
body .moon-card .moon-state.is-active{--state-color:#ff6b6b;background:rgba(255,84,84,.13)!important}
body .moon-card .hold-reason{flex:1 0 100%;font-size:.72rem;color:#ff9999;padding:4px 6px}
.po-warning{display:inline-flex!important;align-items:center;border:1px solid #e6ad4377!important;border-radius:4px!important;background:#e6ad4314!important;color:var(--amber)!important;font:700 .67rem var(--mono)!important;padding:3px 6px!important;cursor:pointer;text-transform:none!important}
body .moon-card .task-card-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px;min-width:0}
body .moon-card .task-card-message{background:rgba(0,0,0,.13)!important;margin:5px 0!important;padding:6px 8px!important;min-height:0!important;font-size:.83rem!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important}
body .moon-card .task-card-info{display:flex!important;gap:5px 10px;flex-wrap:wrap;align-items:baseline;justify-content:flex-start!important;font-size:.7rem!important;line-height:1.35;color:var(--muted)}
body .moon-card .moon-task-reference{margin-left:auto;color:var(--text)}
body .moon-card .moon-task-assignee{margin-left:auto;color:var(--text)}
body .moon-card .moon-info-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:5px!important;margin:0 0 8px!important;width:100%!important;float:none!important}
.moon-info-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;gap:6px!important;margin:0 0 12px!important}
.moon-info-metrics .moon-metric{min-width:0!important;padding:7px!important;min-height:65px!important;font-size:.65rem!important;border:1px solid var(--line)!important;display:flex!important;flex-direction:column;gap:4px;background:rgba(0,0,0,.13)!important}
.moon-metric>span{font-size:.62rem!important;text-transform:uppercase;color:var(--muted)}
.moon-metric>strong{font:700 1rem/1.15 var(--mono)!important;color:#74e078!important}
.moon-metric>small{font-size:.65rem!important;color:var(--muted);line-height:1.25}
.moon-metric.tone-yellow>strong{color:#f2d552!important}.moon-metric.tone-orange>strong{color:#e6ad43!important}.moon-metric.tone-red>strong{color:#ff6b6b!important}
body .moon-card.size-compact{padding:7px 9px!important}
body .moon-card.size-compact .moon-card-top{display:flex;gap:10px;align-items:baseline;justify-content:space-between}
body .moon-card.size-compact .job-title-line{font-size:.85rem!important;flex:1;min-width:0}
.moon-card-flags{font:700 .62rem var(--mono);color:var(--amber);display:flex;align-items:center;gap:5px}
.moon-compact-meta{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:5px;font-size:.63rem;color:var(--muted)}
body .moon-card.size-compact .task-card-message{padding:4px 6px!important;font-size:.76rem!important}
body #display-shell .moon-card .relay-v49-progress{display:block!important;grid-column:auto!important;grid-row:auto!important;min-width:0}
body #display-shell .moon-card .relay-v49-title,body #display-shell .moon-card .relay-v49-notes{grid-column:auto!important;grid-row:auto!important;position:static!important}
#display-shell :is(.relay-calendar-card,.relay-time-card)>h2{margin:0!important;padding:0!important}
#display-shell :is(.relay-calendar-card,.relay-time-card)>h2{display:flex!important;justify-content:space-between!important;align-items:center;gap:10px;min-height:22px}
#display-shell .relay-period-label{font:700 .7rem var(--mono)!important;color:var(--amber)!important;text-transform:none!important;letter-spacing:0!important}
#display-shell .relay-calendar-toolbar{display:flex;justify-content:flex-end;align-items:center;min-height:23px;margin:-20px 0 7px!important;color:var(--amber);font:700 .72rem var(--mono);padding-right:2px}
#display-shell .relay-calendar-toolbar strong{width:auto!important;text-align:right!important;font:700 .72rem var(--mono)!important;flex:0 0 auto!important}
#display-shell .relay-native-calendar{gap:6px!important;padding:0!important}
#display-shell .relay-calendar-day{padding:0!important;border:1px solid var(--line)!important;border-radius:5px!important;background:rgba(0,0,0,.15)!important;overflow:hidden}
#display-shell .relay-calendar-day>h3{margin:0!important;padding:7px!important;background:rgba(0,0,0,.17)!important;color:var(--amber)!important;font:700 .7rem var(--mono)!important}
#display-shell .relay-calendar-card .relay-calendar-day>h3{font:700 .7rem var(--mono)!important}
#display-shell .relay-calendar-item{padding:7px!important;margin:5px!important;border:1px solid var(--line)!important;border-left:5px solid var(--calendar-color)!important;border-radius:5px!important;background:rgba(0,0,0,.15)!important}
#display-shell .relay-calendar-item.is-priority{background:rgba(230,173,67,.12)!important;border-top-color:#e6ad4377!important}
#display-shell .relay-calendar-item strong{display:block;font-size:.76rem!important;line-height:1.3!important;color:var(--text)}
#display-shell .relay-calendar-item span{display:block;font-size:.7rem!important;line-height:1.3!important;color:var(--muted);margin-top:3px}
.relay-calendar-empty{display:block;padding:8px;color:var(--muted);font-size:.7rem}
.relay-time-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:8px}
.relay-time-summary .moon-metric{min-width:0;padding:6px;border:1px solid var(--line);background:rgba(0,0,0,.14);border-radius:4px}
.relay-time-summary .moon-metric>span{display:block;margin-bottom:4px}
#genesis-workspace-backdrop .genesis-workspace,#genesis-workspace-backdrop .moon-modal{display:flex;flex-direction:column;overflow:hidden}
#genesis-workspace-body{display:flex!important;flex-direction:column!important;min-height:0;overflow:auto;flex:1}
#genesis-workspace-body>.workspace-footer-actions{margin-top:auto!important;flex:0 0 auto;position:sticky;bottom:0;background:var(--modal-bg,var(--bg));padding-top:12px;padding-bottom:4px;z-index:2}
#genesis-workspace-body .workspace-pane{flex:1 0 auto}
#genesis-workspace-body .workspace-tabs>[data-workspace-tab=procurement]{background:var(--procurement-color,#38bba7)!important;color:var(--text)!important;border-color:var(--procurement-color,#38bba7)!important}
.process-deadline-grid label>span{font-size:.64rem;color:var(--muted);margin-top:4px}
.station-filter-matrix{overflow-x:auto;max-width:100%}
.station-filter-row{display:grid;grid-template-columns:160px repeat(8,minmax(70px,1fr));min-width:790px;gap:4px;align-items:stretch;padding:5px 0;border-bottom:1px solid var(--line)}
.station-filter-type{display:flex!important;align-items:center;gap:6px!important;font-size:.67rem!important;text-transform:uppercase;line-height:1.25}
.station-step-choice{display:flex!important;flex-direction:column;align-items:center;gap:5px!important;padding:4px!important;min-width:0;font-size:.57rem!important;text-align:center}
.station-step-choice>span{display:block;width:100%;padding:5px 3px;border-radius:2px;background:var(--workflow-color,#6f8796);color:#fff!important;font:700 .54rem/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.station-step-choice input{margin:0!important}
#relay-station-editor .settings-check-grid:has([data-relay-department]){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;gap:4px!important}
.asset-delete-button{margin-right:auto!important}
body.employee-station-page{background-color:var(--bg)!important;color:var(--text)!important;font-family:var(--body-font,Arial,Helvetica,sans-serif)!important}
body.employee-station-page[data-pin-keypad-style=industrial] .employee-pin-keypad button{background:linear-gradient(var(--panel-2),var(--bg))!important;color:var(--text)!important;border:1px solid var(--line)!important;border-bottom:3px solid var(--amber)!important;border-radius:4px;box-shadow:0 2px 2px #0004;font-family:var(--mono);font-weight:800}
body.employee-station-page[data-pin-keypad-style=digital] .employee-pin-keypad button{background:#09151c!important;color:#74e078!important;border:1px solid #74e07877!important;border-radius:1px;box-shadow:inset 0 0 10px #74e07811;font-family:var(--mono);text-shadow:0 0 5px #74e07844}
body.employee-station-page[data-pin-keypad-style=classic] .employee-pin-keypad button{background:#f0f0f0!important;color:#111!important;border:2px outset #ddd!important;border-radius:3px}
.deadline-ticker-window{overflow:hidden!important;min-width:0;display:block!important}
body .deadline-ticker-window{padding:0!important;margin:0!important;animation:none!important;transform:none!important}
body :is(#command-deadline-marquee,#emp-deadlines,#display-cb-deadline){display:block!important;width:100%!important;max-width:100%!important;animation:none!important;transform:none!important;white-space:nowrap!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important}
body :is(#command-deadline-marquee,#emp-deadlines,#display-cb-deadline){padding:0!important;margin:0!important}
.moon-ticker-track{display:flex;gap:40px;width:max-content;max-width:none;animation:moon-deadline-scroll var(--ticker-duration,40s) linear infinite;will-change:transform}
.moon-ticker-track>span{white-space:nowrap;flex:0 0 auto}
body :is(#command-deadline-marquee,#emp-deadlines,#display-cb-deadline)>.moon-ticker-track{display:flex!important;gap:40px!important;padding:0!important;margin:0!important;width:max-content!important;max-width:none!important;overflow:visible!important;animation:moon-deadline-scroll var(--ticker-duration,40s) linear infinite!important}
body :is(#command-deadline-marquee,#emp-deadlines,#display-cb-deadline)>.moon-ticker-track>span{display:block!important;flex:0 0 auto!important;animation:none!important;transform:none!important;padding:0!important;margin:0!important;overflow:visible!important;width:auto!important;max-width:none!important}
@keyframes moon-deadline-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 20px))}}
body :is(#command-deadline-marquee,#emp-deadlines,#display-cb-deadline):hover .moon-ticker-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.moon-ticker-track{animation:none!important}}
@media(prefers-reduced-motion:reduce){body :is(#command-deadline-marquee,#emp-deadlines,#display-cb-deadline)>.moon-ticker-track{animation:none!important}}
@media(max-width:900px){#v5-leave-controls{margin-left:0!important;flex-wrap:wrap}#v5-leave-controls [data-management-note]{min-width:150px}.moon-info-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.relay-time-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#display-shell .relay-calendar-toolbar{margin:3px 0 6px!important}.moon-card .job-progress-bar{flex-basis:100%!important}.moon-card .job-progress-summary{margin-left:auto!important}.station-filter-row{grid-template-columns:130px repeat(8,70px);min-width:730px}}

/* Restored Skin Lab v5.0.2 component presets. */
body[data-process-light-style="industrial"] .moon-card .job-progress-segment{border:1px solid #9aa8ae!important;border-radius:var(--process-radius,4px)!important;background:linear-gradient(#25343d,#121b20)!important;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0007!important;opacity:var(--process-future-opacity,.52)!important}
body[data-process-light-style="industrial"] .moon-card .job-progress-segment.is-lit{background:linear-gradient(180deg,color-mix(in srgb,var(--workflow-color) 88%,white 12%),color-mix(in srgb,var(--workflow-color) 72%,black 28%))!important;box-shadow:inset 0 1px #fff6,0 0 8px color-mix(in srgb,var(--workflow-color) 55%,transparent)!important;opacity:var(--process-done-opacity,.96)!important}
body[data-process-light-style="industrial"] .moon-card .job-progress-segment.is-current{outline:2px solid #f5d78f!important;outline-offset:1px}
body[data-process-light-style="digital"] .moon-card .job-progress-segment{border:1px solid #294653!important;border-radius:var(--process-radius,2px)!important;background:#071218!important;box-shadow:inset 0 -4px #19313b!important;opacity:var(--process-future-opacity,.72)!important}
body[data-process-light-style="digital"] .moon-card .job-progress-segment.is-lit{background:#0b1a21!important;border-color:var(--workflow-color)!important;box-shadow:inset 0 -5px var(--workflow-color),0 0 8px color-mix(in srgb,var(--workflow-color) 48%,transparent)!important;opacity:1!important}
body[data-process-light-style="digital"] .moon-card .job-progress-segment.is-current{outline:1px solid #d7fbff!important;outline-offset:2px;filter:brightness(1.18)}
body[data-process-light-style="spreadsheet"] .moon-card .job-progress-bar.labeled-progress{gap:var(--process-gap,2px)!important}
body[data-process-light-style="spreadsheet"] .moon-card .job-progress-segment{border:1px solid #87949a!important;border-radius:var(--process-radius,0px)!important;background:#17232a!important;box-shadow:none!important;opacity:var(--process-future-opacity,.62)!important}
body[data-process-light-style="spreadsheet"] .moon-card .job-progress-segment.is-lit{background:var(--workflow-color)!important;border-color:#d9e0e3!important;box-shadow:none!important;opacity:var(--process-done-opacity,.9)!important;filter:saturate(.72) brightness(.9)}
body[data-process-light-style="spreadsheet"] .moon-card .job-progress-segment.is-current{outline:2px solid #fff!important;outline-offset:-3px;filter:saturate(.9) brightness(1.08)}
body.employee-station-page[data-pin-keypad-style="industrial"] .employee-pin-panel{background:linear-gradient(145deg,#394851,#202b31);border:2px solid #8b989d;box-shadow:inset 0 0 0 2px #1118}
body.employee-station-page[data-pin-keypad-style="industrial"] .employee-pin-panel .employee-pin-input{background:#151b1e;border-color:#b58b3b;color:#f2c35b;box-shadow:inset 0 2px 7px #000}
body.employee-station-page[data-pin-keypad-style="industrial"] .employee-pin-panel .employee-pin-keypad button{background:linear-gradient(#52636d,#2c3941);border-color:#9cabb1;border-bottom-color:#10171b;box-shadow:inset 0 1px #ffffff38,0 2px 0 #111;color:#f6f3e8}
body.employee-station-page[data-pin-keypad-style="industrial"] .employee-pin-panel #employee-pin-submit{color:#ffd166;border-color:#c49a43}
body.employee-station-page[data-pin-keypad-style="digital-hmi"] .employee-pin-panel{background:#050b10;border-color:#19aee8;box-shadow:inset 0 0 18px #0073a633}
body.employee-station-page[data-pin-keypad-style="digital-hmi"] .employee-pin-panel .employee-pin-input{background:#00131b;border-color:#15d5ff;color:#63e8ff;box-shadow:0 0 12px #00bfff33 inset}
body.employee-station-page[data-pin-keypad-style="digital-hmi"] .employee-pin-panel .employee-pin-keypad button{background:#061b25;border:1px solid #1486a8;border-radius:2px;color:#7be9ff;box-shadow:none;font-family:Consolas,monospace}
body.employee-station-page[data-pin-keypad-style="digital-hmi"] .employee-pin-panel #employee-pin-submit{background:#073b32;border-color:#25d99a;color:#76ffc8}
body.employee-station-page[data-pin-keypad-style="classic"] .employee-pin-panel{background:var(--panel,#35424c);border-color:var(--line,#e9d3a6)}
body.employee-station-page[data-pin-keypad-style="classic"] .employee-pin-panel .employee-pin-input{background:var(--panel-2,#1d2830);border-color:var(--line,#e9d3a6);color:var(--amber,#e6ad43)}
body.employee-station-page[data-pin-keypad-style="classic"] .employee-pin-panel .employee-pin-keypad button{background:#283a46;border-color:var(--line,#e9d3a6);color:var(--text,#edf1f3);box-shadow:inset 0 1px #ffffff22}
body[data-process-light-style=digital] .moon-card .job-progress-segment i{color:var(--workflow-text,#fff)!important;text-shadow:none!important}