
html.workplace-observatorium{
 --font-ui:Arial,Helvetica,sans-serif;--surface-soft:var(--t-flaeche2);--obs-grid:var(--t-linie);
 --obs-accent:var(--t-haupt);--obs-on-accent:var(--t-auf-haupt);--obs-brand-text:var(--t-haupt);
 --obs-teal:var(--c-reihe-1);--obs-green:var(--c-reihe-2);--obs-yellow:var(--c-reihe-4);--obs-purple:var(--c-reihe-5)}

.workplace-observatorium #homeMain{max-width:1560px;padding:22px 32px 80px;margin:auto}
.workplace-observatorium .page-title{margin-bottom:6px;gap:12px}
.workplace-observatorium .page-title .eyebrow{color:var(--obs-brand-text);letter-spacing:2px;font-size:11px;margin-bottom:5px}
.workplace-observatorium .page-title h1{font:700 clamp(28px,3vw,42px)/1.08 var(--font-ui);letter-spacing:0;margin-bottom:8px}
.workplace-observatorium #homeIdentity{font-size:13px;margin-bottom:0;color:var(--sub)}


.obs-date{font-size:14px;color:var(--sub);margin:12px 0 16px}
.obs-tools-row{display:flex;gap:24px;align-items:center;justify-content:space-between}
.daily-focus{display:flex;align-items:center;gap:12px;flex:1;max-width:800px;border:1px solid var(--line);background:var(--t-flaeche2);border-radius:var(--t-radius);padding:10px 10px 10px 17px;min-width:0}

.daily-focus label{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--t-gold);white-space:nowrap}
.daily-focus input{min-width:0;flex:1;background:transparent;border:0;color:var(--ink);padding:4px;font:inherit;font-size:16px}
.daily-focus input::placeholder{color:var(--sub);opacity:1}
.daily-focus button{background:var(--obs-accent);border:0;border-radius:var(--t-radius);font:inherit;font-size:13px;font-weight:700;padding:8px 16px;color:var(--obs-on-accent);cursor:pointer}
.obs-focus-status{font-size:12px;margin:5px 0;color:var(--sub)}
.obs-focus-status:empty{display:none}
.obs-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.obs-controls button,.obs-controls a{font:inherit;font-size:13px;color:var(--ink);padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);text-decoration:none;cursor:pointer}
.obs-period{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.obs-period button{border:0;background:none}
.obs-period button[aria-pressed=true]{background:var(--t-haupt-leise);color:var(--t-text);font-weight:700}
.obs-team-control{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:16px 0;color:var(--sub);font-size:12px}
.obs-team-control label{white-space:nowrap}
.obs-team-control p{margin:0 0 0 auto;text-align:right}
.obs-team-control select{background:var(--t-flaeche2);color:var(--ink);border:1px solid var(--line);border-radius:999px;font:inherit;padding:6px 12px;max-width:230px}


.obs-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 30px}
.obs-kpi{border:1px solid var(--line);background:var(--card);border-radius:var(--t-radius);padding:17px 18px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:4px;min-width:0;min-height:166px}
.workplace-observatorium a.obs-kpi{color:var(--ink)}
a.obs-kpi:hover{border-color:var(--obs-accent)}
.obs-kpi-label{font-size:12px;color:var(--sub);font-weight:600}
.obs-kpi-value{font:700 52px/1.04 var(--font-ui)}
.obs-kpi-value small{font:400 13px var(--font-ui);color:var(--sub);margin-left:5px}
.obs-kpi-note{font-size:12px;line-height:1.4;color:var(--sub);margin-top:auto}
.obs-spark{height:37px;width:100%;display:block}
.obs-meter{display:block;height:8px;border-radius:4px;background:var(--obs-grid);overflow:hidden;margin:14px 0 15px}
.obs-meter i{display:block;height:100%;border-radius:4px;min-width:0}
.obs-kpi-empty{font-size:11px;min-height:36px;color:var(--sub);padding-top:8px}


.observatory-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px}
.observatory-nav{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:4px}
.workplace-observatorium .observatory-nav a{padding:11px 12px;color:var(--sub);text-decoration:none;border-radius:var(--t-radius);font-size:14px}
.workplace-observatorium .observatory-nav a[aria-current=true]{color:var(--ink);font-weight:700;background:var(--card);box-shadow:inset 3px 0 0 var(--t-zweit)}
.workplace-observatorium .observatory-nav a:hover{color:var(--ink);background:var(--t-haupt-leise)}

