/* Modul steuern · Übersicht, Führungs-Dashboard, Fragen-Overlay, Berichte. Präfix .st- */

/* ================================================================ Übersicht (d-uebersicht) */
.st-wrap{padding:28px 40px 0}
.st-head{display:flex;align-items:flex-end;gap:16px}
.st-head>div{min-width:0}
.st-views{margin-left:auto;display:flex;gap:22px;font-size:13.5px;color:var(--grey);flex:none}
.st-views a{padding-bottom:3px;border-bottom:1px solid transparent;white-space:nowrap}
.st-views a:hover{color:var(--ink)}
.st-views a.on{color:var(--ink);border-bottom-color:var(--blue)}
.st-g1{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;margin-top:26px}
.st-sech{align-items:baseline}
.st-dec{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.st-dec>.photo,.st-dthumb{width:72px;height:56px;display:block}
.st-dthumb{display:grid;place-items:center;background:var(--soft2);color:var(--green)}
.st-dec b{font-weight:500;font-size:15px}
.st-dec p{font-size:13px;color:var(--grey);margin-top:2px}
.st-dec-t{gap:8px;flex-wrap:wrap;row-gap:4px}
.st-rosebox{background:var(--bord);color:#fff;padding:22px 24px;min-width:0}
.st-rosebox .ink2{color:rgba(255,255,255,.72)!important}
.st-rosebox a.plus{color:#fff}
.st-rosebox a.plus:hover{text-decoration:underline}
.st-fr{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.16);font-size:13px;color:#fff}
.st-fr:first-child{border-top:0}
.st-fr:hover b.med{text-decoration:underline}
.st-fr .d{font-size:12px;color:rgba(255,255,255,.7)}
.st-fr .d b{display:block;font-size:20px;font-weight:300;color:#fff;line-height:1}
.st-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;border-top:1px solid var(--ink)}
.st-kpi{display:block;padding:16px 22px 4px 0;min-width:0}
.st-kpi+.st-kpi{padding-left:22px;border-left:1px solid var(--line)}
.st-kpi:hover .num-xl{color:var(--bord)}
.st-kpi-s{margin-top:8px;font-size:12.5px;white-space:nowrap}
.st-kpi-s .muted{overflow:hidden;text-overflow:ellipsis;min-width:0}
.st-kpi-s .blue:empty{display:none}
.st-spark{margin-left:auto;flex:none}
.st-sh{margin-top:24px;align-items:baseline}
.st-objs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px;row-gap:26px}
.st-objs a{display:block;min-width:0}
.st-objs .photo{height:112px;display:block}
.st-objs .photo.ph{display:grid;width:100%;font-size:22px}
.st-objs b{display:block;font-weight:500;font-size:14px;margin-top:10px}
.st-objs a>span:not(.photo){font-size:12.5px;color:var(--grey)}
.st-objs a:hover b{color:var(--bord)}
.st-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:14px;border-top:1px solid var(--ink)}
.st-team a{display:grid;grid-template-columns:34px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.st-team a:hover b{color:var(--bord)}
.st-team b{display:block;font-weight:500;font-size:14px}
.st-team span{display:block;font-size:12px;color:var(--grey);margin-bottom:6px}
.st-team em{font-style:normal;font-size:13px;text-align:right}
.st-team .hbar{height:5px}

/* Dialog-Bausteine */
.st-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.st-kv>div{min-width:0;border-bottom:1px solid var(--line);padding-bottom:8px}
.st-kv span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.st-kv b{display:block;font-weight:500;font-size:13.5px;margin-top:2px;overflow-wrap:anywhere}
.st-box{background:var(--soft2);border:1px solid var(--line);padding:14px 16px}
.st-check{margin-top:6px;border-top:1px solid var(--ink)}
.st-check>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.st-check>div>.ic{color:var(--green)}
.st-check b{font-weight:500;white-space:nowrap}
.st-check select{max-width:100%}
.st-lnk{color:var(--blue);text-decoration:underline;text-underline-offset:2px;font-weight:500}
.st-lnk:hover{color:var(--bord)}
button.st-lnk{font-size:12px;margin-top:4px}

/* ================================================================ Führungs-Dashboard (d-gf) */
.st-k6{grid-template-columns:repeat(6,minmax(0,1fr))}
.st-k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.st-kpl{min-width:0;cursor:pointer}
.st-kpl:hover .v{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.st-g3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:26px;margin-top:20px}
.st-g3>section{min-width:0}
.st-kund>*{display:grid;grid-template-columns:minmax(0,1fr) 90px 60px 60px;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:center}
.st-kund>* span:not(:first-child){text-align:right}
.st-kund>a:hover{background:var(--soft2)}
.st-kund>a:hover b{color:var(--bord)}
.st-donut{display:flex;align-items:center;gap:16px;margin-top:10px}
.st-donut svg{flex:none}
.st-load{margin-top:9px;font-size:12.5px}
.st-load:hover .st-ln{color:var(--bord)}
.st-ln{width:110px;flex:none}
.st-att>a{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.st-att>a .ic{opacity:0;color:var(--bord);transition:opacity .12s}
.st-att>a:hover .ic{opacity:1}
.st-att>a:hover .grow{color:var(--bord)}
.st-per{position:relative;display:inline-flex}
.st-pop{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line2);box-shadow:0 12px 30px rgba(17,28,51,.14);z-index:20;min-width:150px;padding:4px 0}
.st-per.open .st-pop{display:block}
.st-pop a{display:block;padding:8px 14px;font-size:13px;white-space:nowrap}
.st-pop a:hover{background:var(--soft2)}
.st-pop a.on{font-weight:600;color:var(--bord)}
.st-per-m .st-pop{right:auto;left:0}
.st-mobonly{display:none}

/* ================================================================ Fragen-Overlay (d-suche) */
.st-ask-veil{background:rgba(17,28,51,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:96px 16px 24px;display:block}
.st-pal{position:relative;margin:0 auto;width:800px;max-width:100%;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);max-height:calc(100dvh - 120px);display:flex;flex-direction:column}
.st-q{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);font-size:19px;flex:none}
.st-q>.ic{color:var(--bord)}
.st-qi{flex:1;min-width:0;border:0;outline:0;font-size:19px;background:transparent;color:var(--ink);caret-color:var(--ink);padding:0}
.st-qi::placeholder{color:var(--grey2)}
.st-esc{margin-left:auto;font-size:11px;border:1px solid var(--line2);padding:1px 6px;color:var(--ink2);flex:none}
.st-ab{overflow-y:auto;min-height:0;padding-bottom:12px}
.st-a{padding:20px 24px;background:var(--soft2)}
.st-a p{font-size:15px;line-height:1.6}
.st-a b{font-weight:600}
.st-a .cite{vertical-align:1px}
.st-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.st-mini a{display:block;background:#fff;border:1px solid var(--line);padding:12px;font-size:12.5px;min-width:0}
.st-mini a:hover{border-color:var(--blue)}
.st-mini a>span,.st-mini a>b{display:block}
.st-mini a>b{font-weight:600;overflow-wrap:anywhere}
.st-mini .tag{display:inline-flex;margin-top:6px}
.st-sec{padding-top:8px}
.st-acts{padding:8px 0 0}
.st-cap{padding:8px 24px}
.st-res{display:flex;gap:12px;align-items:center;padding:10px 24px;font-size:14px;cursor:pointer;min-width:0}
.st-res.on{background:var(--blue-5)}
.st-res .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-rs{font-size:12.5px;margin-left:6px}
.st-k{margin-left:auto;font-size:11px;color:var(--grey)}
.st-foot{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 24px 0;margin-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--grey);flex-wrap:wrap}
.st-foot span{display:inline-flex;align-items:center;gap:6px}
.st-loading{gap:8px}
.st-spin{animation:st-rot 1s linear infinite}
@keyframes st-rot{to{transform:rotate(360deg)}}
.st-skel{margin-top:12px}
.st-skel i{display:block;height:12px;background:linear-gradient(90deg,#ece9e3 0%,#f6f4f0 50%,#ece9e3 100%);background-size:200% 100%;animation:st-sh 1s linear infinite;margin-top:10px}
@keyframes st-sh{from{background-position:200% 0}to{background-position:-200% 0}}

/* ================================================================ Berichte (d-berichte) */
.st-bg{display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;margin-top:18px}
.st-bg>section{min-width:0}
.st-arts{margin-top:6px;border-top:1px solid var(--ink)}
.st-rp{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.st-rp .ic{color:var(--grey)}
.st-rp.on .ic{color:var(--bord)}
.st-rp:hover .grow{color:var(--bord)}
.st-chips{margin-top:14px;gap:8px;flex-wrap:nowrap}
.st-prev{position:relative;background:#EFEDE8;padding:24px;display:flex;gap:18px;justify-content:center;min-width:0}
a.st-prev:hover .st-pg{box-shadow:0 12px 30px rgba(0,0,0,.18)}
.st-prev-h{position:absolute;right:12px;bottom:10px;display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:500;color:var(--blue);opacity:0;transition:opacity .15s}
a.st-prev:hover .st-prev-h,a.st-prev:focus-visible .st-prev-h{opacity:1}
.st-prev-m{flex-wrap:wrap}
.st-pg{width:300px;height:424px;flex:none;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:22px;font-size:8px;overflow:hidden;position:relative;color:var(--ink);transition:box-shadow .15s}
.st-pg h5{font-size:15px;font-weight:500;line-height:1.15;margin-top:6px}
.st-pgph{display:block;height:150px;margin:-22px -22px 14px}
.st-pgbrand{background:var(--blue);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:18px 22px;color:#fff;font-size:12px;font-weight:500}
.st-pgbrand img{width:22px}
.st-pgk{color:#7A1F35;font-size:8px}
.st-pgkp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;border-top:1px solid #191A1F;padding-top:8px}
.st-pgl{color:#888}
.st-pgv{font-size:15px}
.st-pgtx{margin-top:8px;line-height:1.55;font-size:8.5px}
.st-pgt>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eee;padding:3px 0}
.st-pgf{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;color:#999}
.st-bars{display:flex;align-items:flex-end;gap:5px;margin-top:6px;border-bottom:1px solid #191A1F}
.st-bars i{flex:1}
table.t.st-t td{white-space:normal}
.st-t .tag{white-space:nowrap}
.st-wrapw{overflow-wrap:anywhere;font-weight:500}
.st-paused td{color:var(--grey)}
.st-acts-r{justify-content:flex-end;gap:6px;flex-wrap:wrap}
.st-icb{padding:5px 8px}

/* Vorlagen */
.st-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:20px}
.st-tpl{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-width:0}
.st-tpl-pv{display:flex;justify-content:center;background:#EFEDE8;padding:18px;width:100%}
.st-tpl-pv:hover .st-mini-pg{box-shadow:0 10px 26px rgba(0,0,0,.16)}
.st-mini-pg{width:132px;height:186px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.1);padding:12px;display:flex;flex-direction:column;gap:5px;position:relative;text-align:left}
.st-mp-top{border-bottom:2px solid var(--bord);padding-bottom:6px}
.st-mp-top img{height:9px;display:block}
.st-mp-k{font-size:6px;color:var(--bord);letter-spacing:.04em;text-transform:uppercase;margin-top:4px}
.st-mp-h{font-size:9.5px;font-weight:500;line-height:1.2;color:var(--ink)}
.st-mp-l{height:4px;background:var(--line)}
.st-mp-l:nth-child(odd){width:80%}
.st-mp-f{position:absolute;left:12px;bottom:9px;font-size:6px;color:var(--grey2)}
.st-tpl-b{padding:16px 18px 18px}
.st-tpl-b b{font-weight:500;font-size:15px}
.st-tchr{padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.st-tchr .modal-x{margin:0}

/* Editor */
.st-h-o{color:var(--grey)}
.st-ed{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:28px;margin-top:20px;align-items:start}
.st-ed>*{min-width:0}
.st-ednav{position:sticky;top:72px}
.st-chl{margin-top:12px;border-top:1px solid var(--ink)}
.st-chl a{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.st-chl a:hover .grow{color:var(--bord)}
.st-chn{font-size:11px;color:var(--grey);width:16px;flex:none}
.st-okic{color:var(--green)}
.st-doc{background:#EFEDE8;padding:24px}
.st-paper{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:0 0 18px;max-width:760px;margin:0 auto}
.st-cov{display:block;height:180px}
.st-cov.st-pgbrand{font-size:14px;padding:22px 30px}
.st-cov.st-pgbrand img{width:28px}
.st-covb{padding:20px 30px 6px}
.st-covh{font-weight:500;font-size:24px;line-height:1.15;margin-top:6px}
.st-covk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;border-top:1px solid var(--ink);padding-top:10px}
.st-covv{font-size:19px;margin-top:4px}
.st-ch{padding:16px 30px 14px;border-top:1px solid var(--line);margin-top:14px;scroll-margin-top:70px;transition:background .3s}
.st-ch.st-flash{background:var(--blue-5)}
.st-chh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.st-chh h3{font-weight:500;font-size:16.5px}
.st-cc{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--bord)}
.st-chtools{margin-left:auto;display:flex;gap:2px}
.st-tb{width:30px;height:30px;display:grid;place-items:center;color:var(--grey);border-radius:2px}
.st-tb:hover{background:var(--soft);color:var(--ink)}
.st-tb.on{color:var(--green)}
.st-chb{margin-top:10px;font-size:14px;line-height:1.65;color:var(--ink2)}
.st-chb p+p{margin-top:8px}
.st-chb .cite{margin:0 2px}
.st-cht{margin-top:12px;font-size:12.5px}
.st-cht td{padding:8px 10px}
.st-cht th{padding:8px 10px}
.st-edta{width:100%;font-size:14px;line-height:1.6;resize:vertical}
.st-pf{display:flex;justify-content:space-between;padding:18px 30px 0;font-size:11px;color:var(--grey2)}
.st-side{display:flex;flex-direction:column;gap:16px}
.st-card{border:1px solid var(--line);background:#fff;padding:16px}
.st-flow{margin-top:10px}
.st-flow>div{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;color:var(--grey)}
.st-flow small{display:block;font-size:11.5px;color:var(--grey)}
.st-fd{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:11px;flex:none}
.st-flow .done{color:var(--ink2)}
.st-flow .done .st-fd{background:var(--green);border-color:var(--green);color:#fff}
.st-flow .cur{color:var(--ink)}
.st-flow .cur .st-fd{background:var(--blue);border-color:var(--blue);color:#fff}
.st-coms{margin-top:6px}
.st-com{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.st-com p{margin-top:3px;line-height:1.45}
.st-comref{display:block;font-size:11.5px;color:var(--bord);margin-top:1px}
.st-comf{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.st-comf .inp{width:100%;font-size:13px}
.st-comf .btn{align-self:flex-start}
.st-cites{margin-top:8px}
.st-cites a{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--bord)}
.st-cites a .ic:first-child{color:var(--grey)}
.st-cites a:hover .grow{text-decoration:underline}
.st-hist{margin-top:8px;font-size:12px;line-height:1.5;color:var(--ink2)}
.st-hist>div+div{margin-top:6px}

/* ================================================================ Responsive */
@media (max-width:1400px){
  .st-chips{flex-wrap:wrap}
  .st-bg{grid-template-columns:300px minmax(0,1fr)}
  .st-ed{grid-template-columns:190px minmax(0,1fr) 270px;gap:22px}
}
@media (max-width:1280px){
  .st-wrap{padding:22px 28px 0}
}
@media (max-width:1100px){
  .st-g1{grid-template-columns:minmax(0,1fr)}
  .st-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-kpi:nth-child(odd){padding-left:0;border-left:0}
  .st-kpi:nth-child(n+3){border-top:1px solid var(--line)}
  .st-objs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-team{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-k6,.st-k4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-k6>div:nth-child(3n+1),.st-k4>div:nth-child(3n+1){border-left:0;padding-left:0}
  .st-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-g3>.st-c1{grid-column:1/-1}
  .st-bg{grid-template-columns:minmax(0,1fr)}
  .st-tpls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-ed{grid-template-columns:minmax(0,1fr) 270px}
  .st-ednav{grid-column:1/-1;position:static}
  .st-chl{display:flex;gap:6px 18px;flex-wrap:wrap;border-top:0;margin-top:8px}
  .st-chl a{border:0;padding:4px 0}
}
@media (max-width:900px){
  .st-wrap{padding:18px 16px 0}
  .st-head{flex-wrap:wrap}
  .st-views{margin-left:0;width:100%;gap:18px;overflow-x:auto;scrollbar-width:none}
  .st-views::-webkit-scrollbar{display:none}
  .st-aihint{display:none}
  .st-mobonly{display:flex}
  .st-g3{grid-template-columns:minmax(0,1fr)}
  .st-ed{grid-template-columns:minmax(0,1fr)}
  .st-doc{padding:12px}
  .st-ask-veil{padding:0}
  .st-pal{width:100%;height:100dvh;max-height:100dvh}
  .st-q{padding:14px 16px;gap:10px}
  .st-qi{font-size:17px}
  .st-a{padding:16px}
  .st-a p{font-size:14.5px}
  .st-cap{padding:8px 16px}
  .st-res{padding:11px 16px}
  .st-foot{padding:12px 16px 0}
  .st-keys{display:none!important}
  .st-mini{grid-template-columns:minmax(0,1fr)}
  .st-tpls{grid-template-columns:minmax(0,1fr)}
  .st-kv{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .st-t td .row{justify-content:flex-end}
  table.t.cardable.st-t td:first-child{display:block}
  table.t.cardable.st-t td:first-child .row{justify-content:flex-start}
  .st-cht.cardable td{padding:3px 0}
}
@media (max-width:560px){
  .st-dec{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .st-dec>.photo,.st-dec>.st-dthumb{width:56px;height:46px}
  .st-dec>.btn{grid-column:2;justify-self:start}
  .st-rosebox{padding:18px 16px}
  .st-kpis{grid-template-columns:minmax(0,1fr)}
  .st-kpi,.st-kpi+.st-kpi{padding:14px 0 10px;border-left:0}
  .st-kpi+.st-kpi{border-top:1px solid var(--line)}
  .st-objs{grid-template-columns:minmax(0,1fr)}
  .st-objs .photo{height:150px}
  .st-team{grid-template-columns:minmax(0,1fr)}
  .st-sh{flex-wrap:wrap}
  .st-kund>*{grid-template-columns:minmax(0,1fr) 72px 46px 40px;font-size:12.5px;gap:6px}
  .st-k6 .v,.st-k4 .v{font-size:22px}
  .kpirow.st-k6>div,.kpirow.st-k4>div{padding-right:10px}
  .kpirow.st-k6>div:nth-child(even),.kpirow.st-k4>div:nth-child(even){padding-left:12px}
  .st-donut svg{width:120px;height:120px}
  .st-ln{width:92px}
  .st-prev{padding:14px;flex-wrap:wrap}
  .st-pg{width:100%;max-width:300px;height:auto;aspect-ratio:300/424}
  .st-covb,.st-ch{padding-left:16px;padding-right:16px}
  .st-covk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-pf{padding:14px 16px 0}
  .st-chtools{margin-left:0;width:100%}
}