/* V355 — TÜV Austria Atelier, Noir and Vienna.
   Presentation only: live records, permitted actions, table columns, drawer
   behavior and approval semantics remain owned by their existing components.
   Screen scope keeps operational reports and printed documents unchanged. */
@media screen {
body[data-overview-theme="tuv-atelier"],
.ot285[data-design="tuv-atelier"] {
  --ot-bg:#f4f4f1; --ot-panel:#fff; --ot-text:#242528; --ot-muted:#62666c;
  --ot-border:#dfe0dc; --ot-accent:#e1001a; --ot-secondary:#586570;
  --ot-shadow:0 2px 7px #20212604; --ot-radius:4px;
  --pt355-side:#222326; --pt355-side-text:#d5d6da; --pt355-side-muted:#acafb5;
  --pt355-side-active:#36373b; --pt355-side-line:#414246;
  --pt355-heading:#f5f4f0; --pt355-heading-ink:#242528; --pt355-heading-muted:#62666c;
  --pt355-detail:#b50015; --pt355-gold:#897654;
  --ot-status-open:#e1001a; --ot-status-assigned:#55758e; --ot-status-progress:#5a6973;
  --ot-status-waiting-user:#b18032; --ot-status-waiting-vendor:#8f754b;
  --ot-status-resolved:#26795f; --ot-status-closed:#96a6a0;
}
body[data-overview-theme="tuv-noir"],
.ot285[data-design="tuv-noir"] {
  --ot-bg:#111214; --ot-panel:#1c1d20; --ot-text:#f6f5f6; --ot-muted:#b1b2bb;
  --ot-border:#393a40; --ot-accent:#f4546b; --ot-secondary:#b1bacb;
  --ot-shadow:0 12px 30px #00000020; --ot-radius:12px;
  --pt355-side:#17181b; --pt355-side-text:#d8d8df; --pt355-side-muted:#a8aab4;
  --pt355-side-active:#2e252b; --pt355-side-line:#35363d;
  --pt355-heading:linear-gradient(115deg,#29272c,#1c1d21 58%,#271b20);
  --pt355-heading-ink:#f9f7f8; --pt355-heading-muted:#c3bfc8;
  --pt355-detail:#ff91a1; --pt355-gold:#c8b996;
  --ot-status-open:#ff7288; --ot-status-assigned:#9db5db; --ot-status-progress:#bfbed6;
  --ot-status-waiting-user:#e3ba70; --ot-status-waiting-vendor:#c3a67d;
  --ot-status-resolved:#7ad8b6; --ot-status-closed:#849b95;
}
body[data-overview-theme="tuv-vienna"],
.ot285[data-design="tuv-vienna"] {
  --ot-bg:#f4f1eb; --ot-panel:#fffdfa; --ot-text:#302c26; --ot-muted:#70685d;
  --ot-border:#ded6c7; --ot-accent:#b7192d; --ot-secondary:#8e7652;
  --ot-shadow:0 7px 24px #4f3d2406; --ot-radius:5px;
  --pt355-side:#fffdfa; --pt355-side-text:#5f584e; --pt355-side-muted:#776d5f;
  --pt355-side-active:#f4ede2; --pt355-side-line:#e0d6c5;
  --pt355-heading:#fffdfa; --pt355-heading-ink:#302c26; --pt355-heading-muted:#70685d;
  --pt355-detail:#ad1427; --pt355-gold:#8b704a;
  --ot-status-open:#bc263b; --ot-status-assigned:#6d7f8e; --ot-status-progress:#897654;
  --ot-status-waiting-user:#b0843e; --ot-status-waiting-vendor:#997c54;
  --ot-status-resolved:#387b64; --ot-status-closed:#9ca89a;
}

/* Define every shared alias at the same scope as the account palette. */
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]),
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] {
  --bg:var(--ot-bg); --surface:var(--ot-panel); --card:var(--ot-panel);
  --surface-alt:color-mix(in srgb,var(--ot-panel) 94%,var(--ot-text));
  --text:var(--ot-text); --muted:var(--ot-muted); --border:var(--ot-border);
  --shadow:var(--ot-shadow); --radius:var(--ot-radius);
  --primary:#e1001a; --primary-ink:var(--pt355-detail); --on-primary:#fff;
  --accent:var(--ot-secondary); --soft:color-mix(in srgb,var(--primary) 7%,var(--ot-panel));
  --sidebar:var(--pt355-side); --side-text:var(--pt355-side-text);
  --pt-heading-bg:var(--pt355-heading); --pt-heading-ink:var(--pt355-heading-ink);
  --pt-heading-muted:var(--pt355-heading-muted); --pt-heading-accent:var(--pt355-detail);
  color:var(--ot-text); background:var(--ot-bg);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) :is(.workspace,.content,.workspace-footer) {
  background:var(--ot-bg); color:var(--ot-text); min-width:0;
}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .workspace-footer {color:var(--ot-muted);font-size:11px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page="dashboard"] .content {padding:26px 28px 28px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .ot285 {max-width:1680px;margin-inline:auto}

/* Authenticated shell: keep the actual menu labels and mobile drawer. */
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar {
  background:var(--pt355-side); color:var(--pt355-side-text); border-right-color:var(--pt355-side-line);
}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand {padding:24px 20px 20px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand-logo {padding:12px 14px;background:#fff;border-radius:3px;max-width:100%}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand-logo img {width:126px;max-width:100%;height:auto;filter:none}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand-logo .logo-on-light {display:block}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand-logo .logo-on-dark {display:none}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand>span {color:var(--pt355-side-muted);letter-spacing:1.3px;font-size:9px;line-height:1.6}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar nav {padding:0 11px;scrollbar-color:var(--pt355-side-line) transparent}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-label {color:var(--pt355-side-muted)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-link {min-height:44px;padding:11px 12px;gap:12px;color:var(--pt355-side-text);font-size:12px;font-weight:500;border-radius:var(--ot-radius);background:transparent;box-shadow:none}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-link svg {width:18px;height:18px;stroke-width:1.65}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-link:is(:hover,.active) {background:var(--pt355-side-active);color:var(--pt355-side-text)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-link.active {font-weight:650}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-link.active::before {width:3px;background:#e1001a;border-radius:2px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .nav-pill {background:color-mix(in srgb,var(--pt355-side-text) 12%,var(--pt355-side));color:var(--pt355-side-text);font-size:11px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar-bottom {border-top-color:var(--pt355-side-line);padding:15px 17px 16px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar-person b {color:var(--pt355-side-text);font-size:12px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) :is(.sidebar-person>div>span,.sidebar-signout,.sidebar-version) {color:var(--pt355-side-muted);font-size:11px;letter-spacing:0}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .sidebar .avatar {background:var(--pt355-side-active);color:var(--pt355-side-text);border-color:var(--pt355-side-line)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .reference-brand-note {min-height:105px;margin:12px 17px 0;padding:17px 13px;border:0;border-top:1px solid var(--pt355-side-line);border-radius:0;background:transparent;color:var(--pt355-side-text)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .reference-brand-note .brand-mountains {display:none}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .reference-brand-note .ot-sidebar-motto {font-size:16px;line-height:1.35;letter-spacing:-.25px;font-weight:500}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .reference-brand-note .ot-sidebar-motto span {display:inline}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .reference-brand-note small {color:var(--pt355-side-muted);font-size:11px;line-height:1.6}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .brand-note-rule {height:2px;background:#e1001a;width:28px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .topbar {height:70px;background:var(--ot-panel);border-color:var(--ot-border);box-shadow:none}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .search-trigger {background:var(--surface-alt);border:1px solid var(--ot-border);color:var(--ot-muted);border-radius:var(--ot-radius);max-width:480px;height:40px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .search-trigger kbd {background:var(--ot-panel);border-color:var(--ot-border);color:var(--ot-muted)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .topbar :is(.icon-button,.profile-link b) {color:var(--ot-text)}

/* The same permission-gated hero is styled three different ways. Art occupies
   a separate reserved column and becomes decorative-free on compact layouts. */
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero {
  position:relative;isolation:isolate;display:flex;align-items:center;min-height:270px;
  padding:34px 38px;margin:0 0 24px;border:1px solid var(--ot-border);
  border-radius:var(--ot-radius);background:var(--pt355-heading);overflow:hidden;
}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-copy {position:relative;z-index:1;width:66%;min-width:0;max-width:840px}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-eyebrow {color:var(--pt355-heading-muted);font-size:11px;line-height:1.6;font-weight:500;letter-spacing:1.7px;margin-bottom:14px}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-title {font-size:clamp(34px,3.8vw,58px);font-weight:500;line-height:1.08;letter-spacing:-1.9px;color:var(--pt355-heading-ink);overflow-wrap:break-word;max-width:100%}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-greeting {font-size:14px;line-height:1.65;color:var(--pt355-heading-muted);max-width:580px;overflow-wrap:anywhere;margin-top:14px!important}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-actions {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:9px;margin:22px 0 0;max-width:100%}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-actions :is(.ot-btn,.ot-design-shortcut) {min-height:42px;padding:10px 14px;font-size:12px;line-height:1.4;border-radius:var(--ot-radius);white-space:normal;text-align:center}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-btn-primary {background:#e1001a;border-color:#e1001a;color:#fff}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-art {position:absolute;right:0;top:0;bottom:0;width:29%;pointer-events:none;z-index:0;overflow:hidden}
.ot285[data-design="tuv-atelier"] .pt355-hero {border:0;border-left:3px solid #e1001a;border-radius:0}
.ot285[data-design="tuv-atelier"] .pt355-art::before {content:"";position:absolute;width:46%;height:145%;top:-17%;right:33%;background:#25262a;transform:rotate(-17deg)}
.ot285[data-design="tuv-atelier"] .pt355-art::after {content:"";position:absolute;width:38%;height:135%;top:18%;right:7%;background:#e1001a;transform:rotate(-17deg)}
.ot285[data-design="tuv-noir"] .pt355-hero {min-height:245px;box-shadow:inset 0 1px #ffffff07,0 14px 35px #00000020;border-color:#44363e}
.ot285[data-design="tuv-noir"] .pt355-title {font-size:clamp(34px,3.5vw,54px);letter-spacing:-1.6px}
.ot285[data-design="tuv-noir"] .pt355-eyebrow {color:#f4a8b5;display:flex;align-items:center;gap:9px}
.ot285[data-design="tuv-noir"] .pt355-eyebrow::before {content:"";width:5px;height:5px;border-radius:50%;background:#ff6b83;flex:none}
.ot285[data-design="tuv-noir"] .pt355-art {background:radial-gradient(ellipse at 70% 70%,#e1001a22,transparent 68%)}
.ot285[data-design="tuv-noir"] .pt355-art::before {content:"";position:absolute;width:210px;height:210px;border:1px solid #b73b514d;border-radius:50%;right:-38px;top:22px;box-shadow:0 0 0 28px #bd334810,0 0 0 29px #b73b5133,0 0 0 57px #bd334807,0 0 0 58px #b73b5126}
.ot285[data-design="tuv-noir"] .pt355-art::after {content:"";position:absolute;height:2px;left:18%;right:0;top:61%;background:linear-gradient(90deg,transparent,#f4546b88,#f4546b);transform:rotate(-34deg);box-shadow:0 0 16px #f4546b33}
.ot285[data-design="tuv-vienna"] .pt355-hero {min-height:275px;background:transparent;border:0;border-bottom:1px solid #cbbba2;border-radius:0;padding-left:0;padding-right:0}
.ot285[data-design="tuv-vienna"] .pt355-title {font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,61px);line-height:1.08;font-weight:400;letter-spacing:-1.4px}
.ot285[data-design="tuv-vienna"] .pt355-eyebrow {color:#856a46;display:flex;align-items:center;gap:11px}
.ot285[data-design="tuv-vienna"] .pt355-eyebrow::before {content:"";display:block;width:28px;height:1px;background:#a58c65;flex:none}
.ot285[data-design="tuv-vienna"] .pt355-art {top:24px;bottom:24px;border-left:1px solid #d4c5ac;background:linear-gradient(90deg,#f4f1eb,transparent),repeating-linear-gradient(90deg,transparent 0 27px,#d1c1a32e 28px 29px)}
.ot285[data-design="tuv-vienna"] .pt355-art::before {content:"";position:absolute;border:1px solid #c8b493;border-radius:50%;width:190px;height:190px;right:-25px;top:18px;box-shadow:0 0 0 18px #ede5d800,0 0 0 19px #dbccb3,0 0 0 37px #ede5d800,0 0 0 38px #e1d5c2}
.ot285[data-design="tuv-vienna"] .pt355-art::after {content:"";position:absolute;height:58%;width:3px;right:36%;bottom:0;background:#b61d30}

/* Real overview figures and operational panels. */
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 24px}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi {min-width:0;min-height:128px;padding:20px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label icon" "value value" "note note";gap:9px 10px}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-value {font-size:clamp(28px,2.75vw,43px);line-height:1.12;letter-spacing:-1px;font-weight:550;overflow-wrap:anywhere;color:var(--ot-text)}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-label {font-size:12px;font-weight:500;color:var(--ot-muted);line-height:1.5}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-note {font-size:11px;line-height:1.5}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-icon {align-self:start;color:var(--primary-ink);opacity:.9}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-icon svg {width:20px;height:20px;stroke-width:1.5}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-panel-head {padding:20px 22px 16px;align-items:flex-start;flex-wrap:wrap}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-panel-head h2 {font-size:17px;font-weight:550;letter-spacing:-.3px;line-height:1.35}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-panel-head p {font-size:12px;line-height:1.6}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) :is(.ot-panel-foot,.ot-status-legend li,.ot-status-legend b,.ot-stage-row,.ot-other-stages,.ot-data-note,.ot-chart-legend,.ot-chart-details,.ot-period-control,.ot-period-control select,.ot-pill,.ot-recent-table th,.ot-recent-table td small,.ot-recent-date,.ot-recent-reference) {font-size:11px}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-recent-table td {font-size:12px;vertical-align:middle}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-recent-table td strong {font-size:12px;line-height:1.55}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) :is(.ot-text-link,.ot-recent-reference>a) {color:var(--primary-ink);font-size:12px}
.ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-chart-grid line {stroke-dasharray:none;opacity:.65}
.ot285[data-design="tuv-atelier"] .ot-kpi-grid {gap:0;border-bottom:1px solid var(--ot-border);padding-bottom:24px}
.ot285[data-design="tuv-atelier"] .ot-kpi {border:0;border-left:1px solid var(--ot-border);border-radius:0;background:transparent;box-shadow:none;padding:2px 22px;min-height:112px}
.ot285[data-design="tuv-atelier"] .ot-kpi:first-child {border-left:0;padding-left:0}
.ot285[data-design="tuv-atelier"] .ot-panel {border-radius:0;box-shadow:none}
.ot285[data-design="tuv-atelier"] .ot-panel-head {border-bottom-color:var(--ot-border)}
.ot285[data-design="tuv-noir"] :is(.ot-kpi,.ot-panel) {background:linear-gradient(135deg,#222327,#1b1c20);border-color:#3c3d44;box-shadow:0 8px 22px #00000018}
.ot285[data-design="tuv-noir"] .ot-kpi {border-top-color:#5d424c}
.ot285[data-design="tuv-vienna"] .ot-kpi {border-radius:2px;border-top:2px solid #b9a17c;box-shadow:none}
.ot285[data-design="tuv-vienna"] .ot-kpi-value {font-family:Georgia,"Times New Roman",serif;font-weight:400}
.ot285[data-design="tuv-vienna"] .ot-panel-head h2 {font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400;letter-spacing:-.35px}

/* Match the existing Payments / AP / IT / asset / admin components without
   changing column widths, sticky positions, scrolling or data visibility. */
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .page-head {min-height:124px;padding:25px 28px;box-shadow:none;gap:20px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .page-head h1 {font-size:clamp(28px,2.6vw,40px);font-weight:550;letter-spacing:-1px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .page-head :is(p,.eyebrow) {font-size:12px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] :is(.card-head,.department-card) {border-top-width:1px;border-top-color:var(--ot-border)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] :is(.aw339-panel,.apx-panel,.apx-summary-item,.apx-amount,.aw339-process,.av-card) {border-radius:var(--ot-radius);box-shadow:var(--ot-shadow)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] :is(.data-table,.team-table,.apx-table) {font-variant-numeric:tabular-nums}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] :is(.data-table,.team-table) th {background:var(--surface-alt);color:var(--ot-muted);font-weight:600;letter-spacing:.2px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .apx-queue332.apx-ledger338 .apx-table.apx-ledger th[data-ledger-col] {background:var(--surface-alt);color:var(--ot-text);border-color:var(--ot-border)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] :is(.btn,.aw339-tabs a,.apx-summary-item span) {font-size:12px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] :is(.modal,.theme-drawer) {box-shadow:0 20px 80px #00000028}
body[data-overview-theme="tuv-atelier"][data-portal-page] .page-head {border-left:3px solid #e1001a;border-radius:0}
body[data-overview-theme="tuv-vienna"][data-portal-page] .page-head {border-bottom:2px solid #b9a17c}
body[data-overview-theme="tuv-vienna"][data-portal-page] .page-head h1 {font-family:Georgia,"Times New Roman",serif;font-weight:400}
body[data-overview-theme="tuv-vienna"] .reference-brand-note .ot-sidebar-motto {font-family:Georgia,"Times New Roman",serif;font-size:19px}

/* Management, Finance and Department dashboards are separate live renderers.
   Their op-* variables share these account tokens, and their cards retain
   their filters, selected-state semantics and responsive chart geometry. */
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) :is(.op323,.fd326,.dm328) {
  --op-bg:var(--ot-bg); --op-panel:var(--ot-panel); --op-ink:var(--ot-text);
  --op-muted:var(--ot-muted); --op-line:var(--ot-border); --op-accent:var(--ot-accent);
  --op-soft:color-mix(in srgb,var(--ot-accent) 7%,var(--ot-panel)); --op-radius:var(--ot-radius);
  --fd-secondary:var(--ot-secondary); --dm-accent:var(--ot-accent);
  --dm-soft:var(--op-soft); --dm-radius:var(--ot-radius);
  color:var(--ot-text);
}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero {min-height:245px;padding:29px 33px;margin:0 0 23px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero .pt355-title {font-size:clamp(34px,3.6vw,53px);line-height:1.1;letter-spacing:-1.6px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero .ot-hero-actions {margin-top:20px}
body[data-overview-theme="tuv-vienna"] .op323 .ot285[data-design] .pt355-hero {padding-inline:0}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 :is(.op-panel,.op-metric,.fd326-reports) {border-radius:var(--ot-radius);box-shadow:var(--ot-shadow)}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .op-panel-head h2 {font-size:17px;font-weight:550;letter-spacing:-.3px}
body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 :is(.op-metric small,.op-sub,.op-pill,.op-records small,.fd326-reports p,.dm328-legend,.dm328-card>small,.dm328-table-head,.dm328-row small,.dm328-badge) {font-size:11px}
body[data-overview-theme="tuv-atelier"] .op323 .op-panel {border-radius:0;box-shadow:none}
body[data-overview-theme="tuv-atelier"] .op323 .op-metric:not([aria-pressed="true"]) {border-radius:0;border-width:1px;border-top:2px solid #42474d;background:var(--ot-panel);box-shadow:none}
body[data-overview-theme="tuv-noir"] .op323 .op-panel,
body[data-overview-theme="tuv-noir"] .op323 .op-metric:not([aria-pressed="true"]) {background:linear-gradient(135deg,#232428,#1b1c20);border-color:#3c3d44;box-shadow:0 10px 25px #0000001c}
body[data-overview-theme="tuv-noir"] .op323 .op-metric:not([aria-pressed="true"]) {border-top-color:#5d424c}
body[data-overview-theme="tuv-vienna"] .op323 .op-metric:not([aria-pressed="true"]) {border-radius:2px;border-bottom-width:1px;border-top:2px solid #b9a17c;background:#fffdfa;box-shadow:none}
body[data-overview-theme="tuv-vienna"] .op323 :is(.op-metric strong,.op-panel-head h2,.fd326-workspace-head h2) {font-family:Georgia,"Times New Roman",serif;font-weight:400}
body[data-overview-theme="tuv-vienna"] .op323 .op-panel-head h2 {font-size:21px}

/* Dark inputs, validation, status badges and secondary controls must all
   remain legible. Meaningful state colors are retained, never made red-only. */
body[data-overview-theme="tuv-noir"] {color-scheme:dark}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {color-scheme:dark}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.form-error,.ticket-shot-errors,.av-delete) {color:#ff9faf}
body[data-overview-theme="tuv-noir"][data-portal-page] .btn.danger {background:#362028;color:#ffacbb;border-color:#69404c}
body[data-overview-theme="tuv-noir"][data-portal-page] .ot-current-design {background:var(--surface-alt);color:var(--ot-text);border-color:var(--ot-border)}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.badge.complete,.badge.resolved,.badge.closed,.badge.active,.badge.recorded,.badge.approved,.badge.sent,.badge.preview,.badge.low,.ot-status-resolved,.ot-status-closed,.ot-status-complete) {background:#1c3c33;color:#8fe1c1;border-color:#3f6a5b}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.badge.manager_pending,.badge.finance_manager_pending,.badge.cfo_pending,.badge.waiting_user,.badge.waiting_vendor,.badge.pending,.badge.retry,.badge.medium,.ot-status-waiting_user,.ot-status-waiting_vendor,.ot-status-manager_pending,.ot-status-finance_manager_pending,.ot-status-cfo_pending) {background:#3a3021;color:#f3d18e;border-color:#6b5635}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.badge.assigned,.badge.in_progress,.badge.sending,.ot-status-in_progress,.ot-status-assigned) {background:#243447;color:#b0c9ef;border-color:#485d7b}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.badge.open,.badge.critical,.badge.high,.badge.rejected,.badge.deleted,.badge.failed,.ot-status-open,.ot-status-rejected) {background:#43242d;color:#ffafbd;border-color:#75434f}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.badge.draft,.badge.inactive,.badge.in_stock,.badge.cancelled,.ot-status-cancelled) {background:#32343b;color:#ced0da;border-color:#53555f}
body[data-overview-theme="tuv-noir"][data-portal-page] :is(.section-note.warning-note,.internal-note) {background:#3a3021;color:#f3d18e;border-color:#6b5635}
body[data-overview-theme="tuv-noir"][data-portal-page] .internal-note .comment-body {color:#f3d18e}

/* Appearance gallery thumbnails render the real themes rather than reusing
   the old mountain artwork. They remain small non-interactive previews. */
.ot-thumb[data-thumb="tuv-atelier"] {--mini-bg:#f4f4f1;--mini-card:#fff;--mini-border:#dfe0dc;--mini-text:#242528}
.ot-thumb[data-thumb="tuv-noir"] {--mini-bg:#111214;--mini-card:#1c1d20;--mini-border:#393a40;--mini-text:#f6f5f6}
.ot-thumb[data-thumb="tuv-vienna"] {--mini-bg:#f4f1eb;--mini-card:#fffdfa;--mini-border:#ded6c7;--mini-text:#302c26}
.ot-thumb:is([data-thumb="tuv-atelier"],[data-thumb="tuv-noir"],[data-thumb="tuv-vienna"]) .ot-thumb-hero {padding-left:8px;background:var(--mini-card);border:1px solid var(--mini-border)}
.ot-thumb:is([data-thumb="tuv-atelier"],[data-thumb="tuv-noir"],[data-thumb="tuv-vienna"]) .ot-thumb-hero::after {clip-path:none;background-image:none;opacity:1;width:26%;right:0}
.ot-thumb[data-thumb="tuv-atelier"] .ot-thumb-sidebar {background:#222326}
.ot-thumb[data-thumb="tuv-atelier"] .ot-thumb-sidebar i:first-of-type {background:#4b3b40;border-left:2px solid #e1001a}
.ot-thumb[data-thumb="tuv-atelier"] .ot-thumb-hero::after {background:linear-gradient(75deg,transparent 0 18%,#242528 19% 54%,#e1001a 55% 82%,transparent 83%)}
.ot-thumb[data-thumb="tuv-atelier"] .ot-thumb-kpis {gap:0}
.ot-thumb[data-thumb="tuv-atelier"] .ot-thumb-kpis i {border-top:0;border-right:0;background:transparent}
.ot-thumb[data-thumb="tuv-noir"] .ot-thumb-sidebar {background:#17181b}
.ot-thumb[data-thumb="tuv-noir"] .ot-thumb-hero {background:linear-gradient(115deg,#29272c,#1c1d21 58%,#271b20);border-color:#44363e;border-radius:6px}
.ot-thumb[data-thumb="tuv-noir"] .ot-thumb-hero::after {background:repeating-radial-gradient(circle at 130% 50%,transparent 0 10px,#a143592e 11px 12px)}
.ot-thumb[data-thumb="tuv-noir"] .ot-thumb-kpis i {border-top:1px solid #58434b;border-radius:4px}
.ot-thumb[data-thumb="tuv-noir"] :is(.ot-thumb-large,.ot-thumb-small) {border-radius:5px}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-sidebar {background:#fffdfa;border-color:#ded6c7}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-sidebar b {color:#302c26}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-sidebar i {background:#c9beac}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-sidebar i:first-of-type {background:#f0e6d6;border-left:2px solid #e1001a}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-hero {border:0;border-bottom:1px solid #b9a17c;background:transparent}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-hero b {font-family:Georgia,"Times New Roman",serif;font-weight:400}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-hero::after {background:repeating-radial-gradient(circle at 120% 55%,transparent 0 10px,#c5b18c66 11px 12px)}
.ot-thumb[data-thumb="tuv-vienna"] .ot-thumb-kpis i {border-top:2px solid #b9a17c}
.av-swatches[data-swatch="tuv-atelier"] i:nth-child(1) {background:#fff}
.av-swatches[data-swatch="tuv-atelier"] i:nth-child(2) {background:#e1001a}
.av-swatches[data-swatch="tuv-atelier"] i:nth-child(3) {background:#222326}
.av-swatches[data-swatch="tuv-atelier"] i:nth-child(4) {background:#dfdfd9}
.av-swatches[data-swatch="tuv-noir"] i:nth-child(1) {background:#111214}
.av-swatches[data-swatch="tuv-noir"] i:nth-child(2) {background:#e1001a}
.av-swatches[data-swatch="tuv-noir"] i:nth-child(3) {background:#b1bacb}
.av-swatches[data-swatch="tuv-noir"] i:nth-child(4) {background:#393a40}
.av-swatches[data-swatch="tuv-vienna"] i:nth-child(1) {background:#f4f1eb}
.av-swatches[data-swatch="tuv-vienna"] i:nth-child(2) {background:#e1001a}
.av-swatches[data-swatch="tuv-vienna"] i:nth-child(3) {background:#b9a17c}
.av-swatches[data-swatch="tuv-vienna"] i:nth-child(4) {background:#302c26}

/* Reflow against the actual viewport; keep menu and keyboard behavior. */
@media(max-width:1100px) {
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero {padding:29px;min-height:250px}
  .ot285[data-design="tuv-vienna"] .pt355-hero {padding-inline:0}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ot285[data-design="tuv-atelier"] .ot-kpi {padding:12px 20px}
  .ot285[data-design="tuv-atelier"] .ot-kpi:nth-child(odd) {border-left:0;padding-left:0}
  .ot285[data-design="tuv-atelier"] .ot-kpi:nth-child(n+3) {border-top:1px solid var(--ot-border);padding-top:20px;margin-top:10px}
}
@media(max-width:900px) {
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-copy {width:100%;max-width:none}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-art {display:none}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-title {font-size:clamp(32px,5vw,45px)}
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero {min-height:0;padding:27px 24px}
  body[data-overview-theme="tuv-vienna"] .op323 .ot285[data-design] .pt355-hero {padding-inline:0}
}
@media(max-width:760px) {
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .content {padding:18px 15px 24px!important}
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .page-head {padding:22px 19px;min-height:0;gap:16px}
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"])[data-portal-page] .page-head .head-actions {max-width:100%;justify-content:flex-start}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero {padding:27px 22px;min-height:0;margin-bottom:22px}
  .ot285[data-design="tuv-vienna"] .pt355-hero {padding:15px 0 27px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-eyebrow {font-size:11px;letter-spacing:1px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-title {font-size:35px;letter-spacing:-1.2px}
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero .pt355-title {font-size:35px;letter-spacing:-1.2px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-greeting {font-size:13px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-actions {gap:8px;margin-top:20px;align-items:stretch}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-actions :is(.ot-btn,.ot-design-shortcut) {min-height:44px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi {padding:16px 14px;min-height:132px}
  .ot285[data-design="tuv-atelier"] .ot-kpi:nth-child(odd) {padding-left:0}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-value {font-size:32px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-panel-head {padding:17px 16px;gap:10px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-panel-head h2 {font-size:16px}
  .ot285[data-design="tuv-vienna"] .ot-panel-head h2 {font-size:20px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-stage-row {grid-template-columns:minmax(100px,1.25fr) minmax(30px,1fr) 24px;gap:9px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-recent-table td:nth-child(n+3)::before {font-size:11px}
}
@media(max-width:380px) {
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero {padding:23px 17px}
  .ot285[data-design="tuv-vienna"] .pt355-hero {padding-inline:0}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-title {font-size:31px}
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero {padding:23px 17px}
  body[data-overview-theme="tuv-vienna"] .op323 .ot285[data-design] .pt355-hero {padding-inline:0}
  body:is([data-overview-theme="tuv-atelier"],[data-overview-theme="tuv-noir"],[data-overview-theme="tuv-vienna"]) .op323 .ot285[data-design] .pt355-hero .pt355-title {font-size:31px}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .pt355-hero .ot-hero-actions {flex-direction:column;align-items:stretch}
  .ot285:is([data-design="tuv-atelier"],[data-design="tuv-noir"],[data-design="tuv-vienna"]) .ot-kpi-grid {gap:12px}
  .ot285[data-design="tuv-atelier"] .ot-kpi-grid {gap:0}
}
}