.observatory-nav a.obs-nav-minor{margin-top:12px;font-size:12px}
.observatory-body{min-width:0}
.observatory-section{scroll-margin-top:20px;margin-bottom:42px;min-width:0}
.observatory-heading{margin-bottom:18px}
.workplace-observatorium .observatory-heading .eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--obs-brand-text);margin-bottom:4px}
.workplace-observatorium .observatory-heading h2{font:700 clamp(26px,2.6vw,38px)/1.1 var(--font-ui);margin:0 0 7px;color:var(--ink);letter-spacing:-.4px}
.observatory-heading h2 em{color:var(--obs-brand-text);font-style:normal}
.observatory-heading>p:last-child{font-size:14px;color:var(--sub);max-width:80ch;margin-bottom:0;line-height:1.5}
.observatory-kmm{padding-top:20px;border-top:1px solid var(--line)}

.observatory-board{padding-top:20px;border-top:1px solid var(--line);margin-bottom:0}
.workplace-observatorium .observatory-kmm .observatory-heading h2{font-size:28px}


.obs-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.obs-chart-grid:empty{display:none}
.obs-chart-card{background:var(--card);border:1px solid var(--line);border-radius:var(--t-radius);padding:20px 20px 16px;min-width:0;overflow:hidden}
.obs-chart-card>summary{list-style:none;display:flex;justify-content:space-between;align-items:start;gap:12px;cursor:pointer;padding:0;margin:0 0 14px}
.obs-chart-card>summary::-webkit-details-marker{display:none}
.obs-chart-card>summary::after{content:'▾';font-size:12px;color:var(--sub);margin-top:5px}
.obs-chart-card:not([open])>summary{margin-bottom:0}
.obs-chart-card:not([open])>summary::after{content:'▸'}
.obs-chart-card h3{font:700 16px/1.3 var(--font-ui);color:var(--ink);margin:0 0 3px}
.obs-chart-card .obs-question{font-size:13px;color:var(--sub);margin:0;font-weight:400}
.obs-basis{font-size:12px;line-height:1.5;color:var(--sub);margin:10px 0 0}
.obs-plot{width:100%;display:block;aspect-ratio:2.3/1;overflow:visible}
.obs-plot text{font:11px var(--font-ui);fill:var(--sub)}
.obs-plot .gridline{stroke:var(--obs-grid)}
.obs-plot .obs-now{stroke:var(--sub)}
.obs-plot a{cursor:pointer}
.obs-plot a:hover,.obs-plot a:focus-visible{opacity:.75}
.obs-table{font-size:12px;color:var(--sub);margin-top:8px}
.obs-table>summary{padding:3px 0;font-weight:400}
.obs-table .table-wrap{max-height:300px;overflow:auto}
.obs-table table{width:100%;border-collapse:collapse}
.obs-table th,.obs-table td{text-align:left;padding:6px;border-bottom:1px solid var(--line);font-weight:400}
.obs-table th{color:var(--ink);font-weight:700}
.obs-empty{min-height:155px;display:flex;flex-direction:column;justify-content:center;border:1px dashed var(--line);border-radius:var(--t-radius);padding:18px;color:var(--sub);font-size:13px;line-height:1.5}
.obs-empty strong{color:var(--ink);font-size:15px;font-weight:700;margin-bottom:5px}
.obs-inline-gap{grid-column:1/-1;border:1px solid var(--line);border-left:3px solid var(--obs-yellow);border-radius:var(--t-radius);padding:12px 16px;font-size:13px;line-height:1.5;color:var(--sub);background:var(--card)}
.obs-inline-gap strong{color:var(--ink);margin-right:6px}
.obs-ticket-list{list-style:none;padding:0;margin:0}
.obs-ticket-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:baseline;justify-content:space-between;font-size:13px}
.obs-ticket-list li>span{min-width:0;overflow-wrap:anywhere}
.workplace-observatorium .obs-ticket-list a{color:var(--ink);font-weight:700;white-space:nowrap}
.obs-ticket-title{color:var(--sub)}
.obs-ticket-list small{color:var(--sub);white-space:nowrap}
.obs-forecast-text{font-size:16px;line-height:1.55;margin:12px 0;color:var(--ink)}
.obs-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--sub);margin:6px 0 12px}
.obs-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--obs-purple);margin-right:6px}
.obs-links{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.obs-links .btn{margin:0}


.obs-dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--t-radius);width:min(720px,95vw);max-height:80vh;padding:24px;font-family:var(--font-ui)}
.obs-dialog::backdrop{background:rgb(0 0 0/.6)}
.obs-dialog h2{font-size:20px;margin:0 0 10px;padding-right:90px}
.obs-dialog p{font-size:14px;color:var(--sub)}
.obs-dialog a{color:var(--brand-dark)}
.obs-dialog button{float:right;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:var(--t-radius);cursor:pointer;font:inherit;font-size:13px}
.obs-dialog ul{max-height:55vh;overflow:auto;padding:0;margin:0;list-style:none}
.obs-dialog li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}
.obs-dialog small{color:var(--sub)}


