/* Use the active QPS palette, including the embedded employee profile.
   Dialogs live under body, so they need the same tokens as the workspace. */
.ow,.ow-dialog {
  --ow-line:var(--line,var(--ep-border,#dbe3ec));
  --ow-ink:var(--ink,var(--ep-ink,#152a43));
  --ow-muted:var(--muted,var(--ep-muted,#5c7088));
  --ow-surface:var(--panel,var(--ep-surface,#fff));
  --ow-soft:var(--soft,var(--ep-bg,#f3f6fa));
  --ow-field:var(--field,var(--ep-input,#fff));
  --ow-button:var(--button,var(--ep-surface,#f4f8fc));
  --ow-accent:var(--steel,var(--ep-accent,#185f8d));
  --ow-on-accent:var(--on-accent,#fff);
  --ow-info-bg:var(--blue-soft,#eef5fa);
  --ow-info-ink:var(--steel,#44617a);
  --ow-success-bg:var(--accent-soft,#dff4e9);
  --ow-success-ink:var(--green,#23644c);
  --ow-warning-bg:var(--warning-soft,#fff0ca);
  --ow-warning-ink:var(--amber,#79530c);
  --ow-danger-bg:var(--danger-soft,#fce5e8);
  --ow-danger:var(--danger,#a42539);
}
:root[data-qps-theme="dark"] :is(.ow,.ow-dialog) {
  --ow-surface:var(--panel,var(--ep-surface,#182b36));
  --ow-field:var(--field,var(--ep-input,#132731));
  --ow-button:var(--button,var(--ep-surface,#203843));
  --ow-on-accent:var(--on-accent,#102338);
  --ow-info-bg:var(--blue-soft,#203e5c);
  --ow-info-ink:var(--steel,#a8cfff);
  --ow-success-bg:var(--accent-soft,#203f41);
  --ow-success-ink:var(--green,#6cd2c1);
  --ow-warning-bg:var(--warning-soft,#403627);
  --ow-warning-ink:var(--amber,#e9bd70);
  --ow-danger-bg:var(--danger-soft,#432d3b);
  --ow-danger:var(--danger,#ff9b9f);
}
/* The standalone Employee app follows the device theme. An explicit Workspace
   preference must win even when it differs from the operating system. */
@media(prefers-color-scheme:dark) {
:root:not([data-qps-theme]) :is(.ow,.ow-dialog) {
  --ow-surface:var(--panel,var(--ep-surface,#182b36));
  --ow-field:var(--field,var(--ep-input,#132731));
  --ow-button:var(--button,var(--ep-surface,#203843));
  --ow-on-accent:var(--on-accent,#102338);
  --ow-info-bg:var(--blue-soft,#203e5c);
  --ow-info-ink:var(--steel,#a8cfff);
  --ow-success-bg:var(--accent-soft,#203f41);
  --ow-success-ink:var(--green,#6cd2c1);
  --ow-warning-bg:var(--warning-soft,#403627);
  --ow-warning-ink:var(--amber,#e9bd70);
  --ow-danger-bg:var(--danger-soft,#432d3b);
  --ow-danger:var(--danger,#ff9b9f);
}
}

:where(.ow,.ow-dialog) p {color:var(--ow-muted)}
:where(.ow,.ow-dialog) .ow-button:not(:disabled):hover,
.ow-tabs button:not([aria-current=page]):hover {border-color:var(--ow-accent);background:var(--ow-info-bg);color:var(--ow-info-ink)}
.ow-check:hover {color:var(--ow-accent)}
.ow-field :is(input,select,textarea):focus-visible {outline:2px solid var(--ow-accent);outline-offset:2px}
.ow{color:var(--ow-ink);display:grid;gap:18px;max-width:1500px;margin:auto}.ow-heading,.ow-row,.ow-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ow-actions{justify-content:flex-start}.ow-heading h2{font-size:clamp(24px,3vw,34px);margin:4px 0}.ow-heading small,.ow-card>small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ow-muted)}.ow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}.ow-card{background:var(--ow-surface);border:1px solid var(--ow-line);border-radius:18px;padding:22px;min-width:0;box-shadow:var(--shadow,0 6px 22px #18324c05)}.ow-card h3{margin:4px 0 14px;font-size:18px}.ow-card p{line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ow-card small{color:var(--ow-muted)}.ow-hero{background:linear-gradient(130deg,#102842,#224f75);color:#fff}.ow-hero small{color:#aad9f2}.ow-hero p{color:#d5e6f2}.ow-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ow-stats .ow-card{display:grid;gap:8px}.ow-stats strong{font-size:34px}.ow-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--ow-line);padding-bottom:8px}.ow-tabs button{flex-shrink:0;padding:11px 16px;border:0;border-radius:12px;background:var(--ow-soft);color:var(--ow-ink);font:inherit;cursor:pointer}.ow-tabs button[aria-current=page]{background:var(--ow-accent);color:var(--ow-on-accent)}.ow-button{border:1px solid var(--ow-line);color:var(--ow-ink);background:var(--ow-button);padding:9px 13px;border-radius:10px;font:inherit;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.ow-button:disabled{opacity:.5;cursor:wait}.ow-primary{background:var(--ow-accent);color:var(--ow-on-accent);border-color:var(--ow-accent)}.ow-button:focus-visible,.ow-check:focus-visible,.ow-tabs button:focus-visible{outline:3px solid var(--ow-accent);outline-offset:2px}.ow-note{padding:13px 16px;background:var(--ow-info-bg);border-radius:10px;line-height:1.5;color:var(--ow-info-ink)}.ow-error{color:var(--ow-danger);line-height:1.5}.ow-error:empty{display:none}.ow-success{padding:13px 16px;border-radius:10px;background:var(--ow-success-bg);color:var(--ow-success-ink)}.ow-badge{font-size:11px;font-weight:700;border-radius:40px;background:var(--ow-soft);color:var(--ow-muted);padding:6px 10px;white-space:nowrap}.ow-present,.ow-approved,.ow-completed,.ow-covered,.ow-review_approved,.ow-processed,.ow-reviewed{background:var(--ow-success-bg);color:var(--ow-success-ink)}.ow-awaiting_arrival,.ow-expiring,.ow-pending,.ow-review_pending,.ow-manager_approved{background:var(--ow-warning-bg);color:var(--ow-warning-ink)}.ow-shortage,.ow-expired,.ow-rejected,.ow-review_rejected{background:var(--ow-danger-bg);color:var(--ow-danger)}.ow-week{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 0;border-bottom:1px solid var(--ow-line)}.ow-week>div:first-child{flex:1;min-width:160px}.ow-week p{margin:5px 0}.ow-alert{display:grid;gap:7px;border-bottom:1px solid var(--ow-line);padding:16px 0}.ow-alert:last-child,.ow-week:last-child{border:0}.ow-alert p{margin:0;font-size:13px}.ow-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ow-tags span{background:var(--ow-soft);padding:8px 11px;border-radius:8px;font-size:12px}.ow-empty{padding:22px;color:var(--ow-muted);text-align:center;background:var(--ow-soft);border-radius:12px}.ow-check{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:11px 0;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%}.ow-check>span{color:var(--ow-success-ink);width:24px}.ow-check input{width:auto}.ow-dialog{border:1px solid var(--ow-line);border-radius:20px;padding:25px;max-width:780px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;background:var(--ow-surface);color:var(--ow-ink);box-shadow:var(--strong-shadow,0 30px 100px #07182950)}.ow-dialog::backdrop{background:#07182988;backdrop-filter:blur(3px)}.ow-dialog h2{margin:4px 0 15px}.ow-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.ow-form>p,.ow-form>section,.ow-form>.ow-check{grid-column:1/-1}.ow-field{display:grid;gap:7px;min-width:0;font-size:13px}.ow-field span{font-weight:650}.ow-field input,.ow-field select,.ow-field textarea{font:inherit;border:1px solid var(--ow-line);border-radius:9px;padding:11px;background:var(--ow-field);color:var(--ow-ink);width:100%;min-width:0;box-sizing:border-box}.ow-field textarea{min-height:95px;resize:vertical}.ow-dialog .ow-field:has(textarea){grid-column:1/-1}@media(max-width:650px){.ow-form{grid-template-columns:1fr}.ow-card{padding:17px}.ow-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ow-dialog{padding:18px}.ow-heading .ow-actions{width:100%}} 

.ow [hidden],.ow-dialog [hidden]{display:none!important}