/* Gedankenfühler-Werkstatt: Ergänzungen zum übernommenen core.css (Controlling 1.180). Nur was der Rahmen der Werkstatt zusätzlich braucht. */

/* Menü, dritte Ebene: Unterseiten des aktiven Moduls */
.cnav a.offen{color:#fff}
.cnav-unter{display:flex;flex-direction:column;gap:1px;margin:.1rem 0 .35rem .7rem;padding-left:.5rem;border-left:1px solid #4A5A52}
.cnav-unter a{font-size:.86rem;padding:.3rem .55rem;color:#AFC2B6}
.cnav-unter a[aria-current="page"]{background:#34443C;color:#fff;box-shadow:inset 3px 0 0 #7FB292}
.cnav-bereich.b-denken{border-left-color:#C9B26B}
.cnav-bereich.b-projekte{border-left-color:#7FB292}
.cnav-bereich.b-werke{border-left-color:#7FA7C9}
.cnav-bereich.b-veroeffentlichen{border-left-color:#D6A27F}
.cnav-bereich.b-auswertung{border-left-color:#A9A0C9}
.cnav-bereich.b-kunden{border-left-color:#9FB0A6}
.cside-foot .abmelden{margin:0}
.cside-foot .abmelden button{all:unset;cursor:pointer;color:#C9D4CD;text-decoration:underline}
.cside-foot .abmelden button:hover{color:#fff}
.cside-foot .abmelden button:focus-visible{outline:2px solid #8FC3FF}

/* Seiten */
.wk-pfad{margin:0 0 .3rem}
.wk-lead{margin:.4rem 0 1.2rem;max-width:62ch}
.wk-gruppe{font-size:1.15rem;margin:1.6rem 0 .7rem}
.cmain .panel{margin-bottom:1.2rem}
.cmain .panel h2{font-size:1.15rem;margin-bottom:.5rem}
.wk-leer ul{margin:.6rem 0 0;padding-left:1.2rem}
.wk-leer li{margin:.2rem 0}
.wk-form{max-width:760px}
.wk-form .field{margin-bottom:.8rem}
.wk-form .field input{width:100%}
.login.wk-einrichtung{width:min(460px,100%)}
.login code{font-size:.85rem}
.login-body .flash{position:fixed;top:1rem;left:50%;transform:translateX(-50%);max-width:90vw}

/* Verwaltung: Listen */
.wk-listen{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.2rem;align-items:start}
.wk-listen>*{min-width:0}
.wk-listenwahl{display:flex;flex-direction:column;gap:2px;background:var(--surface);border-radius:var(--r);padding:.5rem}
.wk-listenwahl a{padding:.45rem .6rem;border-radius:4px;color:var(--ink);text-decoration:none;font-size:.93rem}
.wk-listenwahl a:hover{background:var(--surface-2)}
.wk-listenwahl a[aria-current="page"]{background:var(--moss-soft);color:var(--moss);font-weight:600}
.wk-liste td{vertical-align:middle}
.wk-liste input,.wk-liste select{padding:.35rem .5rem;border:1px solid var(--line-strong);border-radius:4px;width:100%;min-width:6.5rem;box-sizing:border-box}   /* Felder füllen ihre Spalte, statt die Knöpfe aus dem Bild zu schieben */
.wk-liste tr.wk-ruht td{color:var(--muted)}
.wk-knoepfe{white-space:nowrap;text-align:right}
.wk-knoepfe form{display:inline-flex;gap:.25rem;align-items:center;margin:0}
.wk-knoepfe button[disabled]{opacity:.3;cursor:default}
.wk-neu{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin:1.2rem 0 .6rem;padding-top:1rem;border-top:1px solid var(--line)}
.wk-neu .field{flex:1 1 180px}
@media (max-width:860px){
  .wk-listen{grid-template-columns:minmax(0,1fr)}   /* die Tabelle rollt in ihrem Rahmen, nicht die ganze Seite */
  .wk-listenwahl{flex-direction:row;flex-wrap:wrap}
  body.nav-offen .cnav-unter{margin-left:1rem}
}

/* Knöpfe, die Verweise sind, sehen aus wie Knöpfe */
a.btn{text-decoration:none;color:inherit}
a.btn.primary{color:#fff}

/* Sicherheitskur: Kennzahlen als Verweis, Hinweisfarbe, Adresse des Wächters */
a.kpi.wk-kpi{display:block;color:inherit;text-decoration:none}
a.kpi.wk-kpi:hover{background:var(--surface-2)}
a.kpi.wk-kpi:focus-visible{outline:2px solid #2F6FB5;outline-offset:2px}
.kpi.wk-warn{box-shadow:inset 4px 0 0 #C28A1E}
.wk-adresse{display:block;margin:1rem 0 .4rem}
.wk-adresse input{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface-2)}
.cmain .panel form + form{margin-top:.6rem}