.workplace-observatorium .observatory-section .card,.workplace-observatorium .observatory-fold,.workplace-observatorium .observatory-help{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--t-radius);box-shadow:none;padding:16px;margin:14px 0}
.workplace-observatorium .observatory-fold>.card,.workplace-observatorium .observatory-help>.card,.workplace-observatorium .observatory-fold .wc-cols>.card{border:0;margin:0;padding:12px 0}
.workplace-observatorium .observatory-fold>summary,.workplace-observatorium .observatory-help>summary{padding:4px 0}
.workplace-observatorium .observatory-fold .wc-cols{margin:8px 0 0}
.workplace-observatorium #teamBoard{min-width:0;margin-top:0}
.workplace-observatorium #homeCoachHost>.card h2,.workplace-observatorium .observatory-fold .card h2{font-size:19px}
.workplace-observatorium .btn{background:var(--obs-accent);color:var(--obs-on-accent);border-color:var(--obs-accent);font-size:14px;padding:8px 12px}
.workplace-observatorium .btn.sec{background:transparent;color:var(--ink);border-color:var(--line)}
.workplace-observatorium .hint,.workplace-observatorium small{color:var(--sub)}
.workplace-observatorium .focus{background:var(--card);color:var(--ink)}
.workplace-observatorium .focus .eyebrow,.workplace-observatorium .focus .hint{color:var(--sub)}
.workplace-observatorium .reading-controls{margin:14px 0 0;font-size:13px}
.workplace-observatorium :focus-visible{outline:2px solid var(--obs-accent);outline-offset:3px}

@media(min-width:1500px){.obs-chart-card{padding:22px}.obs-plot{aspect-ratio:2.2/1}.obs-kpi{min-height:182px}}
@media(max-width:1100px){
 .observatory-shell{grid-template-columns:150px minmax(0,1fr);gap:22px}
 .obs-tools-row{flex-wrap:wrap}.daily-focus{max-width:none;flex-basis:100%}
 .workplace-observatorium #homeMain{padding:20px 24px 60px}
 .obs-chart-card{padding:16px}.obs-chart-card h3{font-size:15px}.obs-kpi-value{font-size:44px}}
@media(max-width:800px){
 .obs-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .observatory-shell{grid-template-columns:minmax(0,1fr)}
 
 .observatory-nav{position:sticky;top:0;z-index:10;flex-direction:row;overflow-x:auto;background:var(--bg);padding:7px 0;border-bottom:1px solid var(--line);min-width:0}
 .workplace-observatorium .observatory-nav a{white-space:nowrap;padding:9px 10px;font-size:13px}
 .workplace-observatorium .observatory-nav a[aria-current=true]{box-shadow:inset 0 -3px 0 var(--t-zweit)}
 .observatory-nav a.obs-nav-minor{margin:0;font-size:13px}
 .observatory-section{scroll-margin-top:64px}
 .obs-team-control{align-items:start;flex-direction:column;gap:8px}
 .obs-team-control p{text-align:left;margin:0}
 .obs-chart-grid{gap:12px}}
@media(max-width:580px){
 .workplace-observatorium #homeMain{padding:16px 16px 50px}
 .obs-chart-grid{grid-template-columns:minmax(0,1fr)}
 .obs-hero{margin-bottom:20px}
 .obs-kpi{min-height:150px;padding:14px;border-radius:var(--t-radius)}
 .obs-kpi-value{font-size:38px}.obs-kpi-value small{font-size:11px}
 .daily-focus{border-radius:var(--t-radius);gap:7px;padding:9px;flex-wrap:wrap}
 .daily-focus label{flex-basis:100%;letter-spacing:1px}
 .daily-focus button{padding:8px 12px}
 .observatory-heading>p:last-child{font-size:13px}
 .obs-plot{aspect-ratio:2/1}
 .obs-ticket-list li{flex-direction:column;gap:2px}
 .workplace-observatorium .observatory-section .card,.workplace-observatorium .observatory-fold,.workplace-observatorium .observatory-help{padding:12px}
 .obs-dialog{padding:16px}}


#homeReview .weekly-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0 12px}
#homeReview .weekly-summary p{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--t-radius);background:var(--surface-soft)}
#homeReview .weekly-summary b{display:block;font-size:28px;line-height:1.1;color:var(--ink)}
#homeReview .weekly-summary span{font-size:13px;color:var(--sub)}
#homeReview .weekly-part{font-size:15px;letter-spacing:.3px;margin:20px 0 6px;color:var(--ink)}
#homeReview .weekly-story{padding:10px 0}
#homeReview .weekly-story h4{font-size:16px;margin:0}
#homeReview .weekly-story .eyebrow{margin-bottom:3px}
#homeReview .weekly-you{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:var(--obs-accent);color:var(--obs-on-accent);letter-spacing:0}
#homeReview .weekly-empty{padding:14px;border:1px dashed var(--line);border-radius:var(--t-radius);color:var(--sub);margin:8px 0}
#homeReview .weekly-list{margin:0 0 8px;padding-left:20px}
#homeReview .weekly-list li{margin:5px 0;font-size:14px}
#homeReview a{color:var(--obs-brand-text)}
#homeReview .weekly-story h4 a{color:var(--ink)}
#homeReview .weekly-more>summary{cursor:pointer;padding:8px 0;color:var(--obs-brand-text);font-weight:700}
#homeReview .weekly-epics{font-size:14px;margin:10px 0}


html.workplace-observatorium .kb-seg button[aria-pressed=true]{background:var(--obs-accent);color:var(--obs-on-accent)}
html.workplace-observatorium .kb-seg button[aria-pressed=true] small{color:var(--obs-on-accent)}
html.workplace-observatorium .kb-seg button .kb-jira{opacity:1}
html.workplace-observatorium .kb-chip .av,html.workplace-observatorium .kb-card .av{box-shadow:inset 0 0 0 20px rgba(0,0,0,.3)}
html.workplace-observatorium[data-theme=dark] .kb-scroll,html.workplace-observatorium[data-theme=dark] .kb-head{background:var(--surface-soft)}
html.workplace-observatorium[data-theme=dark] .kb-head div.hot{color:#ff9b8f}
html.workplace-observatorium[data-theme=dark] .kb-lane-h .bar,html.workplace-observatorium[data-theme=dark] .kb-card .pg{background:var(--obs-grid)}
html.workplace-observatorium[data-theme=dark] .kb-card .pj,html.workplace-observatorium[data-theme=dark] .kb-card .b{background:#262c33;color:var(--ink)}
html.workplace-observatorium[data-theme=dark] .kb-card .b.alt{background:#3a2e14;color:#f0c27a}
html.workplace-observatorium[data-theme=dark] .kb-card .b.alarm,html.workplace-observatorium[data-theme=dark] .kb-chip .w.hoch,html.workplace-observatorium[data-theme=dark] .kb-wipbar .hoch{background:#3a1f1c;color:#ff9b8f}
html.workplace-observatorium[data-theme=dark] .kb-card .b.ok,html.workplace-observatorium[data-theme=dark] .kb-chip .w{background:#22301a;color:#b5df81}
html.workplace-observatorium[data-theme=dark] .kb-card .b.ep{background:#2a2550;color:#c4bbff}
html.workplace-observatorium[data-theme=dark] .kb-card .b.vor{background:#3a3214;color:#f0d77a;border-color:#6b5720}
html.workplace-observatorium[data-theme=dark] .kb-fokus{background:#1e2a14}
html.workplace-observatorium[data-theme=dark] .kb-vor{background:#2e2610;border-color:#6b5720}
html.workplace-observatorium[data-theme=dark] .kb-card .kc a.kl,html.workplace-observatorium[data-theme=dark] .kb-lane-h .ex,html.workplace-observatorium[data-theme=dark] .kb-tip .act,html.workplace-observatorium[data-theme=dark] .kb-mehr{color:var(--obs-brand-text)}
