/* MEDIAX – Oberfläche, Vivere-Istria-Designsystem */
:root{
  --forest:#173B2E; --forest-dark:#1C3028; --ivory:#F7F3EA; --gold:#B8943F;
  --ink:#20302a; --muted:#6d7d75; --line:rgba(23,59,46,.14); --card:#fffdf8;
  --sans:'Source Sans 3',system-ui,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --display:'Cinzel',Georgia,serif;
}
*{box-sizing:border-box} html,body{margin:0}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}
a{color:inherit}

/* VIVERE RADAR · GEN1 – innerhalb des bestehenden MEDIAX-Designsystems */
.navsub{margin:2px 0 6px 22px;display:flex;flex-direction:column;gap:1px;border-left:1px solid rgba(255,255,255,.12);padding-left:10px}
.navsubitem{color:#c7d3c8;text-decoration:none;font-size:12.5px;padding:5px 8px;border-radius:6px}
.navsubitem:hover{background:rgba(255,255,255,.06)}
.navsubitem.active{color:#fff;background:var(--forest-dark)}

.radar-wrap{padding:20px 28px 36px;max-width:1760px;width:100%;margin:0 auto;font-family:var(--sans)}
.radar-notice{display:flex;flex-direction:column;gap:3px;background:#f5ead0;border:1px solid rgba(184,148,63,.35);border-radius:11px;padding:11px 15px;margin-bottom:16px;font-size:13px}
.radar-notice span{color:#75613a}
.radar-back{display:inline-block;margin-bottom:12px;font-size:12.5px;color:var(--muted);text-decoration:none}
.radar-back:hover{color:var(--forest)}

.radar-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.radar-kpi,.radar-panel{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 14px rgba(23,59,46,.04)}
.radar-kpi{padding:12px 16px 11px;display:flex;flex-direction:column;gap:1px;border-top:3px solid var(--line)}
.radar-kpi>span{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600}
.radar-kpi>b{font-family:var(--display);font-size:27px;line-height:1.1;color:var(--forest);font-weight:500}
.radar-kpi>small{font-size:10.5px;color:var(--muted);line-height:1.3}
.radar-kpi.neu{border-top-color:#3f7fbf}.radar-kpi.zu-pruefen{border-top-color:var(--gold)}
.radar-kpi.freigegeben{border-top-color:#3d8a58}.radar-kpi.abgelehnt{border-top-color:#b0523c}

.radar-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,.72fr);gap:14px;align-items:start}
.radar-panel{padding:18px 20px}.radar-sidecards{display:grid;gap:11px}.radar-compact{padding:14px 16px}.radar-full{min-height:220px}
.radar-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:11px}
.radar-heading h2{font-family:var(--display);font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--forest);font-weight:500;margin:2px 0 0}
.radar-heading>span{font-size:11.5px;color:var(--muted);white-space:nowrap}
.radar-eyebrow{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;display:block}

.radar-filter{display:flex;gap:15px;flex-wrap:wrap;padding:10px 0 0;border-bottom:1px solid var(--line);margin-bottom:2px}
.radar-filter a{font-size:12px;color:var(--muted);text-decoration:none;padding-bottom:7px;border-bottom:2px solid transparent}
.radar-filter a b{font-weight:600;color:var(--forest);margin-left:3px}
.radar-filter a:hover{color:var(--forest)}
.radar-filter a.active{color:var(--forest);border-color:var(--gold);font-weight:600}

/* Kompakte Redaktionskarte: Score | Inhalt | Blockwerte | Aktion */
.radar-item{display:grid;grid-template-columns:64px minmax(0,1fr) 236px 124px;grid-template-rows:auto auto;column-gap:14px;padding:11px 2px;border-bottom:1px solid var(--line);align-items:start}
.radar-item:last-child{border-bottom:0}
.radar-score{grid-column:1;grid-row:1;justify-self:center;width:48px;height:48px;border:2.5px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.radar-score b{font-family:var(--display);font-size:17px;color:var(--forest);line-height:1}
.radar-score small{font-size:7px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:1px}
.radar-score.hi{border-color:#3d8a58}.radar-score.mid{border-color:var(--gold)}.radar-score.lo{border-color:#b0523c}
.radar-score.none{border-style:dashed;border-color:#d7d2c6}.radar-score.none b{color:var(--muted);font-size:15px}
.radar-score.topic{width:58px;height:58px}
.radar-scorenote{grid-column:1;grid-row:2;text-align:center;font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:4px;line-height:1.25}
.radar-itembody{grid-column:2;grid-row:1/3;min-width:0}
.radar-item h3{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink);margin:4px 0 3px;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.radar-itembody p{font-size:12.5px;color:var(--muted);line-height:1.42;margin:4px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.radar-meta{color:var(--muted);font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.radar-meta b{color:var(--ink);font-weight:600}
.radar-badge{display:inline-block;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;border-radius:4px;padding:2px 6px;background:var(--ivory);color:var(--forest);border:1px solid var(--line)}
.radar-badge.neu{background:#e6eef7;color:#2b5f92;border-color:#c9dcee}
.radar-badge.zu-pruefen{background:#faf0d8;color:#8a6a17;border-color:#ecdcb0}
.radar-badge.freigegeben{background:#e4efe6;color:#1f6b3a;border-color:#c8e0cf}
.radar-badge.abgelehnt{background:#f7e6e1;color:#91422e;border-color:#eccfc6}
.radar-badge.zurueckgestellt{background:#eceaf3;color:#544a72;border-color:#d8d3e4}

.radar-blocks{grid-column:3;grid-row:1/3;display:grid;gap:4px;align-content:start;padding-top:3px}
.radar-blocks>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.radar-blocks span{font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}
.radar-blocks.wide{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 26px;margin:16px 0 4px;white-space:normal}
.radar-dots{display:flex;gap:3px;flex:0 0 auto}
.radar-dots i{width:6.5px;height:6.5px;border-radius:50%;background:var(--line)}
.radar-dots i.hi{background:#3d8a58}.radar-dots i.mid{background:var(--gold)}.radar-dots i.lo{background:#b0523c}
.radar-nodata{font-size:9px;color:var(--muted);font-style:italic;white-space:nowrap}
.radar-blocks.wide .radar-nodata{font-size:10.5px}

.radar-actions{grid-column:4;grid-row:1/3;display:flex;flex-direction:column;gap:6px;align-items:stretch;padding-top:3px}
.radar-btn{display:block;text-align:center;background:var(--forest);color:#fff;text-decoration:none;font-size:11px;letter-spacing:.08em;font-weight:700;border-radius:7px;padding:8px 10px}
.radar-btn:hover{background:var(--forest-dark)}
.radar-link,.radar-open{font-size:11px;color:var(--forest);text-decoration:none;text-align:center;border:1px solid var(--line);border-radius:7px;padding:6px 9px}
.radar-link:hover,.radar-open:hover{border-color:var(--gold)}
.radar-open{display:inline-block;margin-top:14px}

/* Leere Zustaende */
.radar-empty{padding:14px 0;margin:0}
.radar-empty b{display:block;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:3px}
.radar-empty span{display:block;font-size:11.5px;color:var(--muted);line-height:1.45}

.radar-text{font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--ink);margin:16px 0 0;overflow-wrap:anywhere}
.radar-detailhead{display:flex;gap:16px;align-items:center;margin-top:16px}
.radar-detailhead h3{font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.2;margin:4px 0 6px;overflow-wrap:anywhere}
.radar-run{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:7px}
.radar-run>b{font-family:var(--display);font-size:18px;color:var(--forest);font-weight:500}
.radar-state{font-size:10px;border-radius:20px;padding:2px 8px;background:var(--ivory);color:var(--forest);border:1px solid var(--line);white-space:nowrap}
.radar-state.ok{background:#e4efe6;color:#1f6b3a;border-color:#c8e0cf}
.radar-state.partial,.radar-state.failed,.radar-state.timeout{background:#f7e6e1;color:#91422e;border-color:#eccfc6}
.radar-compact p{font-size:11.5px;color:var(--muted);line-height:1.45;margin:8px 0 0}

.radar-bigline{display:flex;align-items:baseline;gap:7px;margin-top:6px}
.radar-bigline b{font-family:var(--display);font-size:24px;color:var(--forest)}
.radar-bigline span{font-size:11.5px;color:var(--muted)}

.radar-fetchtable{width:100%;border-collapse:collapse;margin-top:8px;font-size:11.5px}
.radar-fetchtable td,.radar-fetchtable th{padding:5px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.radar-fetchtable td:first-child{overflow-wrap:anywhere}
.radar-fetchtable td:nth-child(3){text-align:right;white-space:nowrap;color:var(--muted)}
.radar-fetchtable.full{margin-top:20px;font-size:13px}
.radar-fetchtable.full th{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:0;border-bottom:1px solid var(--line)}
.radar-fetchtable.full td,.radar-fetchtable.full th{padding:9px 12px 9px 0}
.radar-fetchtable.full td:nth-child(3){text-align:left}

/* Technische Erlaeuterung: vorhanden, aber zurueckgenommen */
.radar-technote{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.radar-technote>summary{cursor:pointer;font-size:10.5px;color:var(--muted);list-style:none}
.radar-technote>summary::-webkit-details-marker{display:none}
.radar-technote>summary::after{content:' ›'}
.radar-technote[open]>summary::after{content:' ⌄'}
.radar-technote p{font-size:10.5px;line-height:1.45;margin-top:6px}

.radar-statuslist{margin:8px 0 0}
.radar-statuslist>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.radar-statuslist>div:last-child{border-bottom:0}
.radar-statuslist.tight>div{padding:6px 0}
.radar-statuslist dt{color:var(--muted);font-size:12px}
.radar-statuslist dd{margin:0;font-weight:600;text-align:right;font-size:12px;overflow-wrap:anywhere}

.radar-topiclist article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.radar-topiclist article:last-child{border:0}
.radar-topiclist h3{font-family:var(--sans);font-size:15.5px;font-weight:600;color:var(--ink);margin:4px 0 4px;line-height:1.3;overflow-wrap:anywhere}
.radar-topiclist p{color:var(--muted);font-size:12.5px;line-height:1.45;margin:0 0 4px;overflow-wrap:anywhere}
.radar-compact h3{font-family:var(--sans);font-size:13px;font-weight:600;margin:6px 0 0}
.radar-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.radar-tags span{font-size:10px;border-radius:20px;padding:2px 8px;background:var(--ivory);color:var(--forest);border:1px solid var(--line)}
.radar-tags span.warn{background:#f7e6e1;color:#91422e;border-color:#eccfc6}

.radar-rank{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line);align-items:start}
.radar-rank b{color:var(--gold);font-family:var(--display);flex:0 0 auto;font-size:15px}
.radar-rank span{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.radar-rank small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.radar-more{display:inline-block;margin-top:10px;color:var(--forest);font-size:11.5px;text-decoration:none;border-bottom:1px solid var(--gold)}
.radar-showall{display:block;text-align:center;margin-top:12px;padding:10px;border-top:1px solid var(--line);color:var(--forest);font-size:12px;text-decoration:none;letter-spacing:.04em}
.radar-showall:hover{color:var(--gold)}
.radar-dashboard-lower{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start}
.radar-dashboard-lower>section{min-height:186px}
.radar-source-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.radar-source-summary>div{background:var(--ivory);border-radius:11px;padding:16px;display:flex;flex-direction:column}
.radar-source-summary b{font-family:var(--display);font-size:26px;color:var(--forest)}
.radar-source-summary span{font-size:11.5px;color:var(--muted)}
.radar-footnote{font-size:11.5px;color:var(--muted);margin-top:16px;line-height:1.5}
.radar-activity{display:flex;gap:9px;padding:7px 0;border-top:1px solid var(--line)}
.radar-activity i{width:6px;height:6px;border-radius:50%;background:var(--line);margin-top:5px;flex:0 0 auto}
.radar-activity i.run{background:var(--gold)}
.radar-activity b,.radar-activity small{display:block}
.radar-activity b{font-size:11.5px;font-weight:600;overflow-wrap:anywhere;line-height:1.3}
.radar-activity small{color:var(--muted);font-size:10px;margin-top:2px}
/* Deutsch zum Arbeiten, Original zum Nachpruefen */
.radar-item h3.ausstehend,.radar-detailhead h3.ausstehend{color:var(--muted);font-style:italic;font-weight:500}
.radar-origtitel{font-size:11.5px;color:var(--muted);line-height:1.35;margin-top:2px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.radar-ausstehend{color:#8a6a17;font-weight:600}
details.radar-original{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
details.radar-original>summary{cursor:pointer;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--forest);font-weight:600;list-style:none}
details.radar-original>summary::-webkit-details-marker{display:none}
details.radar-original>summary::after{content:' ›'}
details.radar-original[open]>summary::after{content:' ⌄'}
details.radar-original h4{font-family:var(--serif);font-size:17px;font-weight:500;margin:12px 0 6px;line-height:1.3;overflow-wrap:anywhere}
details.radar-original p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;white-space:pre-line;overflow-wrap:anywhere}
.radar-foot{text-align:center;color:var(--muted);font-size:11px;margin:22px 0 0}

@media(max-width:1400px){.radar-item{grid-template-columns:64px minmax(0,1fr) 214px 116px}}
@media(max-width:1240px){.radar-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1120px){
  .radar-grid{grid-template-columns:1fr}
  .radar-item{grid-template-columns:64px minmax(0,1fr) 214px;grid-template-rows:auto auto auto}
  .radar-actions{grid-column:2/4;grid-row:3;flex-direction:row;justify-content:flex-start;margin-top:10px}
  .radar-btn,.radar-link{padding:7px 16px}
  .radar-dashboard-lower{grid-template-columns:1fr}
}
@media(max-width:760px){
  .radar-wrap{padding:14px}
  .radar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .radar-source-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .radar-item{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto auto auto}
  .radar-blocks{grid-column:1/3;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;margin-top:10px}
  .radar-actions{grid-column:1/3;grid-row:4}
  .radar-blocks.wide{grid-template-columns:1fr}
  .radar-fetchtable.full{display:block;overflow-x:auto}
}

/* Shell */
.shell{display:flex;min-height:100vh}
.side{width:250px;flex:0 0 250px;background:var(--forest);color:#e9efe9;display:flex;flex-direction:column;padding:24px 0 16px}
.brand{padding:0 24px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}
.brand .eyebrow{font-family:var(--display);letter-spacing:.28em;font-size:10.5px;color:var(--gold);text-transform:uppercase}
.brand .word{font-family:var(--display);font-weight:600;font-size:27px;letter-spacing:.06em;color:#fff;margin-top:3px;text-decoration:none;display:block;cursor:pointer;transition:color .15s}
.brand .word:hover,.brand .word:focus-visible{color:var(--gold)}
.navgroup{padding:10px 14px 2px}
.navgroup h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,239,233,.5);font-weight:600;margin:0 10px 7px}
.navitem{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:8px;margin:1px 0;color:#dfe7e0;text-decoration:none;font-size:14px;cursor:pointer;transition:.15s}
.navitem:hover{background:rgba(255,255,255,.06)}
.navitem.active{background:var(--forest-dark);color:#fff}
.navitem.active .dot{background:var(--gold)}
.dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.32);flex:0 0 auto}
.side .foot{margin-top:auto;padding:12px 24px 0;font-size:11.5px;color:rgba(233,239,233,.5)}
.side .foot a{color:var(--gold);text-decoration:none}

.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--line);gap:14px}
.topbar .title{font-family:var(--serif);font-size:27px;font-weight:500;color:var(--forest)}
.topbar .title small{display:block;font-style:italic;font-size:15px;color:var(--muted)}
.toolbar{display:flex;align-items:center;gap:14px}
.dt{font-family:var(--serif);font-size:18px;color:var(--ink);white-space:nowrap}
.dt .sep{color:var(--muted);padding:0 2px}
.dt #dt-time{color:var(--forest);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums}
.lang{font-size:13px;color:var(--muted)} .lang a{color:var(--muted);text-decoration:none;padding:0 2px}
.lang a.on{color:var(--forest);font-weight:600;border-bottom:2px solid var(--gold)}
.avatar{width:33px;height:33px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:600;text-decoration:none}

/* Buttons / Suche */
.btn{display:inline-flex;align-items:center;gap:7px;background:var(--forest);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--forest-dark)}
@keyframes mxspin{to{transform:rotate(360deg)}}
.mxspin{display:inline-block;width:13px;height:13px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:mxspin .7s linear infinite;vertical-align:-2px;margin-right:7px}
.btn.is-loading,button.is-loading{opacity:.8;pointer-events:none}
.loading-note{display:flex;align-items:center;gap:10px;margin-top:12px;background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:10px;padding:11px 14px;font-size:14px;color:#7a6320}
.loading-note .mxspin{margin-right:0;flex:none}
.btn.ghost{background:#fff;color:var(--forest);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--gold);background:#fffdf6}
.btn .ic{font-family:var(--display);font-weight:600}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:230px}
.search input{border:0;outline:0;font-family:var(--sans);font-size:14px;background:transparent;width:100%;color:var(--ink)}

.filters{display:flex;gap:9px;padding:14px 30px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}
.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;font-size:13px;color:var(--muted);cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--gold)}
.chip.on{background:var(--forest);color:#fff;border-color:var(--forest)}
.filters .sep{flex:1}
.filters .sep2{width:1px;align-self:stretch;background:var(--line);margin:0 4px}
.filters .search{display:flex;gap:7px;align-items:center;margin:0}
.filters .search input[type=search]{border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:13px;font-family:inherit;color:var(--ink);min-width:170px;background:#fff}
.filters .search input[type=search]:focus{outline:none;border-color:var(--gold)}
.count{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px}
.flash{margin:16px 30px 0;padding:11px 14px;border-radius:10px;font-size:14px;border:1px solid var(--line)}
.flash.ok{background:#e7efe8;color:var(--forest);border-color:rgba(23,59,46,.2)}
.flash.err{background:#f6e3e0;color:#8a2b1f;border-color:rgba(138,43,31,.25)}

/* Medien-Raster */
.grid{padding:22px 30px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.cardm{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s;text-decoration:none;color:inherit;display:block}
.cardm:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.thumb{aspect-ratio:4/3;position:relative;display:flex;align-items:flex-end;padding:8px;background:linear-gradient(135deg,#2e5142,#6d7d75)}
.thumb .type{position:absolute;top:8px;left:8px;background:rgba(28,48,40,.78);color:#fff;font-size:10.5px;letter-spacing:.05em;padding:3px 8px;border-radius:20px}
.thumb .play,.thumb .snd{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.meta{padding:10px 12px}
.meta .name{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta .sub{font-size:12px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:6px}
.sdot{width:7px;height:7px;border-radius:50%;background:#c3ccc6;display:inline-block}
.udate{font-size:11px;color:var(--muted);margin-top:2px}
.sdot.ok{background:#2e7d32}.sdot.wait{background:var(--gold)}
.empty{padding:60px 30px;text-align:center;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:19px}

/* Auswahl-Modus */
.chip.toggle{cursor:pointer}
.chip.toggle.on{background:var(--gold);color:#3a2e12;border-color:var(--gold)}
.cardm{position:relative}
.pick{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:6px;border:2px solid #fff;background:rgba(28,48,40,.5);display:none;z-index:2}
body.selecting .pick{display:block}
body.selecting .cardm{cursor:pointer}
.cardm.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,148,63,.5)}
.cardm.sel .pick{background:var(--gold);border-color:#fff}
.cardm.sel .pick::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#3a2e12;font-size:14px;font-weight:700}
.selbar{position:fixed;left:250px;right:0;bottom:0;background:var(--forest-dark);color:#eaf1ea;display:flex;align-items:center;gap:14px;padding:12px 30px;box-shadow:0 -8px 24px rgba(0,0,0,.18);z-index:50}
.selbar[hidden]{display:none}
.selbar .cnt{font-family:var(--display);font-size:13px;letter-spacing:.04em}
.selbar .cnt b{color:var(--gold);font-size:17px}
.selbar .clear{color:rgba(234,241,234,.75);text-decoration:underline;font-size:13px;cursor:pointer}
.selbar .spacer{flex:1}
.selform{display:flex;gap:8px;align-items:center;margin:0}
.selcol{border:1px solid rgba(255,255,255,.3);background:var(--forest);color:#eaf1ea;border-radius:9px;padding:8px 10px;font-family:var(--sans);font-size:13px}
.btn.gold{background:var(--gold);color:#3a2e12;border:0}
.btn.line{background:transparent;border:1px solid rgba(255,255,255,.3);color:#eaf1ea}
@media(max-width:900px){.selbar{left:0;flex-wrap:wrap}}

/* Sammlungen */
.grid.coll{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.collcard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:.15s}
.collcard:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.collcard .cover{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#2e5142,#6d7d75);display:flex;align-items:flex-end;padding:8px}
.collcard .cbadge{background:rgba(28,48,40,.8);color:#fff;font-size:11px;padding:3px 9px;border-radius:20px}
.collcard .meta{padding:12px 14px}
.collcard .meta .name{font-size:15px;font-weight:600;color:var(--ink)}
.collcard .meta .desc{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:14px;margin-top:3px;line-height:1.3}
.collcard .meta .sub{font-size:12px;color:var(--muted);margin-top:6px}
.colldesc{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:16px;padding:14px 30px 0;margin:0}

/* Sammlungs-Verwaltung */
.colledit{display:flex;gap:10px;align-items:center;padding:12px 30px 0;flex-wrap:wrap}
.colledit input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.colledit input[name=name]{min-width:220px}
.colledit input[name=description]{flex:1;min-width:240px}
.cardm-inline{position:relative}
.cardm-inline > a{text-decoration:none;color:inherit;display:block}
.cardm-inline .remove{position:absolute;top:8px;right:8px;z-index:3;margin:0}
.cardm-inline .remove button{width:26px;height:26px;border-radius:50%;border:0;background:rgba(28,48,40,.75);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.cardm-inline .remove button:hover{background:#a2331f}
.colldanger{padding:20px 30px 44px}

/* Ansehen-Viewer */
.viewer{padding:20px 30px 44px;display:flex;justify-content:center}
.viewer img,.viewer video{max-width:100%;max-height:78vh;border-radius:10px;box-shadow:0 8px 30px rgba(23,59,46,.18)}
.viewer audio{width:min(600px,90%)}

/* Formulare / Login */
.formwrap{max-width:460px;margin:0 auto;padding:24px 30px}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.field input[type=file]{padding:9px}
.field textarea{resize:vertical;min-height:64px;line-height:1.5}
.formwrap.edit{max-width:600px}
.field2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.field .hint{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.editbar{display:flex;gap:10px;margin-top:22px}
.series-search{margin-bottom:20px}
.series-search label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}
.series-search>div{display:flex;align-items:center;gap:8px}
.series-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.series-search small{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.series-fieldset{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:8px}
.series-fieldset legend{padding:0 6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--forest)}
.series-fieldset>label{display:block;font-size:14px;color:var(--ink);margin:6px 0}
.series-fieldset>label input[type=checkbox]{width:auto;margin-right:6px;accent-color:var(--forest)}
.series-fieldset select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.series-fieldset .hint{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.series-results{max-height:340px;overflow:auto;margin-top:8px}
.series-result{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--ink);font-size:14px}
.series-result input[type=checkbox]{width:auto;accent-color:var(--forest)}
.series-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:0 0 auto}
@media(max-width:560px){.field2{grid-template-columns:1fr}.series-fieldset{padding:14px}.series-search>div{flex-wrap:wrap}}

/* Detailansicht */
.detail{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px 30px 40px;align-items:start}
.preview{background:#1c211f;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:280px;padding:14px}
.preview img,.preview video{max-width:100%;max-height:72vh;border-radius:6px;display:block}
.preview audio{width:100%}
.facts{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.facts h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:0 0 14px}
.facts .descr{margin:0 0 8px;font-size:14px;color:var(--ink);line-height:1.55}
.facts dl{margin:0;display:grid;grid-template-columns:1fr;gap:2px}
.facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:11px}
.facts dd{margin:0;font-size:14px;color:var(--ink)}
.facts dd.missing{color:#a23;font-style:italic}
.tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.tagpill{background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--muted)}
.detail-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--forest);cursor:pointer;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:2px}
.linkbtn:hover{color:var(--gold)}
.linkbtn.danger{color:#a23}
.linkbtn.danger:hover{color:#7d1a12}
.detail-delete{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);text-align:center}
.trash-actions{display:flex;gap:16px;margin-top:8px}
.detail-actions .ki-form{margin:0}
.ki-note{margin:12px 0 0;font-size:12.5px;color:var(--muted);font-style:italic}
.ki-queue{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px}
.ki-queue.failed span{color:#a23}
.ki-queue form{margin:0}
.ki-pending{font-size:12px;color:var(--gold);background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:20px;padding:4px 11px;white-space:nowrap}

/* KI-Vorschlagsseite */
.kivorschlag .ki-lead{margin:0 0 16px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted)}
.ki-block{margin-bottom:14px}
.ki-block .ki-head{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--forest);font-weight:600;margin-bottom:6px}
.ki-block input[type=text],.ki-block textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.ki-block textarea{resize:vertical;min-height:60px;line-height:1.5}
.ki-block .hint{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.ki-origin{margin:14px 0 0;font-size:12px;color:var(--muted);text-align:right}
@media(max-width:820px){.detail{grid-template-columns:1fr}}

/* Login-Seite (ohne Shell) */
.login{min-height:100vh;display:grid;place-items:center;background:var(--forest)}
.login .box{background:var(--ivory);border-radius:16px;padding:34px 34px 30px;width:360px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.login .eyebrow{font-family:var(--display);letter-spacing:.28em;font-size:10.5px;color:var(--gold);text-transform:uppercase;text-align:center}
.login .word{font-family:var(--display);font-weight:600;font-size:30px;letter-spacing:.06em;color:var(--forest);text-align:center;margin:2px 0 20px}
.login .btn{width:100%;justify-content:center;margin-top:6px}
.profsub{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:22px 0 4px;padding-top:16px;border-top:1px solid var(--line)}
.profsub-note{margin:0 0 12px;font-size:12.5px;color:var(--muted);line-height:1.5}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink);line-height:1.5;cursor:pointer}
.consent input{margin-top:3px;flex:none}
.consent.given{color:var(--muted);cursor:default}
.consent.given span{font-style:italic}

/* Creatoren-Verwaltung */
.cr-invite{padding:18px 30px;background:#fff;border-bottom:1px solid var(--line)}
.cr-inviteform{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0}
.cr-inviteform .field{margin:0}
.cr-inviteform .field input{border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.cr-hint{margin:9px 0 0;font-size:12.5px;color:var(--muted);font-style:italic}
.cr-linkbox{margin:16px 30px 0;background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:12px;padding:14px 16px}
.cr-linklabel{font-size:13px;color:#7a6320;margin-bottom:8px}
.cr-linkinput{width:100%;box-sizing:border-box;border:1px solid #e6d19a;border-radius:8px;padding:10px 12px;font-family:var(--mono,monospace);font-size:13px;background:#fff;color:var(--ink)}
.cr-linknote{font-size:12px;color:#8a7a4a;margin-top:7px}
.cr-grid{padding:22px 30px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.cr-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:14px;transition:.15s}
.cr-card:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.cr-cardlink{position:absolute;inset:0;z-index:1;border-radius:inherit}
.cr-actions{position:relative;z-index:2}
.cr-photo{width:88px;height:112px;border-radius:8px;flex:none;background:linear-gradient(160deg,#3f5a4e,#8a9a86);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-size:26px;letter-spacing:.04em}
.cr-body{min-width:0;flex:1}
.cr-name{font-size:15px;font-weight:600;color:var(--ink)}
.cr-email{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-badge{display:inline-block;margin-top:7px;border-radius:20px;padding:3px 10px;font-size:11.5px;border:1px solid}
.cr-badge.ok{background:#e7efe8;color:#2e7d32;border-color:#b9d6bd}
.cr-badge.wait{background:#fbf3df;color:#8a6d1c;border-color:#e6d19a}
.cr-badge.warn{background:#f6e3e0;color:#8a2b1f;border-color:#e3b6ad}
.cr-badge.off{background:#eceae2;color:#5f5e5a;border-color:#d3d1c7}
.cr-bio{margin:9px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}
.cr-loc{margin-top:3px;font-size:12px;color:var(--muted)}
.cr-actions{margin-top:10px}
.cr-actions form{margin:0}
.linkbtn.ok{color:#2e7d32}.linkbtn.ok:hover{color:#1f5d24}
img.cr-photo{object-fit:cover}

/* Creator-Profilbild (Pflichtprofil) */
.pp-row{display:flex;gap:16px;align-items:flex-start}
.pp-current{width:112px;height:144px;border-radius:8px;object-fit:cover;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pp-empty{width:112px;height:144px;border-radius:8px;flex:none;background:#e7e2d5;border:2px dashed #c3bca8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a59e8b;font-size:26px}
.pp-empty span{font-size:11px;margin-top:4px}
.pp-pick{padding-top:2px}
.pp-pick .btn.ghost{white-space:nowrap}
.pp-note{font-size:11.5px;color:var(--muted);margin-top:9px;line-height:1.5;max-width:180px}
/* Creator-Startseite: Profilanzeige */
.ch-profile{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left}
.ch-photo{width:100px;height:128px;border-radius:8px;object-fit:cover;flex:none}
.ch-name{font-size:15px;font-weight:600;color:var(--ink)}
.ch-bio{margin:6px 0 0;font-family:var(--serif);font-style:italic;font-size:15px;color:#33403a;line-height:1.5}

/* Creator-Bereich (eigene schlichte Shell) */
.cshell{min-height:100vh;background:var(--ivory)}
.ctop{display:flex;align-items:center;gap:24px;background:var(--forest);color:#fff;padding:14px 30px;flex-wrap:wrap}
.cbrand{display:flex;flex-direction:column;line-height:1.1}
.cbrand .eyebrow{font-family:var(--display);letter-spacing:.24em;font-size:9px;color:var(--gold);text-transform:uppercase}
.cbrand .word{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.05em;color:#fff;text-decoration:none;cursor:pointer;transition:color .15s}
.cbrand .word:hover,.cbrand .word:focus-visible{color:var(--gold)}
.cnav{display:flex;gap:18px;flex:1}
.cnav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}
.cnav a:hover{color:#fff}
.cnav a.on{color:#fff;border-bottom-color:var(--gold)}
.cuser{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.8)}
.cuser button{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit}
.cmain{max-width:1100px;margin:0 auto;padding:24px 30px 50px}
.chead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.chead h1{font-family:var(--display);font-weight:500;font-size:22px;color:var(--forest);margin:0}
.cempty{text-align:center;padding:60px 20px;color:var(--muted)}
.cempty p{font-family:var(--serif);font-style:italic;font-size:19px;margin:0 0 16px}
.cdayblock{margin-bottom:28px}
.cdaylabel{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.ccard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ccard.zoom{cursor:zoom-in;transition:.15s}
.ccard.zoom:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.cthumb{aspect-ratio:4/3;background:linear-gradient(135deg,#2e5142,#6d7d75);background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:8px}
.cthumb .ctype{background:rgba(28,48,40,.78);color:#fff;font-size:10.5px;letter-spacing:.05em;padding:3px 8px;border-radius:20px}
.cmeta{padding:10px 12px}
.ctime{font-size:11px;color:var(--muted);margin-top:2px}
.cremove{margin:8px 0 0;cursor:default}
.cremove .linkbtn{font-size:12px;font-weight:400}
.cremove.locked{font-size:12px;color:var(--muted);opacity:.6}
.cname{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cstatus{display:inline-block;margin-top:6px;border-radius:20px;padding:2px 9px;font-size:11.5px;border:1px solid}
.cstatus.ok{background:#e7efe8;color:#2e7d32;border-color:#b9d6bd}
.cstatus.wait{background:#fbf3df;color:#8a6d1c;border-color:#e6d19a}
.clightbox{position:fixed;inset:0;background:rgba(15,20,17,.9);display:grid;place-items:center;z-index:50;cursor:zoom-out}
.clightbox[hidden]{display:none}
.clightbox img{max-width:90vw;max-height:88vh;border-radius:8px;box-shadow:0 10px 50px rgba(0,0,0,.5);cursor:default}
.clightbox .clx{position:absolute;top:18px;right:26px;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.cformwrap{max-width:480px}
.clead{font-size:15px;color:var(--muted);margin:0 0 18px;font-family:var(--serif);font-style:italic}
.chint{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5}
.crecent{max-width:1100px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.crecent-h{font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.04em;color:var(--forest);text-transform:uppercase;margin:0 0 18px}
@media(max-width:640px){.cnav{order:3;flex-basis:100%}}

/* Vereinbarungen (Verwaltung) */
.agrwrap{max-width:620px;padding:22px 30px 44px}
.agr-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.agr-meta{font-size:12.5px;color:var(--muted)}
.agr-note{background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:10px;padding:12px 15px;margin-bottom:16px}
.agr-note-h{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a6320;margin-bottom:5px}
.agr-note p{margin:0;font-size:14px;color:#5f5228;line-height:1.5}
.agr-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.agr-ch{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:13.5px;cursor:pointer}
.agr-ch input{flex:none}
.agr-hist{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted)}
.agr-hist li{padding:7px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cr-sep{color:var(--line);margin:0 4px}
fieldset[disabled] input,fieldset[disabled] select,fieldset[disabled] textarea{background:#f4f2ec;color:var(--muted)}

/* Vereinbarung (Creator-Sicht) */
.cagr{max-width:620px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.cagr-lead{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--muted);margin-bottom:14px}
.cagr-lead.ok{color:#2e7d32}
.cagr-title{font-family:var(--display);font-weight:500;font-size:19px;color:var(--forest);margin:0 0 16px}
.cagr-facts{margin:0;display:grid;grid-template-columns:1fr;gap:2px}
.cagr-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.cagr-facts dd{margin:0;font-size:14px;color:var(--ink);line-height:1.5}
.cagr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cagr-chip{border-radius:20px;padding:3px 10px;font-size:12px;border:1px solid}
.cagr-chip.yes{background:#e7efe8;color:#2e7d32;border-color:#b9d6bd}
.cagr-chip.no{background:#f4f2ec;color:#a59e8b;border-color:var(--line)}
.cagr-extra{margin-top:6px;font-size:13px;color:var(--muted)}
.cagr-terms{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--serif);font-size:15px;line-height:1.6;color:#33403a}
.cagr-actions{margin-top:20px}
.cagr-ask{margin-top:14px;font-size:13px;color:var(--muted)}
.cagr-ask summary{cursor:pointer}
.cagr-ask textarea{width:100%;box-sizing:border-box;margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:10px;font-family:var(--sans);font-size:14px}
.cagr-ask .btn{margin-top:8px}

/* Mehrfach-Upload: Auswahlliste */
.filelist{margin-top:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;max-height:190px;overflow:auto}
.filelist[hidden]{display:none}
.fileitem{font-size:12.5px;color:var(--muted);padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filesum{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--forest)}

/* ============================================================
   Kommandozentrale – bildschirmfüllender Arbeitsplatz
   ============================================================ */
.kdz-body{display:flex;flex-direction:column;height:100vh;overflow:hidden;margin:0}

.kdz-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:var(--forest);color:#eaf1ea;flex:0 0 auto}
.kdz-left{display:flex;align-items:center;gap:16px}
.kdz-word{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:.06em;color:#fff;text-decoration:none;transition:color .15s}
.kdz-word:hover{color:var(--gold)}
.kdz-word small{display:block;font-size:9px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase}
.kdz-name{font-family:var(--display);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.kdz-right{display:flex;align-items:center;gap:16px}
.kdz-dt{color:rgba(234,241,234,.86);font-size:14px;white-space:nowrap}
.kdz-clock{font-variant-numeric:tabular-nums;font-weight:700;color:#fff;font-size:15px}
.kdz-lang{font-size:12.5px;color:rgba(234,241,234,.7)}
.kdz-lang a{color:inherit;text-decoration:none;padding:0 2px}
.kdz-lang a.on{color:#fff;border-bottom:2px solid var(--gold)}
.kdz-logout{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-size:12.5px;padding:0}

.kdz-strip{display:flex;align-items:center;gap:16px;padding:10px 22px;background:var(--forest-dark);color:#dfe7e0;flex:0 0 auto;border-top:1px solid rgba(255,255,255,.06)}
.kdz-monitors{display:flex;gap:10px}
.kdz-mon{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;opacity:.6;transition:.15s}
.kdz-mon.on{opacity:1}
.kdz-mon .screen{width:56px;height:32px;border:1.5px solid rgba(255,255,255,.4);border-radius:4px;position:relative;background:rgba(255,255,255,.04)}
.kdz-mon.on .screen{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,148,63,.25)}
.kdz-mon .screen i{position:absolute;width:6px;height:5px;border-radius:1px;background:var(--gold);opacity:.75}
.kdz-mon .lbl{font-size:10.5px;letter-spacing:.08em}
.kdz-spacer{flex:1}
.kdz-hint{font-family:var(--serif);font-style:italic;font-size:14px;color:rgba(223,231,224,.65)}
.kdz-tools{display:flex;gap:8px;align-items:center}
.kdz-chip{border:1px solid rgba(255,255,255,.22);background:transparent;color:#eaf1ea;font-family:var(--sans);font-size:12.5px;border-radius:8px;padding:6px 11px;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:6px}
.kdz-chip:hover{border-color:var(--gold);color:#fff}
.kdz-chip .ic{font-family:var(--display);font-weight:600}
.kdz-saved{font-size:12px;color:var(--gold);font-style:italic;font-family:var(--serif)}

.kdz-stage{flex:1;display:flex;min-height:0}
/* Scrollbar, nicht abgeschnitten: auf einem Laptopdisplay passen nicht alle
   Blöcke nebeneinander – abgeschnittene wären sonst unerreichbar. */
.kdz-board{position:relative;flex:1;overflow:auto;
  background-image:radial-gradient(rgba(23,59,46,.10) 1px,transparent 1px);
  background-size:26px 26px;background-position:6px 6px}
/* Luft unter der letzten Zeile, damit sie nicht am Rand klebt. */
.kdz-board::after{content:"";display:block;height:20px}

.kdz-addmenu{position:absolute;top:12px;left:12px;z-index:9999;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(23,59,46,.18);padding:8px;display:none;min-width:210px}
.kdz-addmenu.show{display:block}
.kdz-addmenu h6{margin:6px 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kdz-addmenu button{display:flex;width:100%;align-items:center;gap:9px;border:0;background:transparent;padding:8px 10px;border-radius:8px;font-family:var(--sans);font-size:13.5px;color:var(--ink);cursor:pointer;text-align:left}
.kdz-addmenu button:hover{background:var(--ivory)}
.kdz-addmenu .ic{font-family:var(--display);color:var(--gold)}
.kdz-allplaced{padding:8px 10px;color:var(--muted);font-size:12.5px}

.kdz-block{position:absolute;width:280px;min-width:200px;min-height:120px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 18px rgba(23,59,46,.08);display:flex;flex-direction:column;overflow:hidden}
.kdz-block.dragging{box-shadow:0 18px 40px rgba(23,59,46,.22);opacity:.97}
.kdz-rz{position:absolute;right:3px;bottom:3px;width:15px;height:15px;cursor:nwse-resize;touch-action:none;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);border-bottom-right-radius:5px;opacity:.55}
.kdz-rz:hover{opacity:1}
/* touch-action:none – sonst nimmt der Browser die Fingerbewegung als Scrollen
   und der Block bleibt liegen. Nur auf den Griffen, nicht auf der ganzen
   Fläche: dort soll Wischen weiterhin scrollen. */
.kdz-bhead{display:flex;align-items:center;gap:8px;padding:9px 11px;background:linear-gradient(180deg,#fbf7ee,#f6efe0);border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}
.kdz-bhead:active{cursor:grabbing}
.kdz-bhead .ic{font-family:var(--display);font-weight:600;color:var(--gold);font-size:13px}
.kdz-bhead .t{font-family:var(--display);font-size:12px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdz-bhead .mv{display:flex;gap:2px}
.kdz-bhead .mv b{width:17px;height:17px;border-radius:4px;border:1px solid var(--line);font-size:10px;display:grid;place-items:center;color:var(--muted);cursor:pointer;font-weight:600}
.kdz-bhead .mv b:hover{border-color:var(--gold);color:var(--forest)}
.kdz-bhead .x{cursor:pointer;color:var(--muted);font-size:15px;line-height:1;padding:0 2px}
.kdz-bhead .x:hover{color:#a23}
.kdz-bbody{padding:12px 13px;font-size:13px;flex:1;overflow:auto}

/* Blockinhalte */
.kdz-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.kdz-thumbs i{aspect-ratio:1;border-radius:5px;display:block;background:#e6e2d8 center/cover no-repeat}
.kdz-list{list-style:none;margin:0;padding:0}
.kdz-list li{padding:6px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}
.kdz-list li:first-child{border-top:0}
.kdz-meta{color:var(--muted);font-size:11.5px;margin-top:6px}
.kdz-wait{color:#8a6d1c}
.kdz-todo{list-style:none;margin:0;padding:0}
.kdz-todo li{display:flex;gap:8px;padding:5px 0;align-items:flex-start}
.kdz-box{width:15px;height:15px;border:1.5px solid var(--gold);border-radius:4px;flex:0 0 auto;margin-top:1px}
.kdz-kpi{display:flex;align-items:baseline;gap:7px;padding:4px 0;color:var(--muted);font-size:12.5px}
.kdz-kpi b{font-family:var(--display);font-size:22px;color:var(--forest)}
.kdz-empty,.kdz-pending{margin:0;color:var(--muted);font-size:12.5px;font-style:italic;font-family:var(--serif);line-height:1.5}

/* AVIA-Leiste – reservierter Platz, noch ohne Funktion */
.kdz-avia{width:300px;flex:0 0 300px;background:#fbf8f1;border-left:1px solid var(--line);display:flex;flex-direction:column}
.kdz-avia .h{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.kdz-avia .abadge{width:28px;height:28px;border-radius:50%;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:12px}
.kdz-avia .name{font-family:var(--display);font-size:13px;letter-spacing:.06em;color:var(--forest)}
.kdz-avia .st{font-size:11px;color:var(--muted);font-weight:600}
.kdz-avia-note{padding:16px;font-size:12.5px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.55}

/* Schmale Bildschirme: der Hinweistext weicht zuerst, damit die Knöpfe bleiben. */
@media(max-width:1300px){.kdz-hint{display:none}}
@media(max-width:900px){.kdz-avia{display:none}}

/* ---- AVIA-Leiste: auf schmalen Bildschirmen einklappbar --------------- */
.kdz-avia-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:60;
  background:var(--forest);color:var(--gold);border:0;border-radius:9px 0 0 9px;
  padding:14px 6px;cursor:pointer;font-family:var(--display);font-size:12px;letter-spacing:.12em;
  writing-mode:vertical-rl;text-orientation:mixed;box-shadow:-3px 0 12px rgba(23,59,46,.18);display:none}
.kdz-avia-toggle:hover{color:#fff}
.kdz-avia-close{display:none;background:none;border:0;color:var(--muted);font-size:18px;
  cursor:pointer;line-height:1;padding:0 2px;margin-left:auto}
.kdz-avia-close:hover{color:var(--forest)}

/* Laptopbreite (bis einschließlich 16"-MacBook, 1728 px): Leiste liegt über der
   Fläche und ist zugeklappt – 300 px fest belegt wären dort ein Fünftel der
   Breite. Ab externem Bildschirm (1920 px) steht sie wieder dauerhaft. */
@media(max-width:1800px){
  .kdz-avia{position:absolute;right:0;top:0;bottom:0;z-index:55;display:none;
    box-shadow:-10px 0 30px rgba(23,59,46,.14)}
  .kdz-avia-open .kdz-avia{display:flex}
  .kdz-avia-toggle{display:block}
  .kdz-avia-open .kdz-avia-toggle{display:none}
  .kdz-avia-close{display:block}
}
.kdz-stage{position:relative}

/* ---- Übersicht: alle Monitore auf einen Blick ------------------------- */
.kdz-overview{position:fixed;inset:0;z-index:200;background:rgba(23,59,46,.86);
  display:none;flex-direction:column;padding:26px 30px;backdrop-filter:blur(3px)}
.kdz-overview.show{display:flex}
.kdz-ov-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;color:#eaf1ea;flex:0 0 auto}
.kdz-ov-head h2{font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;margin:0}
.kdz-ov-head p{font-family:var(--serif);font-style:italic;font-size:14px;color:rgba(234,241,234,.7);margin:0;flex:1}
.kdz-ov-close{background:none;border:1px solid rgba(255,255,255,.25);color:#eaf1ea;border-radius:8px;
  padding:6px 12px;font-family:var(--sans);font-size:12.5px;cursor:pointer}
.kdz-ov-close:hover{border-color:var(--gold);color:#fff}
.kdz-ov-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;min-height:0}
.kdz-ov-mon{background:rgba(247,243,234,.10);border:2px solid rgba(255,255,255,.18);border-radius:12px;
  display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:.15s;min-height:0}
.kdz-ov-mon:hover{border-color:var(--gold);background:rgba(247,243,234,.16)}
.kdz-ov-mon.current{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,148,63,.3)}
.kdz-ov-mon.dropping{border-color:var(--gold);background:rgba(184,148,63,.22)}
.kdz-ov-lbl{padding:9px 13px;color:#eaf1ea;font-family:var(--display);font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.14);
  display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}
.kdz-ov-lbl span{color:rgba(234,241,234,.55);font-family:var(--sans);font-size:11px;letter-spacing:0;text-transform:none}
.kdz-ov-canvas{position:relative;flex:1;margin:10px;min-height:0}
.kdz-ov-block{position:absolute;background:var(--card);border:1px solid rgba(23,59,46,.25);border-radius:5px;
  overflow:hidden;cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.16);touch-action:none}
.kdz-ov-block:active{cursor:grabbing}
.kdz-ov-block.flying{opacity:.9;box-shadow:0 12px 28px rgba(0,0,0,.3);z-index:999;pointer-events:none}
.kdz-ov-block b{display:block;background:linear-gradient(180deg,#fbf7ee,#f6efe0);
  border-bottom:1px solid var(--line);color:var(--forest);font-family:var(--display);
  font-weight:500;font-size:8px;letter-spacing:.03em;text-transform:uppercase;
  padding:3px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdz-ov-empty{position:absolute;inset:0;display:grid;place-items:center;color:rgba(234,241,234,.4);
  font-family:var(--serif);font-style:italic;font-size:14px}

@media(max-width:900px){.kdz-ov-grid{grid-template-columns:1fr;overflow:auto}}

/* QR-Codes & Smart Links */
.qr-stats{display:flex;gap:14px;padding:20px 30px 0;flex-wrap:wrap}
.qr-stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:120px}
.qr-stat .n{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--forest)}
.qr-stat .l{font-size:12px;color:var(--muted);margin-top:2px}
.qr-stat.gold .n{color:var(--gold)}

.qr-newform{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:18px 30px 4px;max-width:760px}
.qr-newform h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:0 0 16px;display:inline}
.qr-newform .row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.qr-newform .field{flex:1;min-width:200px;margin-bottom:0}
.qr-newform .hint{font-size:12px;color:var(--muted);margin-top:5px;font-style:italic;font-family:var(--serif)}

.qr-list{padding:18px 30px 40px}
.qr-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.qr-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.qr-row.off{opacity:.6}
.qr-thumb{width:44px;height:44px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;font-size:16px;color:var(--forest)}
.qr-body{flex:1;min-width:0}
.qr-title{font-weight:600;font-size:15px;color:var(--ink)}
.qr-sub{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-purpose{display:inline-flex;align-items:center;gap:5px;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11.5px;color:var(--forest);font-weight:600;margin-right:8px;white-space:nowrap}
.qr-meta{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.qr-scans{text-align:right;font-size:12.5px;color:var(--muted);min-width:60px}
.qr-scans b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:500}
.qr-status{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.qr-status.active{background:#e4efe6;color:#1f6b3a}
.qr-status.inactive{background:#f3ecd8;color:#8a6a1f}
.qr-status.archived{background:#ece9e2;color:#6d7d75}
.qr-date{font-size:12px;color:var(--muted);min-width:78px;text-align:right}

.qrd-wrap{padding:26px 30px;display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.qrd-left{flex:0 0 260px}
.qrd-right{flex:1;min-width:340px;display:flex;flex-direction:column;gap:20px}
.qrd-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.qrd-img{width:100%;height:auto;margin:0 auto 14px;border:1px solid var(--line);border-radius:10px;display:block;background:#fff}
.qrd-link{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:8px 10px;word-break:break-all;color:var(--forest);font-weight:600}
.qrd-dl{display:flex;gap:8px;margin-top:12px}
.qrd-dl .btn{flex:1;justify-content:center;padding:9px 10px;font-size:13px}
.qrd-pub{margin-top:12px;font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif)}

.qrd-purpose{background:#fbf8f1;border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;gap:10px;align-items:flex-start}
.qrd-purpose .ic{font-size:16px;opacity:.7;margin-top:1px}
.qrd-purpose .t{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.qrd-purpose .v{font-weight:600;color:var(--forest);margin-top:2px}
.qrd-purpose .n{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}

.qrd-field{margin-bottom:14px}
.qrd-field label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.qrd-field .row{display:flex;gap:8px}
.qrd-field input,.qrd-field select,.qrd-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}

.qrd-statusrow{display:flex;gap:8px;margin-top:2px}
.qrd-statusrow form{flex:1;margin:0}
.qrd-statusrow label,.qrd-statusrow button{width:100%;flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 6px;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff;font-family:var(--sans)}
.qrd-statusrow input{position:absolute;opacity:0;pointer-events:none}
.qrd-statusrow label.sel,.qrd-statusrow button.sel{border-color:var(--forest);background:var(--forest);color:#fff}
.qrd-statusrow label.disabled{opacity:.4;cursor:not-allowed}
.qrd-hint{font-size:11.5px;color:var(--muted);margin-top:6px;font-style:italic;font-family:var(--serif)}

.qrd-warn{background:#fbeee0;border:1px solid #e0b978;border-radius:10px;padding:12px 14px;font-size:13px;color:#6b4a12;margin-bottom:14px;display:flex;gap:9px}
.qrd-warn b{display:block;margin-bottom:2px}

.qrd-stats{display:flex;gap:14px}
.qrd-stats .qr-stat{flex:1}

.qrd-hist{list-style:none;margin:0;padding:0}
.qrd-hist li{position:relative;padding:0 0 16px 20px;border-left:2px solid var(--line);margin-left:4px}
.qrd-hist li:last-child{border-color:transparent;padding-bottom:0}
.qrd-hist li::before{content:'';position:absolute;left:-5px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.qrd-hist .w{font-size:13px;color:var(--ink)}
.qrd-hist .w b{color:var(--forest)}
.qrd-hist .m{font-size:11.5px;color:var(--muted);margin-top:2px}

/* Posteingang (Wissen erfassen) */
.qr-stat.warn .n{color:#8a2b1f}
.pe-drop{border:2px dashed var(--line);border-radius:14px;background:#fff;padding:28px 24px;text-align:center;cursor:pointer;transition:.15s}
.pe-drop.over{border-color:var(--gold);background:#fffdf6}
.pe-drop-ic{font-family:var(--display);font-size:26px;color:var(--gold);line-height:1}
.pe-drop-main{font-family:var(--serif);font-size:18px;color:var(--forest);margin-top:8px}
.pe-drop input[type=file]{display:none}
.pe-drop-names{font-size:12.5px;color:var(--muted);margin-top:8px;word-break:break-all}
.pe-or{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:16px 0;text-align:center}
.pe-or::before,.pe-or::after{content:"";display:inline-block;width:50px;height:1px;background:var(--line);vertical-align:middle;margin:0 12px}
.pe-text{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 14px;font-family:var(--sans);font-size:14px;color:var(--ink)}
.pe-text:focus{outline:none;border-color:var(--gold)}

.pe-list{padding:18px 30px 40px}
.pe-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.pe-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.pe-row.warn{opacity:.8}
.pe-ic{width:38px;height:38px;border-radius:9px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.pe-ic.text{background:#6d7d75}
.pe-ic.link{background:var(--gold);color:#3a2e12}
.pe-ic.mail{background:#2b6b7a}
.pe-ic.quar{background:#8a2b1f}
.pe-body{flex:1;min-width:0}
.pe-title{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-sub{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-meta{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.pe-when{font-size:12px;color:var(--muted);text-align:right;min-width:82px}
.pe-st{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap;display:inline-block}
.pe-st.neu{background:#e7eef5;color:#2b5570}
.pe-st.bereit_zur_pruefung{background:#fbf3df;color:#8a6d1c}
.pe-st.uebernommen{background:#e4efe6;color:#1f6b3a}
.pe-st.zurueckgestellt{background:#ece9e2;color:#5f5e5a}
.pe-st.verworfen{background:#ece9e2;color:#8a8880}
.pe-st.quarantaenisiert{background:#f6e3e0;color:#8a2b1f}
.pe-bodytext{font-family:var(--serif);font-size:15.5px;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-word}
.pe-fetch{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ivory)}
.pe-fetch span{font-size:13px;color:var(--muted)}
/* Kennzeichen an einer Mail: Richtung immer, „unbekannt" nur wenn nötig. */
.pe-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.pe-tag{font-size:11px;letter-spacing:.04em;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:var(--ivory);white-space:nowrap}
.pe-tag.out{border-color:#c8d4cd;color:#2f5a48;background:#eef4f0}
.pe-tag.unknown{border-color:#e0c48a;color:#7a5a17;background:#fbf3e2}
/* Kopf einer Nachricht: zwei Spalten, bricht auf schmalen Geräten um. */
.pe-mailhead{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:13.5px}
.pe-mailhead dt{color:var(--muted)}
.pe-mailhead dd{margin:0;word-break:break-word}
@media(max-width:560px){.pe-mailhead{grid-template-columns:1fr;gap:0 0}.pe-mailhead dd{margin:0 0 8px}}
.pe-unknown{display:flex;gap:11px;align-items:flex-start;background:#fbf3e2;border:1px solid #e0c48a;border-radius:10px;padding:11px 13px;margin-bottom:14px;font-size:13px;line-height:1.5}
.pe-unknown>span{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#e0c48a;color:#5c4310;display:grid;place-items:center;font-size:12px;font-weight:700}
.pe-unknown b{display:block;margin-bottom:2px}
.pe-att{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.pe-att:first-of-type{border-top:0}
.pe-att-ic{width:26px;height:26px;border-radius:6px;background:var(--ivory);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;flex:0 0 auto}
.pe-att-ic.quar{background:#f6e3e0;border-color:#e3b6ad}
.pe-att-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pe-att-size{color:var(--muted);font-size:12px;flex:0 0 auto}

/* Dokumente */
.dk-list{padding:18px 30px 40px}
.dk-row{display:flex;align-items:flex-start;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.dk-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.dk-ic{width:40px;height:48px;border-radius:6px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.04em;flex:0 0 auto}
.dk-ic.pdf{color:#8a2b1f;border-color:#e3b6ad}
.dk-ic.doc{color:#2b5570;border-color:#b8cad8}
.dk-ic.txt{color:#5f5e5a}
.dk-body{flex:1;min-width:0}
.dk-title{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.dk-proj{display:inline-flex;align-items:center;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:2px 9px;font-size:11.5px;color:var(--forest);font-weight:600;margin-right:8px}
.dk-pk{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px;margin-left:6px}
.dk-snippet{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dk-snippet b{background:rgba(184,148,63,.28);color:var(--ink);font-style:normal;font-weight:600;border-radius:2px;padding:0 2px}
.dk-meta{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.dk-when{font-size:12px;color:var(--muted);text-align:right;min-width:78px}
.dk-st{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.dk-st.ok{background:#e4efe6;color:#1f6b3a}
.dk-st.wait{background:#fbf3df;color:#8a6d1c}
.dk-st.none{background:#ece9e2;color:#5f5e5a}

/* Dokument-Detailansicht */
.dd-wrap{padding:22px 30px 40px;display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.dd-main{flex:1;min-width:380px;display:flex;flex-direction:column;gap:20px}
.dd-side{flex:0 0 300px;display:flex;flex-direction:column;gap:20px}
.dd-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dd-find{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:13px;margin:0}
.dd-find input{border:0;outline:0;font-family:var(--sans);font-size:13px;background:transparent;width:150px;color:var(--ink)}
.dd-findcount{font-size:12px;color:var(--muted);white-space:nowrap}
.dd-text{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 32px;font-family:var(--serif);font-size:16.5px;line-height:1.72;color:var(--ink);max-height:560px;overflow:auto}
.dd-text h4{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.dd-text p{margin:0;word-break:break-word}
.dd-text mark{background:rgba(184,148,63,.32);color:inherit;border-radius:2px;padding:0 2px}

/* Papierkorb des Posteingangs: Im Papierkorb ist die Zeile kein Verweis mehr,
   sondern traegt zwei Knoepfe – sie braucht deshalb den Zeiger nicht. */
.pe-korb-akt{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}
.pe-korb-akt form{margin:0}
.pe-korb-akt .btn{padding:5px 12px;font-size:12.5px}
div.pe-row{cursor:default}
div.pe-row .pe-title a{color:inherit;text-decoration:none}
div.pe-row .pe-title a:hover{text-decoration:underline}
/* Eng wird es zuerst in der Meta-Spalte: Sie steht auf `flex:0 0 auto`, also
   schrumpft sie nie – mit zwei Knoepfen darin schob sie die Zeile bei 390 px
   um 105 px ueber den Rand (gemessen am 31.08.2026). Unterhalb von 900 px
   klappt sie deshalb unter den Text, und die Knoepfe bekommen eine eigene
   Reihe. Nur die Zeilen im Papierkorb sind betroffen – die uebrigen haben
   keine `.pe-korb-akt` und bleiben, wie sie waren. */
@media(max-width:900px){
  .pe-row:has(.pe-korb-akt){flex-wrap:wrap}
  .pe-row:has(.pe-korb-akt) .pe-meta{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end;min-width:0}
  .pe-korb-akt{flex-basis:100%;justify-content:flex-end}
}
@media(max-width:560px){.pe-korb-akt{justify-content:flex-start;flex-wrap:wrap}}

@media(max-width:900px){
  .dd-side,.qrd-side{flex:1 1 100%}
  .dd-main{min-width:0}
  /* Unter 900px stehen die Spalten untereinander: Der Vorschlag kommt dann
     VOR der Statusspalte. Ein Sprungknopf zeigte hier nach hinten und der
     Hinweis „steht weiter unten" waere schlicht falsch. */
  .pe-zum-vorschlag{display:none}
}

.qr-notice{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ivory);padding:24px}
.qr-notice .box{max-width:420px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:40px 32px}
.qr-notice .eyebrow{font-family:var(--display);letter-spacing:.28em;font-size:10.5px;color:var(--gold);text-transform:uppercase}
.qr-notice .word{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:.06em;color:var(--forest);margin:3px 0 18px}
.qr-notice p{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.5;margin:0}

/* ============================================================
   Social Publishing (Bereich 6)
   ============================================================ */

/* Kanäle & Konten */
.sp-acclist{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
.sp-accempty{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:14px}
.sp-acc{background:var(--ivory);border:1px solid var(--line);border-radius:9px;font-size:13px}
.sp-acc>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;cursor:pointer;list-style:none}
.sp-acc>summary::-webkit-details-marker{display:none}
.sp-acc>summary:hover{border-radius:9px;background:#f2eee4}
.sp-accedit{margin-left:auto;font-size:11.5px;color:var(--gold);font-weight:600;white-space:nowrap}
.sp-accform{padding:4px 12px 14px}
.sp-accform .row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.sp-accform .field{flex:1;min-width:170px}
.sp-accform label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px}
.sp-accform input,.sp-accform select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:var(--sans);font-size:13.5px;background:#fff;color:var(--ink);box-sizing:border-box}
.sp-accform .hint{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.5}
.sp-accplat{font-weight:600;color:var(--forest)}
.sp-acchandle{color:var(--ink)}
.sp-accname{color:var(--muted)}
/* Lebenszeichen des Zeitplans – steht direkt unter den Kennzahlen. */
.sp-sched{display:flex;align-items:center;gap:9px;margin:16px 30px 0;padding:9px 14px;
  border:1px solid var(--line);border-radius:10px;font-size:13.5px;color:var(--muted);background:#fffdf8}
.sp-sched .sp-scheddot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--muted)}
.sp-sched.ok .sp-scheddot{background:#2e8b57}
.sp-sched.warn{border-color:rgba(184,148,63,.55);background:rgba(184,148,63,.09);color:#7a5f1c}
.sp-sched.warn .sp-scheddot{background:var(--gold)}
.sp-sched.stop{border-color:rgba(160,42,42,.4);background:rgba(160,42,42,.07);color:#8c2f2f}
.sp-sched.stop .sp-scheddot{background:#a02a2a}

.sp-accstate{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;text-transform:lowercase}
.sp-accstate.verbunden{background:#e4efe6;color:#1f6b3a}
.sp-accstate.vorgemerkt{background:#f3ecd8;color:#8a6a1f}
.sp-accstate.getrennt{background:#ece9e2;color:#6d7d75}
.sp-accnote{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);flex-basis:100%;margin-left:0}

/* Beitragsart-Umschalter */
.sp-typerow{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.sp-typerow label{flex:1;min-width:90px;border:1px solid var(--line);border-radius:9px;padding:9px 6px;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff;user-select:none}
.sp-typerow label:hover{border-color:var(--gold)}
.sp-typerow label.sel{border-color:var(--forest);background:var(--forest);color:#fff}

/* Medien-Plätze (Reihenfolge im Carousel) */
.sp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.sp-slot{width:100%}

/* Liste */
.sp-list{padding:18px 30px 40px}
.sp-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.sp-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.sp-row.off{opacity:.62}
.sp-thumb{width:56px;height:56px;border-radius:8px;flex:0 0 auto;background:var(--ivory) center/cover no-repeat;border:1px solid var(--line)}
.sp-body{flex:1;min-width:0}
.sp-title{font-weight:600;font-size:15px;color:var(--ink)}
.sp-sub{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-channel{display:inline-flex;align-items:center;gap:5px;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11.5px;color:var(--forest);font-weight:600;margin-right:8px;white-space:nowrap}
.sp-avia{display:inline-flex;background:#f0e9f7;color:#6b4fa0;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;margin-right:8px;white-space:nowrap}
.sp-meta{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.sp-when{text-align:right;font-size:12px;color:var(--muted);min-width:104px}
.sp-when b{display:block;font-size:13.5px;color:var(--ink);font-weight:600}
.sp-status{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.sp-status.entwurf{background:#ece9e2;color:#6d7d75}
.sp-status.wartet_auf_freigabe{background:#f3ecd8;color:#8a6a1f}
.sp-status.freigegeben{background:#e2ecf5;color:#2a5a8c}
.sp-status.veroeffentlicht{background:#e4efe6;color:#1f6b3a}
.sp-status.zurueckgestellt{background:#ece9e2;color:#6d7d75}

/* Typ-Kennzeichen */
.sp-type{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:20px;margin-right:6px;white-space:nowrap}
.sp-type.bild{background:#eef1ec;color:#4b5d52}
.sp-type.carousel{background:#f0e9f7;color:#6b4fa0}
.sp-type.reel{background:#fdeaea;color:#a03a3a}
.sp-type.story{background:#fff0d9;color:#a06a1f}

/* Detailseite */
.spd-wrap{padding:16px 30px 40px;display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.spd-left{flex:0 0 300px}
.spd-right{flex:1;min-width:340px}
.spd-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.spd-img{width:100%;aspect-ratio:4/5;border-radius:10px;background:var(--ivory) center/cover no-repeat;margin-bottom:10px;display:flex;align-items:flex-end;padding:10px;box-sizing:border-box;border:1px solid var(--line)}
.spd-img span{background:rgba(28,48,40,.72);color:#fff;font-size:11px;padding:3px 8px;border-radius:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spd-img.spd-empty{align-items:center;justify-content:center;border-style:dashed}
.spd-img.spd-empty span{background:none;color:var(--muted);font-family:var(--serif);font-style:italic}
.spd-caption{font-family:var(--serif);font-size:14.5px;line-height:1.6;color:var(--ink);background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:4px}
.spd-hashtags{font-size:12.5px;color:var(--forest);margin-top:8px;font-weight:600;word-break:break-word}

/* Zustandskästen */
.spd-approve,.spd-approved,.spd-published,.spd-held,.spd-ready,.spd-missing{border-radius:12px;padding:16px 18px;margin-bottom:20px}
.spd-approve{background:#fbf8f1;border:1px solid #e0b978}
.spd-approve .t{color:#8a6a1f}
.spd-approved{background:#eef4fb;border:1px solid #b9d0e8}
.spd-approved .t{color:#2a5a8c}
.spd-published{background:#eef6ef;border:1px solid #bcd9c2}
.spd-published .t{color:#1f6b3a}
.spd-held,.spd-missing{background:#f4f2ed;border:1px solid var(--line)}
.spd-held .t,.spd-missing .t{color:#6d7d75}
.spd-ready{background:#f4f7f2;border:1px solid #cadcc6}
.spd-ready .t{color:#3d6b46}
.spd-approve .t,.spd-approved .t,.spd-published .t,.spd-held .t,.spd-ready .t,.spd-missing .t{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.spd-approve p,.spd-approved p,.spd-published p,.spd-held p,.spd-ready p{font-size:13.5px;color:var(--ink);line-height:1.55;margin:8px 0 14px}
.spd-approve .row,.spd-approved .row,.spd-ready .row{display:flex;gap:10px;flex-wrap:wrap}
.spd-missing ul{margin:8px 0 0;padding-left:18px}
.spd-missing li{font-size:13.5px;color:var(--ink);line-height:1.7}

/* Felder */
.spd-field{margin-bottom:14px}
.spd-field label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.spd-field input,.spd-field select,.spd-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink);box-sizing:border-box}
.spd-field textarea{resize:vertical}
.spd-field input:disabled,.spd-field select:disabled,.spd-field textarea:disabled{background:var(--ivory);color:var(--muted)}
.spd-field input[readonly]{background:var(--ivory);color:var(--muted)}
.spd-hint{font-size:12.5px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.55}

/* Verlauf */
.spd-hist{list-style:none;margin:0;padding:0}
.spd-hist li{position:relative;padding:0 0 16px 20px;border-left:2px solid var(--line);margin-left:4px}
.spd-hist li:last-child{border-color:transparent;padding-bottom:0}
.spd-hist li::before{content:'';position:absolute;left:-5px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.spd-hist .w{font-size:13px;color:var(--ink)}
.spd-hist .w b{color:var(--forest)}
.spd-hist .m{font-size:11.5px;color:var(--muted);margin-top:2px}

@media (max-width:900px){
  .spd-left{flex:1 1 100%}
  .spd-right{min-width:0}
  .sp-meta{gap:10px}
  .sp-when{min-width:88px}
}


/* ============================================================
   Auswertung (Bereich 6) – aus docs/mockups/auswertung_2026-08-09.html
   ============================================================ */
  .aw-wrap{padding:20px 30px 40px}
  .aw-sec{margin-bottom:26px}
  .aw-sec>h2{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.07em;color:var(--forest);text-transform:uppercase;margin:0 0 12px}

  /* Kanäle nebeneinander */
  .aw-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
  .aw-ch{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
  .aw-ch.leer{background:#f4f2ed;border-style:dashed}
  .aw-ch .name{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--forest);font-size:14.5px}
  .aw-ch .handle{font-size:12px;color:var(--muted);margin-top:1px}
  .aw-ch .posts{font-size:11.5px;color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}

  .aw-big{font-family:var(--serif);font-size:30px;font-weight:500;color:var(--forest);line-height:1.1;margin-top:12px}
  .aw-big small{font-family:var(--sans);font-size:11.5px;color:var(--muted);display:block;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}

  .aw-rows{margin-top:12px;display:flex;flex-direction:column;gap:6px}
  .aw-r{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
  .aw-r .k{color:var(--muted)}
  .aw-r .v{font-weight:600;color:var(--ink)}
  .aw-r .v.gold{color:var(--gold)}
  .aw-r .v.leer{color:var(--muted);font-style:italic;font-weight:400;font-family:var(--serif)}

  .aw-trend{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;margin-left:6px}
  .aw-trend.up{background:#e4efe6;color:#1f6b3a}
  .aw-trend.down{background:#fbeaea;color:#9c3a3a}

  /* Hinweis zur Vergleichbarkeit */
  .aw-note{background:#fbf8f1;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:13px;color:var(--ink);line-height:1.55;display:flex;gap:10px}
  .aw-note .ic{opacity:.6}
  .aw-note b{color:var(--forest)}

  /* Umschalter Stand */
  .aw-switch{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
  .aw-switch .lbl{font-size:12px;color:var(--muted);margin-right:2px}

  /* Beitragstabelle */
  .aw-table{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .aw-th,.aw-tr{display:grid;grid-template-columns:2.2fr .8fr .8fr .8fr .8fr 1.15fr;gap:10px;align-items:center;padding:11px 18px}
  .aw-th{background:var(--ivory);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .aw-th span:not(:first-child),.aw-tr span:not(:first-child){text-align:right}
  .aw-tr{border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink);text-decoration:none}
  .aw-tr:hover .t b{color:var(--forest)}
  .aw-tr:last-child{border-bottom:0}
  .aw-tr:hover{background:#faf8f3}
  .aw-tr .t{display:flex;align-items:center;gap:8px;min-width:0}
  .aw-tr .t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .aw-tr .num{font-variant-numeric:tabular-nums;white-space:nowrap}
  .aw-tr .best{color:var(--gold);font-weight:700}
  .aw-tr .keine{color:var(--muted);font-style:italic;font-family:var(--serif);font-size:12.5px}
  .aw-type{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:20px;flex:0 0 auto}
  .aw-type.bild{background:#eef1ec;color:#4b5d52}
  .aw-type.carousel{background:#f0e9f7;color:#6b4fa0}
  .aw-type.reel{background:#fdeaea;color:#a03a3a}
  .aw-type.story{background:#fff0d9;color:#a06a1f}

  /* Verlauf eines Beitrags */
  .aw-detail{display:flex;gap:22px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
  .aw-detail .chart{flex:1;min-width:300px}
  .aw-detail .aw-side{flex:0 0 190px}
  .aw-chartttl{font-size:13px;color:var(--muted);margin-bottom:10px}
  .aw-chartttl b{color:var(--forest);font-size:14.5px}

  /* Zahlen eintragen */
  .aw-form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
  .aw-form .row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
  .aw-form .field{flex:1;min-width:130px}
  .aw-form label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:5px}
  .aw-form input,.aw-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink);box-sizing:border-box}
  .aw-form .hint{font-size:12px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.5}

@media (max-width:1000px){
  /* Tabelle: auf schmalen Schirmen waagerecht schiebbar statt gequetscht */
  .aw-table{overflow-x:auto}
  .aw-th,.aw-tr{min-width:640px}
  .aw-detail .aw-side{flex:1 1 100%}
}

/* ===================================================================
   AVIA – Assistent (Bereich 11)
   Dreispalter: Gespräche · Gespräch · was daraus geworden ist.
   =================================================================== */
.av-wrap{display:grid;grid-template-columns:206px minmax(0,1fr) 306px;
  gap:0;align-items:start;border-top:1px solid var(--line)}

/* Spalte 1 – Gespräche */
.av-talks{border-right:1px solid var(--line);background:#fbf8f1;padding:14px 10px 20px;min-height:60vh}
.av-new{width:100%;padding:9px 12px;border:1px dashed var(--gold);border-radius:9px;
  color:var(--forest);font-size:13px;text-align:center;cursor:pointer;
  background:rgba(184,148,63,.07);font-family:var(--sans)}
.av-new:hover{background:rgba(184,148,63,.14)}
.av-talklist{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.av-talk{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink)}
.av-talk:hover{background:rgba(23,59,46,.05)}
.av-talk.on{background:#fff;border:1px solid var(--line)}
.av-talk .t{display:block;font-size:13px;line-height:1.3}
.av-talk .m{display:block;font-size:11px;color:var(--muted);margin-top:2px}

/* Spalte 2 – Gespräch */
.av-chat{display:flex;flex-direction:column;min-width:0;padding:0 0 20px}
.av-thread{padding:22px 26px;display:flex;flex-direction:column;gap:14px;
  max-height:62vh;overflow:auto}
.av-msg{max-width:86%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.55;
  white-space:normal;overflow-wrap:anywhere}
.av-msg.a{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.av-msg.me{background:var(--forest);color:#eaf1ea;border-bottom-right-radius:4px;align-self:flex-end}
.av-msg .who{font-family:var(--display);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.av-welcome{margin:auto;text-align:center;max-width:440px;padding:30px 0}
.av-welcome .hi{font-family:var(--serif);font-size:26px;color:var(--forest);margin:0 0 6px}
.av-welcome .sub{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--muted);margin:0}

.av-compose{border-top:1px solid var(--line);padding:14px 26px 0;background:#fbf8f1}
.av-composebox{display:flex;gap:9px}
.av-composebox input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 13px;
  font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.av-composebox input::placeholder{color:#9aa8a1}
.av-composebox button{border:0;background:var(--gold);color:#3a2e12;font-weight:600;
  border-radius:10px;padding:0 18px;cursor:pointer;font-family:var(--display);font-size:14px}
.av-deep{display:block;margin-top:9px;font-size:12.5px;color:var(--muted);cursor:pointer}
.av-deep input{margin-right:6px}
.av-note{margin:16px 26px 0;padding:10px 14px;border-radius:10px;font-size:13.5px}
.av-note.stop{border:1px solid rgba(160,42,42,.4);background:rgba(160,42,42,.07);color:#8c2f2f}

/* Spalte 3 – was daraus geworden ist */
.av-side{border-left:1px solid var(--line);background:#fbf8f1;padding:16px 16px 26px}
.av-card{background:#fffdf8;border:1px solid var(--line);border-radius:12px;
  padding:14px 15px;margin-bottom:14px}
.av-card.wait{border-left:3px solid var(--gold)}
.av-card h5{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  margin:0 0 10px;font-weight:600;display:flex;justify-content:space-between;
  align-items:center;gap:8px}
.av-card h5 .n{background:var(--gold);color:#3a2e12;border-radius:10px;padding:1px 7px;
  font-size:10px;letter-spacing:0;white-space:nowrap}
.av-empty{font-size:12.5px;color:var(--muted);font-style:italic;font-family:var(--serif);margin:0}

.av-wt{padding:9px 0;border-top:1px dashed var(--line);font-size:13px;line-height:1.4}
.av-wt:first-of-type{border-top:0;padding-top:0}
.av-wt .why{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);margin-top:3px}
.av-wt .acts{display:flex;gap:6px;margin-top:7px}
.av-btn{border:1px solid var(--line);background:#fff;color:var(--forest);border-radius:8px;
  padding:5px 12px;font-size:12.5px;cursor:pointer;font-family:var(--sans)}
.av-btn.gold{background:var(--gold);border-color:var(--gold);color:#3a2e12;font-weight:600}
.av-btn.ghost{color:var(--muted)}

.av-todo{list-style:none;margin:0;padding:0}
.av-todo li{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:13px;line-height:1.4}
.av-box{width:15px;height:15px;border:1.5px solid var(--gold);border-radius:5px;flex:0 0 auto;
  margin-top:2px;background:none;cursor:pointer;padding:0;font-size:10px;color:#fff;line-height:1}
.av-box.done{background:var(--gold)}
.av-todo li.done span{color:var(--muted);text-decoration:line-through}
.av-todo .due{font-size:11px;color:var(--forest);margin-left:5px;white-space:nowrap}
.av-todo .src{font-size:10px;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-left:5px}
.av-addtask{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.av-addtask input{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px 9px;
  font-family:var(--sans);font-size:12.5px;background:#fff}
.av-addtask button{border:1px solid var(--line);background:#fff;border-radius:8px;
  padding:0 11px;cursor:pointer;color:var(--forest)}

.av-mem{list-style:none;margin:0;padding:0}
.av-mem li{padding:8px 0;border-top:1px dashed var(--line);font-size:13px;line-height:1.45}
.av-mem li:first-child{border-top:0;padding-top:0}
.av-mem .k{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.av-more{font-size:12.5px;color:var(--gold);text-decoration:none;display:inline-block;margin-top:9px}

.av-amount{font-family:var(--display);font-size:23px;color:var(--forest);line-height:1}
.av-amount .of{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-left:7px}
.av-meter{height:6px;border-radius:4px;background:rgba(23,59,46,.09);margin:10px 0 9px;overflow:hidden}
.av-meter i{display:block;height:100%;background:var(--gold);border-radius:4px}
.av-costnote{font-size:11.5px;color:var(--muted);line-height:1.5}

.av-rule{background:rgba(23,59,46,.04);border:1px solid var(--line);border-radius:12px;
  padding:13px 15px;font-family:var(--serif);font-size:14px;color:var(--muted);line-height:1.55}
.av-rule b{color:var(--forest);font-family:var(--sans);font-size:12.5px}

/* Gedächtnisseite */
.av-memwrap{padding:0 30px 40px;max-width:820px}
.av-memintro{font-family:var(--serif);font-size:16px;color:var(--muted);line-height:1.55;margin:0 0 18px}
.av-memform label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:10px}
.av-memform input[type=text],.av-memform textarea,.av-memform select{
  display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;
  padding:8px 10px;font-family:var(--sans);font-size:13.5px;background:#fff;color:var(--ink)}
.av-memrow{display:grid;grid-template-columns:180px 1fr;gap:14px}
.av-memlist{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.av-memitem{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.av-memitem .k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}
.av-memitem .k .src{color:var(--gold);margin-left:6px}
.av-memitem .t{font-size:14.5px;color:var(--forest);font-weight:600}
.av-memitem .c{font-size:13.5px;line-height:1.5;margin-top:4px}
.av-memitem .b{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);margin-top:5px}
.av-memitem form{margin-top:9px}

@media(max-width:1240px){.av-wrap{grid-template-columns:minmax(0,1fr) 300px}.av-talks{display:none}}
@media(max-width:900px){.av-wrap{grid-template-columns:1fr}.av-side{border-left:0;border-top:1px solid var(--line)}}

/* ===================================================================
   ASSET-POLICY – drei getrennte Ebenen, sichtbar getrennt gehalten
   =================================================================== */
.pol-last{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.pol-grant{display:inline-block;background:rgba(184,148,63,.16);color:#7a5f1c;
  border-radius:20px;padding:1px 9px;font-size:11px;margin-left:6px}
.pol-histlink{display:inline-block;margin-top:3px;font-size:12px;color:var(--gold);text-decoration:none}
.pol-unklar{color:#8c2f2f;font-style:italic}
.pol-right{display:inline-block;font-size:11.5px;border:1px solid var(--line);border-radius:20px;
  padding:1px 9px;margin:0 4px 4px 0;background:#fff}
.pol-right.erlaubt{border-color:rgba(46,139,87,.45);background:rgba(46,139,87,.08);color:#256b45}
.pol-right.nicht_erlaubt{border-color:rgba(160,42,42,.4);background:rgba(160,42,42,.07);color:#8c2f2f}
.pol-right.eingeschraenkt{border-color:rgba(184,148,63,.5);background:rgba(184,148,63,.09);color:#7a5f1c}
.pol-right.ungeklaert{color:var(--muted)}
.pol-expired{color:#8c2f2f;font-size:12px;margin-top:4px}
.pol-until,.pol-credit{color:var(--muted);font-size:12px;margin-top:3px}

.pol-panels{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.pol-panel{border:1px solid var(--line);border-radius:12px;background:#fffdf8;padding:12px 15px}
.pol-panel summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:13px;
  letter-spacing:.04em;color:var(--forest)}
.pol-panel hr{border:0;border-top:1px dashed var(--line);margin:14px 0}
.pol-hint{font-size:12.5px;color:var(--muted);line-height:1.5;margin:8px 0 10px}
.pol-hint.stop{color:#8c2f2f}
.pol-panel form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pol-panel select,.pol-panel input[type=text],.pol-panel input[type=date]{
  border:1px solid var(--line);border-radius:8px;padding:7px 10px;
  font-family:var(--sans);font-size:13px;background:#fff;color:var(--ink)}
.pol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;width:100%}
.pol-grid label,.pol-note{display:block;font-size:12px;color:var(--muted);width:100%}
.pol-grid label select,.pol-grid label input,.pol-note input{display:block;width:100%;margin-top:3px}

.pol-histwrap{padding:0 30px 40px;max-width:900px}
.pol-histwrap h3{font-family:var(--serif);font-size:20px;color:var(--forest);margin:26px 0 8px}
.pol-empty{font-size:13px;color:var(--muted);font-style:italic;font-family:var(--serif)}
.pol-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.pol-table th{text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:600;padding:6px 10px 6px 0;border-bottom:1px solid var(--line)}
.pol-table td{padding:7px 10px 7px 0;border-bottom:1px dashed var(--line);vertical-align:top}

/* Fehlende Bildnennung – der Vertragspunkt, nicht bloß ein Hinweis. */
.spd-credit{border:1px solid rgba(160,42,42,.4);background:rgba(160,42,42,.06);
  border-radius:12px;padding:13px 15px;margin-bottom:14px}
.spd-credit .t{font-weight:600;font-size:13.5px;color:#8c2f2f;margin-bottom:5px}
.spd-credit-why{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 9px}
.spd-credit ul{margin:0 0 11px;padding-left:18px;font-size:13px;line-height:1.6}
.spd-credit b{color:var(--forest)}

/* Frage ohne Antwort – sichtbar statt stumm. */
.av-hangt{align-self:flex-start;max-width:86%;background:rgba(184,148,63,.09);
  border:1px solid rgba(184,148,63,.45);border-radius:12px;padding:11px 14px;
  font-size:13px;color:#7a5f1c;line-height:1.5}
.av-hangt form{margin-top:8px}

/* Kategorien und Projekte pflegen */
.dk-ordnung{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:6px}
.dk-ordnung h4{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  margin:0 0 8px;font-weight:600}
.dk-ordnung-liste{list-style:none;margin:0 0 10px;padding:0}
.dk-ordnung-liste li{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:5px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.dk-ordnung-liste button{border:0;background:none;color:var(--muted);cursor:pointer;
  font-size:15px;line-height:1;padding:0 4px}
.dk-ordnung-liste button:hover{color:#8c2f2f}
.dk-ordnung-neu{display:flex;gap:6px}
.dk-ordnung-neu input{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 10px;
  font-family:var(--sans);font-size:13px;background:#fff}
.pol-now{margin:6px 0 10px;font-size:14px}
.pol-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.pol-inline select,.pol-inline input[type=text]{border:1px solid var(--line);border-radius:8px;
  padding:7px 10px;font-family:var(--sans);font-size:13px;background:#fff;color:var(--ink)}
@media(max-width:720px){.dk-ordnung{grid-template-columns:1fr}}

/* --- Prüfung von Dokumenten -------------------------------------------
   Was offen ist, steht in Gold; was steht, tritt zurück. Grün gibt es erst,
   wenn wirklich geprüft wurde – nicht schon für einen erledigten Teilpunkt. */
.facts.pruef{border-left:3px solid var(--gold)}
.facts.pruef.ok{border-left-color:#2e7d32}
.pruef-status{margin:2px 0 10px;font-size:14px}
.pruef-status b{color:#8a6d20}
.pruef-status.ready b,.pruef-status.ok b{color:#2e7d32}
.pruef-status small{display:block;color:var(--muted);font-size:12px;margin-top:3px;font-weight:400}
.pruef-liste{list-style:none;margin:0 0 10px;padding:0}
.pruef-liste li{display:flex;gap:9px;align-items:flex-start;padding:7px 0;
  border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.45}
.pruef-liste li:last-child{border-bottom:0}
.pruef-liste .pruef-mark{flex:0 0 14px;font-size:13px;line-height:1.5}
.pruef-liste li.offen .pruef-mark{color:var(--gold)}
.pruef-liste li.erledigt{color:var(--muted)}
.pruef-liste li.erledigt .pruef-mark{color:#2e7d32}
.pruef-liste li.erledigt b{font-weight:400}
.pruef-liste b{color:var(--forest);font-weight:600}
.pruef-liste small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.5}
.pruef-rang{margin:10px 0 0;padding-top:9px;border-top:1px dashed var(--line);
  font-size:12.5px;color:var(--muted)}
.pruef-rang small{display:block;margin-top:2px;font-style:italic;font-family:var(--serif);font-size:13px}

/* Der Stapel auf der Dokumentenseite – die Erinnerung, ruhig gehalten. */
.pruefstapel{margin:0 30px 6px;border:1px solid rgba(184,148,63,.4);border-radius:14px;
  background:rgba(184,148,63,.06);padding:16px 20px}
.pruefstapel-kopf h3{font-family:var(--display);font-size:13px;letter-spacing:.06em;
  color:var(--forest);margin:0 0 3px}
.pruefstapel-kopf p{margin:0 0 10px;font-size:12.5px;color:var(--muted);line-height:1.5}
.pruefstapel-liste{list-style:none;margin:0;padding:0;counter-reset:ps}
.pruefstapel-liste li{counter-increment:ps;border-top:1px dashed rgba(184,148,63,.35)}
.pruefstapel-liste a{display:block;padding:8px 0 8px 26px;position:relative;
  text-decoration:none;color:inherit}
.pruefstapel-liste a::before{content:counter(ps);position:absolute;left:0;top:8px;
  font-size:11px;color:var(--gold);font-weight:600}
.pruefstapel-liste a:hover .ps-titel{color:var(--gold)}
.ps-titel{display:block;font-size:14px;color:var(--forest);font-weight:600}
.ps-meta{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.ps-grund{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;
  font-family:var(--serif);font-style:italic}
.pruefstapel-mehr{margin:10px 0 0;font-size:12.5px}
.pruefstapel-mehr a{color:var(--gold);text-decoration:none}
.av-card.pruef h5 .n{background:rgba(184,148,63,.2);color:#7a5f1c}
.av-card.pruef .av-btn{margin-top:8px;display:inline-block;text-decoration:none}

/* Was mit einem freigegebenen Beitrag als Nächstes geschieht.
   Geht er von selbst raus, muss das ins Auge fallen – hier ist Zurückhaltung
   fehl am Platz, denn danach ist nichts mehr zurückzuholen. */
.spd-lage{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.spd-lage.raus{border-left:3px solid var(--gold);padding:9px 0 9px 12px;
  background:rgba(184,148,63,.09);color:#7a5f1c;font-weight:600}

/* ================= Begrüßung: das Tagesbriefing =================
   Übernommen aus dem freigegebenen Entwurf docs/mockups/tagesbriefing_2026-08-18.html.
   Was ohne weiteres Zutun nach draußen geht, trägt einen goldenen Streifen –
   danach ist nichts zurückzuholen. */
.tb-wrap{padding:16px 30px 46px;max-width:1040px}
.tb-hallo{font-family:var(--serif);font-size:38px;font-weight:500;color:var(--forest);
  margin:6px 0 4px;line-height:1.1}
.tb-hallo span{color:var(--gold)}
.tb-unter{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted);margin:0 0 24px}

.tb-karte{background:var(--card,#fffdf8);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tb-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:16px 22px 13px;border-bottom:1px solid var(--line)}
.tb-kopf .h{font-family:var(--display);font-size:12.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest)}
.tb-kopf .wann{font-size:12px;color:var(--muted)}
.tb-lead{padding:15px 22px 2px;margin:0;font-family:var(--serif);font-size:20px;
  line-height:1.45;color:var(--forest)}
.tb-ruhe{padding:15px 22px 4px;margin:0;font-family:var(--serif);font-size:20px;
  line-height:1.45;color:var(--forest)}

.tb-zeilen{padding:8px 8px 14px}
.tb-zeile{display:grid;grid-template-columns:176px 1fr auto;gap:16px;align-items:flex-start;
  padding:13px 14px;border-radius:10px}
.tb-zeile + .tb-zeile{border-top:1px solid rgba(23,59,46,.07)}
.tb-was{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);font-weight:600;padding-top:2px}
.tb-was .pip{width:7px;height:7px;border-radius:50%;background:var(--forest);opacity:.35;flex:0 0 auto}
.tb-zeile.achtung .tb-was .pip{background:var(--gold);opacity:1}
.tb-zeile.raus{background:rgba(184,148,63,.09);border-left:3px solid var(--gold)}
.tb-zeile.raus .tb-was .pip{background:var(--gold);opacity:1}
.tb-inhalt .kopf{font-size:15px;color:var(--ink);line-height:1.45}
.tb-inhalt ul{margin:8px 0 0;padding:0;list-style:none}
.tb-inhalt li{font-size:13.5px;line-height:1.4;padding:4px 0 4px 15px;position:relative}
.tb-inhalt li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;
  border-radius:50%;background:rgba(23,59,46,.28)}
.tb-inhalt li a{color:var(--forest);text-decoration:none;font-weight:600}
.tb-inhalt li a:hover{color:var(--gold)}
.tb-inhalt li .meta{color:var(--muted);font-size:12.5px}
.tb-hin{font-size:13px;color:var(--forest);text-decoration:none;white-space:nowrap;
  border-bottom:1px solid var(--gold);padding-bottom:1px;align-self:center}
.tb-hin:hover{color:var(--gold)}

.tb-lampen{display:flex;flex-wrap:wrap;gap:9px}
.tb-lampe{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink);
  background:rgba(23,59,46,.05);border-radius:99px;padding:5px 12px}
.tb-lampe .led{width:7px;height:7px;border-radius:50%;background:#3f7d5c}
.tb-lampe.schlecht .led{background:var(--gold)}
.tb-lampe .t{color:var(--muted)}

.tb-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.tb-zahl{background:var(--card,#fffdf8);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.tb-zahl .n{font-family:var(--serif);font-size:29px;color:var(--forest);line-height:1}
.tb-zahl .l{font-size:12px;color:var(--muted);margin-top:4px}

.tb-fuss{margin:22px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6;
  border-top:1px solid var(--line);padding-top:13px}
.tb-fuss b{color:var(--forest)}

@media(max-width:900px){
  .tb-zeile{grid-template-columns:1fr;gap:6px}
  .tb-hin{align-self:start}
  .tb-zahlen{grid-template-columns:repeat(2,1fr)}
  .tb-hallo{font-size:30px}
}

/* ================= Kontakte und Kommunikationshistorie =================
   Übernommen aus docs/mockups/kommunikationshistorie_2026-08-18.html.
   Eine Spur, in der E-Mail, Notiz und Briefpost nebeneinanderstehen –
   getrennte Listen würden genau das verbergen, worum es geht. */
.kt-wrap{padding:14px 30px 46px;max-width:1000px}
.kt-suche{display:flex;gap:8px;margin-bottom:16px}
.kt-suche input{flex:1;max-width:360px;padding:8px 11px;border:1px solid var(--line);
  border-radius:8px;font:inherit;background:#fff}
.kt-neu .row{display:flex;gap:14px;flex-wrap:wrap}
.kt-neu .field{flex:1;min-width:180px}

.kt-liste{list-style:none;margin:18px 0 0;padding:0}
.kt-liste li{border-top:1px solid var(--line)}
.kt-liste a{display:flex;align-items:center;gap:13px;padding:11px 4px;text-decoration:none;color:inherit}
.kt-liste a:hover .n{color:var(--gold)}
.kt-bild{width:38px;height:38px;border-radius:50%;background:#e6ddc9;flex:0 0 auto;
  display:grid;place-items:center;font-family:var(--serif);font-size:15px;color:var(--forest)}
.kt-bild.gross{width:56px;height:56px;font-size:22px}
.kt-text .n{display:block;font-size:15px;color:var(--forest);font-weight:600}
.kt-text .m{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

.kt-offen{margin-top:20px;background:rgba(184,148,63,.07);border:1px solid rgba(184,148,63,.35);
  border-radius:12px;padding:15px 18px}
.kt-offen h3{font-family:var(--display);font-size:12.5px;letter-spacing:.06em;color:var(--forest);margin:0 0 4px}
.kt-offen ul{list-style:none;margin:10px 0 0;padding:0}
.kt-offen li{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid rgba(184,148,63,.25)}
.kt-offen li .a{font-size:13.5px;color:var(--forest);font-weight:600}
.kt-offen li .m{font-size:12px;color:var(--muted)}
.kt-offen li form{margin-left:auto}

.kt-kopf{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px 20px;display:flex;gap:16px;align-items:center;margin-bottom:16px}
.kt-kopf .n{font-family:var(--serif);font-size:23px;color:var(--forest);line-height:1.15}
.kt-kopf .m{font-size:12.5px;color:var(--muted);margin-top:3px}
.kt-kopf .rechts{margin-left:auto;text-align:right}
.kt-kopf .rechts .gross{font-family:var(--serif);font-size:18px;color:var(--forest)}
.kt-kopf .rechts .klein{font-size:11.5px;color:var(--muted);margin-bottom:6px}

.kt-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kt-spalten .karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.kt-spalten .karte h4{font-family:var(--display);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 10px}
.kt-spalten .karte .zeile{display:flex;justify-content:space-between;gap:10px;font-size:13px;
  padding:4px 0;border-top:1px solid rgba(23,59,46,.07)}
.kt-spalten .karte .zeile:first-of-type{border-top:0}
.kt-spalten .karte .zeile span:last-child{color:var(--muted)}
.kt-spalten .karte label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:9px}
.kt-spalten .karte input[type=text],.kt-spalten .karte select,.kt-spalten .karte textarea{
  width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.kt-adressen{list-style:none;margin:0 0 8px;padding:0}
.kt-adressen li{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;
  border-top:1px solid rgba(23,59,46,.07)}
.kt-adressen li:first-child{border-top:0}
.kt-adressen li i{font-style:normal;font-size:10.5px;color:var(--gold);margin-left:5px}
.kt-adressen form{margin-left:auto}
.kt-adressen button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px;padding:0 3px}
.kt-adr-neu{display:flex;gap:6px;margin-top:8px}
.kt-adr-neu input{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}

.kt-leiste{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.kt-leiste .chip{font-size:12.5px;color:var(--muted);background:rgba(23,59,46,.05);
  border-radius:99px;padding:5px 13px;text-decoration:none}
.kt-leiste .chip.on{background:var(--forest);color:#fff}
.kt-erfassen{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}
.kt-erfassen .row{display:flex;gap:12px;flex-wrap:wrap}
.kt-erfassen .field{flex:1;min-width:130px;margin-bottom:8px}
.kt-erfassen label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.kt-erfassen input,.kt-erfassen select,.kt-erfassen textarea{width:100%;padding:7px 10px;
  border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}

.kt-spur{position:relative;padding-left:26px;margin-top:22px}
.kt-spur::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:rgba(23,59,46,.12)}
.kt-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  font-weight:600;margin:18px 0 8px}
.kt-tag:first-child{margin-top:0}
.kt-ein{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:12px 15px;margin-bottom:9px}
.kt-ein::before{content:"";position:absolute;left:-22px;top:18px;width:11px;height:11px;border-radius:50%;
  background:#fff;border:2px solid var(--gold)}
.kt-ein.rein::before{background:var(--gold)}
.kt-ein .z1{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.kt-ein .pfeil{font-size:13px;color:var(--gold);font-weight:600}
.kt-ein .betreff{font-size:14.5px;color:var(--forest);font-weight:600}
.kt-ein .uhr{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}
.kt-ein .z2{font-size:12.5px;color:var(--muted);margin-top:3px}
.kt-ein .quelle{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 8px;margin-right:6px}
.kt-ein .quelle.beleg{border-color:rgba(184,148,63,.5);color:#7a5f1c;background:rgba(184,148,63,.09)}
.kt-ein .auszug{font-family:var(--serif);font-size:14.5px;color:var(--ink);line-height:1.5;
  margin-top:7px;padding-left:11px;border-left:2px solid rgba(23,59,46,.14)}
.kt-ein .mehr{font-size:12.5px;color:var(--gold);text-decoration:none;display:inline-block;margin-top:6px}
.kt-fuss{margin-top:24px;padding-top:13px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted);line-height:1.6}
.kt-fuss b{color:var(--forest)}

@media(max-width:820px){ .kt-erfassen{grid-template-columns:1fr} }

/* AVIA: Beitrag entwerfen lassen (zweiter Schritt).
   Der Kostenstand steht bewusst über dem Knopf – wer anstößt, soll vorher
   wissen, was es kostet, nicht hinterher. */
.av-draft{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.av-draft input[type=text],.av-draft select{width:100%;padding:8px 11px;border:1px solid var(--line);
  border-radius:9px;font:inherit;background:#fff}
.av-draft option:disabled{color:#a9b4ae}
.av-hint{font-size:11.5px;color:var(--muted);line-height:1.5;margin:8px 0 0}
.av-wt.entwurf{border-left:3px solid var(--gold);padding-left:10px}
.av-art{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#7a5f1c;
  background:rgba(184,148,63,.16);border-radius:99px;padding:1px 8px;margin-left:6px}
.av-cap{font-family:var(--serif);font-size:14px;line-height:1.5;color:var(--ink);margin-top:6px}
.av-cap.kein{font-style:italic;color:var(--muted);font-family:var(--sans);font-size:12.5px}
.av-tags{font-size:12px;color:var(--forest);margin-top:4px;word-break:break-word}
.av-meta{font-size:11.5px;color:var(--muted);margin-top:5px}

/* ================= Die durchgängige AVIA-Leiste =================
   Auf jeder Verwaltungsseite erreichbar, ein- und ausklappbar. Auf den
   Creator-Seiten erscheint sie nicht – die laufen über creator-layout. */
.avia-leiste{width:300px;flex:0 0 300px;border-left:1px solid var(--line);background:#fbf8f1;
  display:flex;flex-direction:column;min-height:0;max-height:100vh;position:sticky;top:0}
.al-kopf{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid var(--line)}
.al-badge{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#fff;
  display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:600}
.al-name{font-size:14px;font-weight:600;color:var(--forest)}
.al-offen{margin-left:auto;font-size:11.5px;background:rgba(184,148,63,.2);color:#7a5f1c;
  border-radius:99px;padding:1px 9px;text-decoration:none;font-weight:600}
.al-zu{margin-left:6px;background:none;border:0;color:var(--muted);font-size:17px;cursor:pointer;
  line-height:1;padding:0 3px}
.al-zu:hover{color:var(--forest)}
.al-laedt{padding:16px 15px;font-size:12.5px;color:var(--muted)}
.al-verlauf{flex:1;overflow-y:auto;padding:13px 15px;display:flex;flex-direction:column;gap:8px;min-height:90px}
.al-leer{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}
.al-msg{font-size:13px;line-height:1.5;padding:8px 11px;border-radius:10px;max-width:92%;
  white-space:pre-wrap;word-break:break-word}
.al-msg.avia{background:rgba(23,59,46,.05);color:var(--ink)}
.al-msg.ich{background:var(--forest);color:#fff;align-self:flex-end}
.al-fragen{padding:11px 15px 14px;border-top:1px solid var(--line)}
.al-fragen textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:9px;
  font:inherit;font-size:13px;background:#fff;resize:vertical}
.al-fuss{display:flex;align-items:center;gap:10px;margin-top:8px}
.al-btn{background:var(--forest);color:#fff;border:0;border-radius:8px;padding:7px 14px;
  font-size:13px;font-family:inherit;cursor:pointer}
.al-mehr{margin-left:auto;font-size:12px;color:var(--gold);text-decoration:none}
.al-grenze{margin:9px 0 0;font-size:11.5px;color:#7a5f1c;line-height:1.45}

/* Zugeklappt bleibt ein schmaler Streifen am Rand stehen – sonst wäre sie weg
   und niemand fände sie wieder. */
.avia-auf{width:34px;flex:0 0 34px;border:0;border-left:1px solid var(--line);
  background:var(--forest);color:#fff;cursor:pointer;font-family:var(--display);
  letter-spacing:.14em;font-size:10.5px;padding:0}
.avia-auf span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block}
.avia-auf:hover{background:var(--forest-dark)}

@media(max-width:1100px){
  .avia-leiste{position:static;width:260px;flex:0 0 260px;max-height:none}
}
@media(max-width:820px){
  .avia-leiste{display:none}
  .avia-auf{display:none}
}

/* ================= Postausgang =================
   Wie die Posteingangs-Zeile (.pe-row), aber als aufklappbares <details> statt
   Verweis auf eine eigene Seite – bei einer Mail lohnt der zweite Klick meist
   nicht. */
.pa-list{padding:0 30px 40px}
.pa-row{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;
  margin-bottom:10px;transition:.15s}
.pa-row[open]{border-color:var(--gold)}
.pa-row.warn{border-color:rgba(138,43,31,.4)}
.pa-row summary{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;list-style:none}
.pa-row summary::-webkit-details-marker{display:none}
.pa-ic{width:38px;height:38px;border-radius:9px;background:#2b6b7a;color:#fff;
  display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.pa-ic.quar{background:#8a2b1f}
.pa-body{flex:1;min-width:0}
.pa-title{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-sub{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-sub a{color:var(--gold);text-decoration:none}
.pa-when{font-size:12px;color:var(--muted);white-space:nowrap;flex:0 0 auto}
.pa-detail{padding:0 18px 16px 74px}
.pa-err{font-size:13px;color:#8a2b1f;margin-bottom:8px}
.pa-text{font-family:var(--serif);font-size:14px;line-height:1.6;color:var(--ink);
  white-space:pre-wrap;word-break:break-word;margin:0}

/* Anschrift auf der Kontaktseite */
.kt-adresse-lesend{font-size:13.5px;color:var(--ink);line-height:1.55;
  background:rgba(23,59,46,.04);border-radius:8px;padding:9px 11px}

/* ================= Partner Recruiting (Phase 1) =================
   Die Entscheidungskarte ist bewusst kurz: Zahl, Sicherheit, Stärken,
   Empfehlung, zwei Knöpfe. Keine Bewertungsmatrix zum Bearbeiten. */
.pr-wrap{padding:14px 30px 46px;max-width:1040px}
.pr-neu .row{display:flex;gap:14px;flex-wrap:wrap}
.pr-neu .field{flex:1;min-width:180px;margin-bottom:8px}
.pr-neu label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.pr-neu input{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}

.pr-list{margin-top:16px}
.pr-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:13px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.pr-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.pr-score{flex:0 0 62px;text-align:center;border-right:1px solid var(--line);padding-right:14px}
.pr-score b{display:block;font-family:var(--serif);font-size:25px;color:var(--muted);line-height:1}
.pr-score i{font-style:normal;font-size:10px;color:var(--muted);letter-spacing:.04em}
.pr-score.a_plus b{color:var(--gold)}
.pr-score.a b{color:var(--forest)}
.pr-score.b b,.pr-score.c b,.pr-score.d b{color:var(--muted)}
.pr-body{flex:1;min-width:0}
.pr-name{display:block;font-size:15px;font-weight:600;color:var(--forest)}
.pr-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.pr-staerken{display:block;font-size:12.5px;color:var(--ink);margin-top:4px;font-family:var(--serif)}
.pr-klasse{font-size:11.5px;color:var(--muted);white-space:nowrap}
.pr-wild{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#7a5f1c;
  background:rgba(184,148,63,.18);border-radius:99px;padding:1px 8px;margin-left:7px}

/* Die Entscheidungskarte */
.pr-karte{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:16px}
.pr-karte.wild{border-color:rgba(184,148,63,.55)}
.pr-karte-kopf{display:flex;align-items:flex-start;gap:20px}
.pr-eyebrow{font-family:var(--display);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.pr-titel{font-family:var(--serif);font-size:27px;color:var(--forest);line-height:1.15;margin-top:3px}
.pr-ort{font-size:12.5px;color:var(--muted);margin-top:3px}
.pr-zahl{margin-left:auto;text-align:center;flex:0 0 auto}
.pr-zahl .w{font-family:var(--serif);font-size:44px;line-height:1;color:var(--muted)}
.pr-zahl.a_plus .w{color:var(--gold)}
.pr-zahl.a .w{color:var(--forest)}
.pr-zahl .l{font-size:10.5px;color:var(--muted);letter-spacing:.04em}
.pr-werte{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.pr-werte div{font-size:13px}
.pr-werte span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pr-werte b{color:var(--forest);font-weight:600}
.pr-wildbox{margin-top:14px;background:rgba(184,148,63,.09);border-left:3px solid var(--gold);
  border-radius:9px;padding:10px 13px;font-size:13px;line-height:1.55;color:#7a5f1c}
.pr-wildbox b{display:block;color:var(--forest);margin-bottom:2px}
.pr-unscored{font-family:var(--serif);font-size:16px;color:var(--muted);line-height:1.5;margin:16px 0 0}
.pr-aktionen{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.pr-hinweis{font-size:12px;color:var(--muted);max-width:340px;line-height:1.45}

.pr-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.pr-spalten .karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.pr-spalten .karte h4{font-family:var(--display);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 10px}
.pr-spalten .zeile{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0;
  border-top:1px solid rgba(23,59,46,.07)}
.pr-spalten .zeile:first-of-type{border-top:0}
.pr-spalten .zeile span:last-child{color:var(--muted);text-align:right;word-break:break-word}
.pr-spalten .zeile a{color:var(--gold);text-decoration:none}
.pr-grund{font-family:var(--serif);font-size:14.5px;line-height:1.6;color:var(--ink);margin:0}
.pr-projekte{list-style:none;margin:0 0 8px;padding:0}
.pr-projekte li{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;border-top:1px solid rgba(23,59,46,.07)}
.pr-projekte li:first-child{border-top:0}
.pr-projekte form{margin-left:auto}
.pr-projekte button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px;padding:0 3px}
.pr-projekt-neu{display:flex;gap:6px;margin-top:8px}
/* min-width:0 ist hier keine Feinheit, sondern nötig: Ein Flex-Element
   schrumpft von sich aus nicht unter die Breite seines längsten Eintrags –
   ein langer Projektname schob das ＋ deshalb aus der Karte heraus.
   text-overflow greift bei einem Klappfeld nicht überall, die Breite wird
   also hart begrenzt. */
.pr-projekt-neu select{flex:1 1 0;min-width:0;max-width:100%;padding:7px 9px;
  border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff;
  text-overflow:ellipsis}
.pr-projekt-neu .btn{flex:0 0 auto}
/* Ebene 2: Eignung je Projektbereich. Der Farbstreifen links macht auf einen
   Blick sichtbar, wo AVIA Nähe sieht – ohne dass etwas zugeordnet wäre. */
/* Der Rückweg – EINE Gestaltung für jede Unterseite. „Keine Sackgassen" ist
   Regel, nicht Geschmack; dann muss der Weg zurück auch überall gleich
   aussehen und an derselben Stelle stehen. Vorher gab es zwei Klassen
   (`qr-back`, `agr-back`), von denen eine gar nicht gestaltet war, dazu
   Abstände von Hand in einzelnen Vorlagen.

   Der Pfeil kommt aus der Gestaltung statt aus dem übersetzten Text: Sonst
   sitzt er je nach Sprache und Wortlänge anders – und beim Übersetzen fällt
   niemandem auf, dass er fehlt oder doppelt steht. Ruhig gehalten, damit er
   dem Seitentitel darüber nicht die Aufmerksamkeit nimmt; erst beim
   Darüberfahren gibt er sich als Knopf zu erkennen. Der linke Abstand ist
   derselbe wie beim Inhalt darunter. */
.backlink{padding:16px 30px 2px;margin:0}
.backlink a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;
  color:var(--muted);text-decoration:none;padding:6px 13px 6px 10px;border-radius:999px;
  border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}
.backlink a::before{content:"←";font-size:15px;line-height:1;transition:transform .15s}
.backlink a:hover{color:var(--forest);background:rgba(23,59,46,.055);border-color:var(--line)}
.backlink a:hover::before{transform:translateX(-3px)}
.backlink a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Sonderfall: Auf zwei Seiten steht der Rückweg als Knopf in einer Leiste
   neben anderen Knöpfen (Rohbild, Sammlung). Dort bleibt die Leiste, aber der
   Pfeil kommt aus derselben Quelle wie überall sonst. */
.chip.zurueck::before{content:"←";margin-right:6px;display:inline-block;transition:transform .15s}
.chip.zurueck:hover::before{transform:translateX(-3px)}
.pr-eignung{padding:9px 0 9px 11px;border-left:3px solid rgba(23,59,46,.12);margin-bottom:9px}
.pr-eignung.hoch{border-left-color:var(--gold)}
.pr-eignung.mittel{border-left-color:rgba(184,148,63,.5)}
.pr-eignung.keine{opacity:.62}
.pr-eignung .pe-kopf{display:flex;align-items:baseline;gap:10px;justify-content:space-between}
.pr-eignung .pe-name{font-weight:600;font-size:13.5px;color:var(--forest)}
.pr-eignung .pe-wert{font-size:12.5px;color:var(--muted);white-space:nowrap}
.pr-eignung .pe-wert b{color:var(--forest);font-size:14px}
.pr-eignung .pe-grund{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:3px}
.pr-fuss{margin-top:24px;padding-top:13px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted);line-height:1.6}
.pr-fuss b{color:var(--forest)}

/* --- Posteingang: AVIAs Vorschlag zur Website (21.08.2026) ------------------
   Goldener Rahmen statt der ueblichen .facts-Karte: Das hier ist ein
   VORSCHLAG, keine Tatsache. Der Unterschied muss man sehen, ohne zu lesen. */
.pe-vorschlag{background:#fffcf3;border:1px solid rgba(184,148,63,.45);border-radius:14px;padding:20px 22px}
.pe-vorschlag h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.05em;
                 color:#6b5417;text-transform:uppercase;margin:0 0 4px}
.pe-avia-sub{font-size:12.5px;color:var(--muted);margin:0 0 14px}
.pe-seiten{margin:0 0 14px}
.pe-seiten summary{font-size:13px;font-weight:600;color:var(--forest);cursor:pointer}
.pe-seiten ul{list-style:none;margin:9px 0 0;padding:0;font-size:13px}
.pe-seiten li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--line)}
.pe-seiten li:first-child{border-top:0}
.pe-seiten li span:first-child{min-width:0;overflow-wrap:anywhere;color:var(--forest)}
.pe-seiten .n{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}

.pe-zeile{display:flex;gap:11px;align-items:flex-start;padding:11px 0;
          border-top:1px solid rgba(184,148,63,.28);cursor:pointer}
.pe-zeile:first-of-type{border-top:0}
.pe-zeile input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin-top:3px;accent-color:var(--forest)}
.pe-zeile .kasten{flex:0 0 auto;width:16px;height:16px;margin-top:3px;border-radius:4px;
                  border:1.5px solid #b9c2bc;background:#fff}
.pe-zeile.aus{cursor:default}
.pe-zeile b{font-size:13.5px;display:block;margin-bottom:2px;font-weight:600}
.pe-zeile em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.5;display:block}

.pe-klasse{background:#fdf6e9;border:1px solid rgba(184,148,63,.5);border-radius:10px;
           padding:12px 14px;margin-top:14px}
.pe-klasse p{margin:0;font-size:12.5px;line-height:1.55}
.pe-klasse b{color:#6b5417}
.pe-klassen{display:flex;gap:7px;margin-top:9px}
.pe-kl{flex:1;text-align:center;font-size:12px;font-weight:600;padding:7px 4px;border-radius:8px;
       border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
.pe-kl input{position:absolute;opacity:0;pointer-events:none}
.pe-kl:has(input:checked){background:var(--forest);color:#fff;border-color:var(--forest)}
.pe-kl:focus-within{outline:2px solid var(--gold);outline-offset:2px}

.pe-tun{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.pe-tun .btn{flex:1 1 auto;justify-content:center}

.pe-tag{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.04em;
        padding:3px 10px;border-radius:20px;background:#f2ead6;color:#6b5417;
        border:1px solid rgba(184,148,63,.4)}
.pe-tag.ok{background:#e4efe6;color:#1d5c3a;border-color:rgba(29,92,58,.3)}

@media(max-width:760px){
  .pe-vorschlag{padding:16px 15px}
  .pe-tun .btn{flex:1 1 100%}
}

.pe-mehr{margin-top:6px}
.pe-mehr summary{font-size:13px;font-weight:600;color:var(--forest);cursor:pointer}
.pe-mehr .pe-bodytext{margin-top:10px}

.pe-wartet{display:flex;gap:11px;align-items:flex-start;background:#fdf6e9;border:1px solid rgba(184,148,63,.5);border-radius:10px;padding:11px 13px;margin:0 0 14px;font-size:12.5px;line-height:1.55}
.pe-wartet span{flex:0 0 auto}
.pe-wartet b{display:block;color:#6b5417}

/* Mehrfachauswahl der Projekte am Dokument (21.08.2026) */
.dk-projekte{display:flex;flex-wrap:wrap;gap:7px 14px}
.dk-proj-wahl{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;cursor:pointer}
.dk-proj-wahl input{width:15px;height:15px;accent-color:var(--forest);margin:0}
.dk-proj-wahl:focus-within span{text-decoration:underline;text-underline-offset:2px}

/* Was der Bewerber selbst geschrieben hat (21.08.2026) */
.pr-bewerbung{background:#fffcf3;border:1px solid rgba(184,148,63,.45);border-radius:14px;padding:20px 22px;margin:0 0 18px}
.pr-bewerbung h3{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.05em;color:#6b5417;text-transform:uppercase;margin:0 0 12px}
.pr-app-satz{font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 14px}
.pr-app-felder{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 12px;font-size:13.5px}
.pr-app-felder dt{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding-top:3px}
.pr-app-felder dd{margin:0}
.pr-app-fuss{font-size:12px;color:var(--muted);margin:0}
@media(max-width:600px){.pr-app-felder{grid-template-columns:1fr;gap:1px 0}.pr-app-felder dt{margin-top:9px}}
.pr-app-warn{font-size:12.5px;line-height:1.5;color:#8a6112;background:#fdf6e9;border:1px solid rgba(184,148,63,.5);border-radius:8px;padding:9px 11px;margin:0 0 12px}
.pr-app-original{margin:0 0 12px}
.pr-app-original summary{font-size:12.5px;font-weight:600;color:var(--forest);cursor:pointer}
.pr-app-original p{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--muted);margin:9px 0 0}

/* ---------------------------------------------------------------------------
   Casa Vivere – Rollen und Stände je Projekt (Lieferung 2, 24.08.2026)
   --------------------------------------------------------------------------- */

/* Die Projektreiter. Sie stehen ÜBER der Standleiste: erst das Vorhaben
   wählen, dann darin filtern. */
.cv-projekte{display:flex;gap:8px;padding:16px 30px 12px;flex-wrap:wrap;align-items:center}
.cv-projekte .vor{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin-right:4px}
.cv-projekte .chip .n{opacity:.6;margin-left:6px;font-size:11.5px}

/* AVIAs Empfehlungen: golden, weil sie ein Vorschlag sind und kein Bestand. */
.cv-empf{margin:18px 30px 0;background:rgba(184,148,63,.09);
  border:1px solid rgba(184,148,63,.4);border-radius:12px;padding:15px 18px;max-width:1040px}
.cv-empf h4{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:#7a5f1c;margin:0 0 3px}
.cv-empf .sub{font-family:var(--serif);font-style:italic;font-size:14.5px;
  color:var(--muted);margin:0 0 11px}
.cv-empf .zeile{display:flex;align-items:center;gap:12px;padding:8px 0;
  border-top:1px solid rgba(184,148,63,.25);flex-wrap:wrap;margin:0}
.cv-empf .zeile:first-of-type{border-top:0}
.cv-empf .z{font-family:var(--serif);font-size:21px;color:var(--gold);min-width:34px;line-height:1}
.cv-empf .nm{flex:1;min-width:180px}
.cv-empf .nm b{display:block;font-size:14px;color:var(--forest);font-weight:600}
.cv-empf .nm span{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.cv-empf select{border:1px solid var(--line);border-radius:8px;padding:5px 9px;
  font:inherit;font-size:12.5px;background:#fff;color:var(--ink)}

/* Die Rollengruppen. Eine leere Rolle bleibt sichtbar – die Lücke IST die
   Information ("noch kein Modulhausanbieter"). */
.cv-gruppe{margin:20px 30px 0;max-width:1040px}
.cv-rollentitel{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 3px;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cv-rollentitel em{font-family:var(--serif);font-style:italic;font-size:14px;
  letter-spacing:0;text-transform:none;color:var(--muted)}
.cv-leer{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted);
  margin:8px 0 4px;line-height:1.5}
.cv-gruppe .pr-row{margin-bottom:0;margin-top:9px}

/* In der Projektsicht färbt die RELEVANZ die Zahl, nicht die Klasse:
   Angezeigt wird die Eignung für dieses Projekt. */
.pr-score.hoch b{color:var(--gold)}
.pr-score.mittel b{color:var(--forest)}
.pr-score.gering b,.pr-score.keine b{color:var(--muted)}
.pr-score i{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cv-stand{font-size:11px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.cv-stand.identifiziert{background:#ece9e2;color:#6d7d75}
.cv-stand.kandidat{background:#f3ecd8;color:#8a6a1f}
.cv-stand.bewertet{background:#e8eef1;color:#3c5a68}
.cv-stand.shortlist{background:rgba(184,148,63,.24);color:#7a5f1c}
.cv-stand.partner{background:#e4efe6;color:#1f6b3a}
.cv-stand.abgelegt{background:#ece9e2;color:#6d7d75}

/* Die Gesamtnote geht nicht verloren – sie ist hier nur nicht die Hauptsache. */
.cv-gesamt{font-size:11px;color:var(--muted);white-space:nowrap;text-align:right;min-width:66px}
.cv-gesamt b{display:block;font-family:var(--serif);font-size:17px;color:var(--muted);font-weight:400}

/* Der erklärende Satz bei weit auseinanderliegenden Zahlen. */
.cv-notiz{background:#fff;border-left:3px solid var(--gold);border-radius:9px;
  padding:11px 14px;font-size:13.5px;line-height:1.55;color:var(--ink);margin-top:14px}
.cv-notiz b{display:block;color:var(--forest);margin-bottom:2px;font-size:12.5px}

/* Person oder Unternehmen – auf der Akte, nicht in einem Einstellungsmenü. */
.cv-art{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);
  margin-top:14px;padding-top:13px;border-top:1px solid rgba(23,59,46,.08);flex-wrap:wrap}
.cv-art .wahl{display:flex;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.cv-art .wahl form{margin:0}
.cv-art .wahl button{border:0;background:#fff;padding:5px 14px;font:inherit;font-size:12.5px;
  color:var(--muted);cursor:pointer}
.cv-art .wahl button.on{background:var(--forest);color:#fff}
.cv-art .hint{font-family:var(--serif);font-style:italic;font-size:14px;flex:1;min-width:220px}

/* Rollen in Projekten */
.cv-rollen{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 21px;margin-bottom:16px}
.cv-rollen > h4{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 4px}
.cv-rollen > .hinweis{font-family:var(--serif);font-style:italic;font-size:14.5px;
  color:var(--muted);margin:0 0 14px;line-height:1.5}
.cv-rollenzeile{display:flex;align-items:center;gap:12px;padding:11px 0;flex-wrap:wrap;
  border-top:1px solid rgba(23,59,46,.08)}
.cv-rollenzeile:first-of-type{border-top:0}
.cv-rollenzeile form{margin:0}
.cv-rollenzeile .prj{font-family:var(--serif);font-size:17px;color:var(--forest);min-width:120px}
.cv-rollenzeile .rl{flex:1;font-size:13px;color:var(--ink);min-width:160px}
.cv-rollenzeile .rl small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.cv-rollenzeile select,.cv-neuzeile select{border:1px solid var(--line);border-radius:8px;
  padding:5px 9px;font:inherit;font-size:12.5px;background:#fff;color:var(--ink)}
.cv-neuzeile{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;
  padding-top:14px;border-top:1px dashed var(--line)}
.btn.klein{padding:5px 12px;font-size:12.5px}

/* Ansprechpartner anlegen (Lieferung 2a) – drei Felder mit Beschriftung
   nebeneinander, statt eines Klappfeld-Reigens. */
.cv-feld{display:flex;flex-direction:column;gap:3px;flex:1;min-width:150px}
.cv-feld span{font-size:11.5px;color:var(--muted)}
.cv-feld input{padding:6px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}
.cv-feld input:focus{outline:none;border-color:var(--gold)}
.cv-rollenzeile .rl small{word-break:break-all}
.cv-rollenzeile a.btn{text-decoration:none;display:inline-block}

/* ---------------------------------------------------------------------------
   Die Projektseite (Lieferung 3, 24.08.2026)
   --------------------------------------------------------------------------- */
.prj-wrap{padding:14px 30px 46px;max-width:1040px}
.prj-kopf{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin-bottom:16px}
.prj-eyebrow{font-family:var(--display);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.prj-titel{font-family:var(--serif);font-size:28px;color:var(--forest);line-height:1.15;margin-top:3px}
.prj-satz{font-family:var(--serif);font-size:17px;color:#4a5a52;line-height:1.55;
  margin:10px 0 0;max-width:640px}

/* Die drei Phasen nebeneinander. Die laufende trägt eine goldene Kante –
   ein Zustand, kein Knopf. */
.prj-phasen{display:flex;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  flex-wrap:wrap}
.prj-phase{flex:1;min-width:190px;padding:0 16px;border-left:2px solid var(--line)}
.prj-phase:first-child{padding-left:0;border-left:0}
.prj-phase.jetzt{border-left-color:var(--gold)}
.prj-phase.jetzt:first-child{border-left:0}
.prj-phase .nr{font-family:var(--display);font-size:10px;letter-spacing:.16em;color:var(--muted)}
.prj-phase .nm{font-family:var(--serif);font-size:18px;color:var(--muted);margin-top:2px}
.prj-phase.jetzt .nm{color:var(--forest)}
.prj-phase .was{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.prj-phase .marke{display:inline-block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(184,148,63,.2);color:#7a5f1c;border-radius:99px;padding:2px 9px;margin-top:6px}
.prj-phase form{margin:6px 0 0}
.prj-phase-btn{border:0;background:none;padding:0;font:inherit;font-size:12px;
  color:var(--gold);cursor:pointer}
.prj-phase-btn:hover{text-decoration:underline}

.prj-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.prj-spalten .karte{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 20px}
.prj-spalten .karte h4{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 4px}
.prj-spalten .karte.breit{grid-column:1/-1}
.prj-hinweis{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted);
  margin:0 0 12px;line-height:1.45}
.prj-leer{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted);margin:6px 0}

/* Besetzung: die Lücke IST die Information, deshalb steht die Null in Rot. */
.prj-rz{display:flex;align-items:center;gap:12px;padding:9px 0;
  border-top:1px solid rgba(23,59,46,.07)}
.prj-rz:first-of-type{border-top:0}
.prj-rz .r{flex:1;font-size:13.5px;color:var(--forest)}
.prj-rz .r small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.prj-rz .z{font-family:var(--serif);font-size:20px;color:var(--muted);min-width:24px;text-align:right}
.prj-rz.leer .r{color:var(--muted)}
.prj-rz.leer .z{color:#b04a3a}
.prj-punkt{width:8px;height:8px;border-radius:99px;background:var(--gold);flex:0 0 auto}
.prj-punkt.aus{background:rgba(23,59,46,.18)}
.prj-mehr{margin-top:8px;border-top:1px solid var(--line)}
.prj-mehr a{color:var(--gold);text-decoration:none}

/* Projektgrundlage */
.prj-gruppe{margin-bottom:14px}
.prj-gruppe > b{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  display:block;margin-bottom:5px}
.prj-az{display:flex;align-items:baseline;gap:12px;padding:6px 0;
  border-top:1px solid rgba(23,59,46,.07);flex-wrap:wrap}
.prj-az:first-of-type{border-top:0}
.prj-az .t{font-size:13px;color:var(--ink);min-width:150px}
.prj-az .w{font-family:var(--serif);font-size:17px;color:var(--forest);flex:1;min-width:120px}
.prj-az .w em{font-style:italic;font-size:14px;color:var(--muted)}
.prj-aendern{color:var(--gold);text-decoration:none;font-size:12.5px}
.prj-az.bearbeiten{background:#fff;border-radius:10px;padding:12px 14px;
  border:1px solid rgba(184,148,63,.4);align-items:flex-end}
.prj-az.bearbeiten .felder{display:flex;gap:10px;flex:1;flex-wrap:wrap;min-width:220px}
.prj-az.bearbeiten label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:130px}
.prj-az.bearbeiten label span{font-size:11.5px;color:var(--muted)}
.prj-az.bearbeiten input{padding:6px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}
.prj-az.bearbeiten input:focus{outline:none;border-color:var(--gold)}
.prj-az.bearbeiten a.btn{text-decoration:none;display:inline-block}

.prj-entwurf{margin-top:12px;background:rgba(184,148,63,.09);border-left:3px solid var(--gold);
  border-radius:9px;padding:11px 14px;font-size:13px;line-height:1.55;color:#7a5f1c}
.prj-entwurf b{display:block;color:var(--forest);margin-bottom:2px;font-size:12.5px}

.prj-spalten .zeile{display:flex;justify-content:space-between;gap:12px;font-size:13px;
  padding:5px 0;border-top:1px solid rgba(23,59,46,.07)}
.prj-spalten .zeile:first-of-type{border-top:0}
.prj-spalten .zeile span:last-child{color:var(--muted);text-align:right}
.prj-spalten .zeile a{color:var(--gold);text-decoration:none}

/* Der Block in der Kommandozentrale */
.kdz-cv-kpi{display:flex;gap:16px;flex-wrap:wrap}
.kdz-cv-kpi div{min-width:54px}
.kdz-cv-kpi b{display:block;font-family:var(--serif);font-size:24px;color:var(--forest);line-height:1}
.kdz-cv-kpi span{font-size:11px;color:var(--muted)}
.kdz-cv-kpi div.gold b{color:var(--gold)}
.kdz-cv-kpi div.warn b{color:#b04a3a}
.kdz-cv-luecke{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--muted);
  margin:10px 0 0;line-height:1.45}
.kdz-cv-weg{display:inline-block;margin-top:10px;color:var(--gold);text-decoration:none;font-size:12.5px}
.kdz-cv-weg:hover{text-decoration:underline}

/* Angaben ergänzen und entfernen (24.08.2026) */
.prj-az form{margin:0;display:inline}
.prj-entfernen{border:0;background:none;padding:0;font:inherit;font-size:12.5px;
  color:var(--muted);cursor:pointer}
.prj-entfernen:hover{color:#b04a3a;text-decoration:underline}
.prj-neu{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.prj-neu > summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--forest)}
.prj-neu > summary::-webkit-details-marker{display:none}
.prj-neu form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.prj-neu label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:130px}
.prj-neu label span{font-size:11.5px;color:var(--muted)}
.prj-neu input,.prj-neu select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}
.prj-neu input:focus,.prj-neu select:focus{outline:none;border-color:var(--gold)}

/* Das doppelte Urteil (Lieferung 4, 24.08.2026) – zwei Zahlen nebeneinander,
   keine verrechnete. */
.pr-zahlen{margin-left:auto;display:flex;gap:20px;align-items:stretch}
.pr-zahl-kante{width:1px;background:var(--line)}
.pr-zahl.fach .w{color:var(--gold)}
.pr-zahl.fach .l{color:#7a5f1c}
.pr-zahl .l{max-width:92px;line-height:1.3}
.cv-fachgrund{font-family:var(--serif);font-size:16px;line-height:1.55;color:var(--ink);
  margin:12px 0 0}
.cv-hinweise{margin-top:14px;background:rgba(184,148,63,.09);border-left:3px solid var(--gold);
  border-radius:9px;padding:11px 14px;font-size:13.5px;line-height:1.6;color:var(--ink)}
.cv-hinweise b{display:block;color:var(--forest);margin-bottom:3px;font-size:12.5px}
.cv-hinweise ul{margin:0;padding-left:18px}
.cv-hinweise li{margin-bottom:3px}
.cv-hinweise .fuss{font-family:var(--serif);font-style:italic;font-size:14px;
  color:var(--muted);margin-top:6px}

/* ===========================================================================
   Casa Vivere – Medien und Ton der Microsite (Lieferung 2)
   =========================================================================== */

.cvm-wrap{padding:18px 30px 40px;max-width:1400px}
.cvm-kopf h3{font-family:var(--serif);font-size:21px;color:var(--forest);font-weight:500;margin:0 0 4px}
.cvm-kopf .prj-hinweis{max-width:74ch}

/* Der Hinweis, dass hier nichts öffentlich ist. Er steht oben und nicht im
   Kleingedruckten, weil er die wichtigste Auskunft dieser Seite ist. */
.cvm-sperrhinweis{background:#f4f0e5;border:1px solid rgba(184,148,63,.35);border-left:3px solid var(--gold);
  border-radius:9px;padding:10px 14px;font-size:13px;color:#7a6320;line-height:1.55;margin:14px 0 20px;max-width:96ch}

.cvm-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}
.cvm-karte{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column}
.cvm-karte.gesperrt{border-color:rgba(184,148,63,.55);box-shadow:0 0 0 1px rgba(184,148,63,.2)}
.cvm-karte figure{margin:0;position:relative;background:#efeade}
.cvm-karte figure a{display:block}
.cvm-karte img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.cvm-marke{position:absolute;top:10px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 8px;border-radius:5px}
.cvm-marke.schnitt{left:10px;background:rgba(23,59,46,.92);color:var(--gold)}
.cvm-marke.lock{right:10px;background:var(--gold);color:#3a2e12;font-weight:700}

.cvm-leib{padding:12px 14px 13px;display:flex;flex-direction:column;gap:8px;flex:1}
.cvm-titel{font-family:var(--serif);font-size:17px;line-height:1.3;color:var(--forest)}
.cvm-datei{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);word-break:break-all}
.cvm-platz{display:flex;flex-direction:column;gap:7px;margin:0}
.cvm-zeile{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.cvm-zeile > span:first-child{flex:0 0 58px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  font-weight:600;color:var(--ink)}
.cvm-zeile select{flex:1;min-width:0;font-family:var(--sans);font-size:13px;padding:5px 8px;
  border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.cvm-zeile .fest{flex:1;font-size:13px;color:var(--ink);background:#f2eee3;border:1px dashed var(--line);
  border-radius:7px;padding:5px 8px}
.cvm-platz .btn.klein{align-self:flex-start;padding:5px 12px;font-size:12.5px;border-radius:8px}

.cvm-fakten{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;font-size:11.5px;
  color:var(--muted);border-top:1px solid var(--line);padding-top:8px}
.cvm-fakten b{color:var(--ink);font-weight:600;font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;display:block}
.cvm-crop{font-size:11.5px;color:#96702A;background:#f5e9cf;border-radius:6px;padding:7px 9px;line-height:1.45}
.cvm-crop b{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;display:block}
.cvm-crop em{display:block;margin-top:3px;font-style:normal;opacity:.85}
.cvm-vermerk{font-size:11.5px;background:#f5e9cf;color:#96702A;border-radius:6px;padding:7px 9px;line-height:1.45}
.cvm-vermerk.sperr{background:#f6e4df;color:#8C3A2E}

.cvm-fuss{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.cvm-wege{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cvm-wege a{color:var(--forest);text-decoration:none;border-bottom:1px solid rgba(23,59,46,.2)}
.cvm-wege a:hover{border-bottom-color:var(--gold)}
.cvm-inline{display:inline;margin:0}
.cvm-linkbtn{background:0;border:0;padding:0;font-family:var(--sans);font-size:12px;color:var(--forest);
  cursor:pointer;border-bottom:1px solid rgba(23,59,46,.2)}
.cvm-linkbtn:hover{border-bottom-color:var(--gold)}

/* --- Ton --- */
.cvt-karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;
  max-width:880px;margin:0 0 18px}
.cvt-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cvt-titel{font-family:var(--serif);font-size:23px;color:var(--forest);line-height:1.25}
.cvt-titel small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:3px}
.cvt-stand{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 8px;border-radius:5px;white-space:nowrap}
.cvt-stand.st-entwurf{background:#f5e9cf;color:#96702A}
.cvt-stand.st-wartet_auf_freigabe{background:#e8eef5;color:#3b5a7a}
.cvt-stand.st-freigegeben{background:#e4ede4;color:#3F6B4E}
.cvt-audio{width:100%;margin:16px 0;display:block}

.cvt-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;
  align-items:end;margin:16px 0}
.cvt-felder label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);margin:0}
.cvt-felder b{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:600}
.cvt-felder select{font-family:var(--sans);font-size:14px;padding:7px 9px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink)}
.cvt-mix{display:flex;align-items:center;gap:10px}
.cvt-mix input[type=range]{flex:1;min-width:0;accent-color:var(--gold)}
.cvt-mix output{font-variant-numeric:tabular-nums;font-weight:600;color:var(--forest);
  width:48px;text-align:right;font-size:13px}
.cvt-felder .btn.klein{padding:7px 14px;font-size:13px;border-radius:8px}

.cvt-kette{display:flex;margin:18px 0 8px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cvt-kst{flex:1;padding:11px 12px;font-size:12.5px;text-align:center;background:#fff;
  border-right:1px solid var(--line);color:var(--muted)}
.cvt-kst:last-child{border-right:0}
.cvt-kst.jetzt{background:#f5e9cf;color:#96702A;font-weight:600}
.cvt-kst b{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:2px;opacity:.65;font-weight:600}

.cvt-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cvt-knoepfe form{margin:0}
.cvt-warum{background:#f6e4df;border:1px solid rgba(140,58,46,.25);border-radius:9px;padding:11px 13px;
  font-size:13px;color:#8C3A2E;line-height:1.55;margin:14px 0 0}
.cvt-warum b{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.cvt-fehlt{background:#f7f5ee;border:1px dashed var(--line);border-radius:10px;padding:13px 16px;
  font-size:13px;color:var(--muted);line-height:1.5;max-width:880px;margin:0 0 12px}
.cvt-fehlt b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:2px}

/* Schmale Schirme: Die Freigabekette steht untereinander. Vier Stände
   nebeneinander passen auf einem Telefon nicht – der letzte würde vom
   overflow:hidden des Rahmens abgeschnitten, und ausgerechnet der ist
   der wichtigste. */
@media(max-width:620px){
  .cvm-wrap{padding:16px 18px 34px}
  .cvt-kette{flex-direction:column}
  .cvt-kst{border-right:0;border-bottom:1px solid var(--line);text-align:left;
    display:flex;align-items:baseline;gap:9px}
  .cvt-kst:last-child{border-bottom:0}
  .cvt-kst b{margin-bottom:0;flex:none;min-width:52px}
  .cvm-fakten{grid-template-columns:1fr 1fr}
  .cvt-karte{padding:16px 16px}
  .cvt-knoepfe .btn{width:100%;justify-content:center}
  .cvt-knoepfe form{flex:1 1 100%}
}

.cvm-schnitt-feld{border-top:1px solid var(--line);padding-top:8px}
.cvm-schnitt-feld > summary{font-size:12px;color:var(--forest);cursor:pointer;list-style:none;
  display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid rgba(23,59,46,.2)}
.cvm-schnitt-feld > summary::-webkit-details-marker{display:none}
.cvm-schnitt-feld > summary::after{content:"＋";font-size:11px;opacity:.6}
.cvm-schnitt-feld[open] > summary::after{content:"–"}
.cvm-schnitt-feld form{margin:10px 0 0}
.cvm-schnitt-masse{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cvm-schnitt-masse label,.cvm-schnitt-grund{display:flex;flex-direction:column;gap:3px;margin:0}
.cvm-schnitt-masse span,.cvm-schnitt-grund span{font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;color:var(--ink)}
.cvm-schnitt-masse input,.cvm-schnitt-grund input{font-family:var(--sans);font-size:13px;
  padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);width:100%}
.cvm-schnitt-grund{margin-top:8px}
.cvm-schnitt-knoepfe{margin-top:9px}
.cvm-schnitt-feld .prj-hinweis{font-size:11.5px;margin:7px 0 0}

/* ---------------------------------------------------------------------------
   Inhalte der Website (Casa Vivere) – Texte freigeben und öffentlich schalten.

   Die Liste ist zum Durchgehen gebaut, nicht zum Bewundern: eine Zeile je
   Baustein, der Stand rechts, die Knöpfe darunter. Das Bearbeiten steckt in
   einem Aufklapper, damit die Seite überschaubar bleibt.
   --------------------------------------------------------------------------- */
.cvi-stand{display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 12px}
.cvi-zahl{text-align:left}
.cvi-zahl b{font-family:var(--serif);font-size:30px;color:var(--forest);line-height:1;display:block}
.cvi-zahl small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  display:block;margin-top:3px}
.cvi-satz{flex:1;min-width:240px;margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}

.cvi-alle{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.cvi-alle b{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  margin-right:4px}
.cvi-alle form{margin:0}

.cvi-warnung{background:#f6e4df;border:1px solid rgba(140,58,46,.3);border-left:4px solid #8C3A2E;
  border-radius:10px;padding:13px 16px;margin:0 0 18px;font-size:13.5px;line-height:1.6;color:#5c2a22}
.cvi-warnung b{display:block;margin-bottom:3px;color:#8C3A2E}
.cvi-warnung span{display:block;margin-top:6px;font-style:italic}

.cvi-gruppe{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--forest);
  margin:26px 0 8px;display:flex;align-items:baseline;gap:9px}
.cvi-gruppe span{font-family:var(--sans);font-size:11px;letter-spacing:.09em;color:var(--muted)}

.cvi-liste{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cvi-zeile{padding:14px 18px;border-top:1px solid var(--line)}
.cvi-zeile:first-child{border-top:none}
.cvi-zeile.ohne-text{background:rgba(140,58,46,.045)}
.cvi-kopf{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cvi-titel{font-family:var(--serif);font-size:18px;color:var(--forest);line-height:1.3}
.cvi-titel em{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);margin-right:7px}
.cvi-marke{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 8px;border-radius:5px;white-space:nowrap}
.cvi-marke.st-entwurf{background:#f5e9cf;color:#96702A}
.cvi-marke.st-wartet_auf_freigabe{background:#e8eef5;color:#3b5a7a}
.cvi-marke.st-freigegeben{background:#e4ede4;color:#3F6B4E}
.cvi-marke.st-oeffentlich{background:var(--forest);color:var(--gold)}
.cvi-auszug{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.55;max-width:86ch}
.cvi-fehlt{margin:5px 0 0;font-size:12.5px;color:#8C3A2E}

.cvi-bearbeiten{margin:9px 0 0}
.cvi-bearbeiten summary{font-size:12.5px;color:var(--muted);cursor:pointer;
  display:inline-block;padding:3px 0}
.cvi-bearbeiten form{margin:10px 0 0;display:flex;flex-direction:column;gap:9px;max-width:760px}
.cvi-bearbeiten label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cvi-bearbeiten label b{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.cvi-bearbeiten input[type=text],.cvi-bearbeiten textarea,.cvi-bearbeiten select{
  font-family:var(--sans);font-size:14px;padding:7px 9px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink);width:100%}
.cvi-bearbeiten textarea{line-height:1.55;resize:vertical}
.cvi-bearbeiten button{align-self:flex-start}

.cvi-knoepfe{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.cvi-knoepfe form{margin:0}
.cvi-bau{margin-top:22px}

@media(max-width:760px){
  .cvi-kopf{flex-direction:column;align-items:flex-start;gap:6px}
  .cvi-stand{gap:14px}
}

/* =====================================================================
   CASA VIVERE · Grundstuecksboard (12.09.2026)

   Eine Entscheidungsoberflaeche, kein Formular. Auf der ersten Ebene
   stehen Bild, Ort, drei Kernzahlen, FIT und der wichtigste offene
   Punkt; alles Weitere liegt hinter <details>. Deshalb hier viel
   Weissraum und wenige, ruhige Linien - dieselbe DNA wie RADAR und
   Casa Vivere, kein zweites Designsystem.
   ===================================================================== */
/* Der Seitenrand ist der im Haus uebliche: .kt-wrap, .pr-wrap, .dd-wrap,
   .tb-wrap und .agrwrap setzen alle 30px links und rechts. Diese Vorlage
   hatte als einzige gar keinen - der Inhalt klebte an der Navigationsleiste.
   Nur die Waagerechte, damit sich am senkrechten Rhythmus nichts aendert. */
.gs-wrap{max-width:1180px;padding-inline:30px}
.gs-wrap .radar-kpis{margin-bottom:10px}
.gs-herkunft{font-size:12px;color:var(--muted);margin:0 0 18px;line-height:1.5}

/* --- Handerfassung: ein Knopf, der sich oeffnet ---------------------- */
.gs-erfassen{margin:0 0 22px}
.gs-erfassen>summary{list-style:none;cursor:pointer;user-select:none}
.gs-erfassen>summary::-webkit-details-marker{display:none}
.gs-erfassen[open]>summary{background:var(--forest-dark)}
.gs-erfassen-inhalt{margin-top:14px;background:var(--card);border:1px solid var(--line);
  border-radius:13px;padding:20px 22px;box-shadow:0 4px 14px rgba(23,59,46,.04)}
.gs-formhinweis{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 16px}
.gs-formgitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}
.gs-formgitter .gs-breit{grid-column:1/-1}
.gs-wrap form p{margin:0 0 13px;display:flex;flex-direction:column;gap:4px}
.gs-wrap label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.gs-pflicht{letter-spacing:0;text-transform:none;color:var(--gold);font-weight:600}
.gs-wrap input[type=text],.gs-wrap input[type=url],.gs-wrap textarea,.gs-wrap select{
  font-family:var(--sans);font-size:13.5px;padding:8px 11px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink);width:100%}
.gs-wrap textarea{line-height:1.55;resize:vertical}
.gs-wrap input:focus,.gs-wrap textarea:focus,.gs-wrap select:focus{
  outline:none;border-color:var(--gold)}

/* --- Aufklappbare Unterbloecke innerhalb der Formulare --------------- */
.gs-unterblock{margin:6px 0 16px;border-top:1px solid var(--line);padding-top:12px}
.gs-unterblock>summary{cursor:pointer;font-size:12px;color:var(--muted);
  letter-spacing:.03em;padding:2px 0}
.gs-unterblock>summary:hover{color:var(--forest)}
.gs-unterblock[open]>summary{color:var(--forest);font-weight:600;margin-bottom:10px}
.gs-kriterien{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}

/* --- Leerzustand ----------------------------------------------------- */
.gs-leer{text-align:center;padding:56px 24px 60px;background:var(--card);
  border:1px solid var(--line);border-radius:13px;margin-top:18px}
.gs-leer h2{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--forest);
  margin:0 0 8px}
.gs-leer p{font-size:13.5px;color:var(--muted);margin:0 0 20px}

/* --- Das Board ------------------------------------------------------- */
.gs-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:18px;margin-top:18px;align-items:start}
.gs-karte{background:var(--card);border:1px solid var(--line);border-radius:13px;
  overflow:hidden;box-shadow:0 4px 14px rgba(23,59,46,.04);display:flex;flex-direction:column}

.gs-bild{position:relative;aspect-ratio:16/10;background:#eee9dc;overflow:hidden}
/* position:relative ist hier nicht Kosmetik: Der Platzhalter darunter
   ist absolut gesetzt und wuerde sonst UEBER dem geladenen Bild liegen -
   "KEIN BILD" stuende quer im Foto. */
.gs-bild img{width:100%;height:100%;object-fit:cover;display:block;position:relative}
.gs-kein-bild{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#a8a08c}
.gs-bild .radar-badge{position:absolute;left:12px;top:12px;background:rgba(255,253,248,.94);
  backdrop-filter:blur(2px)}
.gs-stand-kontaktieren{border-color:#3d8a58;color:#2c6b42}
.gs-stand-ausschliessen{border-color:#c2b7a4;color:#8a8172}
.gs-stand-pruefen{border-color:var(--gold);color:#8a6c22}

.gs-inhalt{padding:15px 17px 16px;display:flex;flex-direction:column;gap:11px;flex:1}
.gs-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.gs-kopf h3{font-family:var(--serif);font-size:21px;font-weight:500;color:var(--forest);
  margin:0;line-height:1.15}
.gs-unterzeile{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.35}

.gs-fit{text-align:right;flex-shrink:0}
.gs-fit b{font-family:var(--display);font-size:22px;font-weight:500;color:var(--forest);
  line-height:1;display:block}
.gs-fit b span{font-size:11px;color:var(--muted);margin-left:2px}
.gs-fit.hi b{color:#2c6b42}.gs-fit.mid b{color:#8a6c22}.gs-fit.lo b{color:#a04a35}
.gs-fitdots{display:flex;gap:3px;justify-content:flex-end;margin-top:5px}
.gs-fitdots i{width:7px;height:7px;border-radius:50%;background:#ddd6c6}
.gs-fitdots i.gruen{background:#3d8a58}
.gs-fitdots i.gelb{background:var(--gold)}
.gs-fitdots i.rot{background:#b0523c}
.gs-fitdots i.unbekannt{background:#ddd6c6}

.gs-kern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;margin:0;
  padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gs-kern div{min-width:0}
.gs-kern dt{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  font-weight:600;margin:0}
.gs-kern dd{margin:2px 0 0;font-size:15px;font-weight:600;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-anfrage{font-size:12.5px;font-weight:400;color:var(--muted)}

.gs-warnung{margin:0;font-size:12.5px;line-height:1.45;color:#8a6c22;
  background:#f9f2e0;border-radius:8px;padding:8px 11px}
.gs-stand{margin:0;font-size:11px;color:var(--muted)}

.gs-aktionen{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:4px}
.gs-aktionen .btn.klein{font-size:12px;padding:6px 11px;border-radius:8px}
.gs-statusmenu{position:relative}
.gs-statusmenu>summary{list-style:none;cursor:pointer;font-size:12px;padding:6px 11px;
  border-radius:8px}
.gs-statusmenu>summary::-webkit-details-marker{display:none}
.gs-statusmenu form{position:absolute;right:0;bottom:calc(100% + 6px);z-index:5;
  display:flex;flex-direction:column;min-width:172px;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:5px;
  box-shadow:0 8px 24px rgba(23,59,46,.14)}
.gs-statusmenu button{background:none;border:0;text-align:left;font-family:var(--sans);
  font-size:13px;color:var(--ink);padding:8px 10px;border-radius:7px;cursor:pointer}
.gs-statusmenu button:hover{background:var(--ivory);color:var(--forest)}

/* --- Details: alles Weitere ------------------------------------------ */
.gs-details{border-top:1px solid var(--line)}
.gs-details>summary{cursor:pointer;font-size:12px;color:var(--muted);padding:11px 17px;
  letter-spacing:.03em}
.gs-details>summary:hover{color:var(--forest);background:#fbf8f1}
.gs-details[open]>summary{color:var(--forest);font-weight:600;border-bottom:1px solid var(--line)}
.gs-details-inhalt{padding:15px 17px 18px;display:flex;flex-direction:column;gap:6px}
.gs-details-inhalt .radar-eyebrow{margin-top:8px}
.gs-beschreibung{font-size:13px;line-height:1.6;color:var(--ink);margin:0 0 6px}
.gs-notiz{font-size:13px;line-height:1.55;color:var(--ink);margin:0;background:var(--ivory);
  border-radius:8px;padding:9px 12px}

.gs-kritliste,.gs-fragenliste{list-style:none;margin:2px 0 6px;padding:0;display:flex;
  flex-direction:column;gap:1px}
.gs-kritliste li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;
  align-items:start;font-size:12.5px;line-height:1.4;padding:6px 0;
  border-bottom:1px solid rgba(23,59,46,.06)}
.gs-kritliste li:last-child{border-bottom:0}
.gs-kritliste small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px;line-height:1.4}
.gs-kritliste em{font-style:normal;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;padding-top:1px}
.gs-punkt{width:9px;height:9px;border-radius:50%;background:#ddd6c6;margin-top:4px}
.gs-kritliste li.gruen .gs-punkt{background:#3d8a58}
.gs-kritliste li.gelb .gs-punkt{background:var(--gold)}
.gs-kritliste li.rot .gs-punkt{background:#b0523c}

.gs-fragenliste li{font-size:12.5px;line-height:1.45;padding:5px 0 5px 15px;position:relative;
  color:var(--ink)}
.gs-fragenliste li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;
  border-radius:50%;background:var(--gold)}
.gs-fragenliste li.geklaert{color:var(--muted)}
.gs-fragenliste li.geklaert::before{background:#3d8a58}
.gs-fragenliste li.hinfaellig{color:var(--muted);text-decoration:line-through}
.gs-fragenliste li.hinfaellig::before{background:#ddd6c6}
.gs-fragenliste small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}

.gs-herkunftliste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;
  margin:10px 0 4px;padding-top:11px;border-top:1px solid var(--line)}
.gs-herkunftliste dt{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:600;margin:0}
.gs-herkunftliste dd{margin:1px 0 0;font-size:12.5px;color:var(--ink);overflow-wrap:anywhere}

@media(max-width:1100px){
  .gs-board{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
}
@media(max-width:760px){
  .gs-wrap .radar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gs-board{grid-template-columns:1fr}
  .gs-formgitter,.gs-kriterien{grid-template-columns:1fr}
  .gs-herkunftliste{grid-template-columns:1fr}
  .gs-statusmenu form{right:auto;left:0}
}

/* =====================================================================
   CASA VIVERE · Suchprofil, Sondersuche, Fundstueck (12.09.2026, 52b)

   Alles hier ist eine Einstellung oder eine Begruendung - beides gehoert
   nicht in die erste Ebene des Boards. Deshalb liegt es hinter <details>
   und traegt bewusst weniger Gewicht als eine Karte.
   ===================================================================== */
.gs-profil{margin:0 0 16px}
.gs-profil>summary{list-style:none;cursor:pointer;display:inline-flex}
.gs-profil>summary::-webkit-details-marker{display:none}
.gs-profil>summary::before{content:'◈';margin-right:7px;color:var(--gold)}
.gs-profil[open]>summary{margin-bottom:12px}
.gs-profil-inhalt{border:1px solid var(--line);border-radius:12px;background:var(--card);
  padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px}

.gs-profil-uebersicht{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:11px 18px;margin:0}
.gs-profil-uebersicht div{min-width:0}
.gs-profil-uebersicht .gs-breit{grid-column:1/-1}
.gs-profil-uebersicht dt{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.gs-profil-uebersicht dd{margin:2px 0 0;font-size:13.5px;color:var(--ink);line-height:1.45;
  overflow-wrap:anywhere}

.gs-profil-wege{display:flex;flex-direction:column;gap:8px}
.gs-profil-schalter{border:1px solid var(--line);border-radius:10px;padding:10px 13px 12px;
  margin:0 0 13px;display:flex;flex-wrap:wrap;gap:7px 18px;align-items:center}
.gs-profil-schalter legend{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:600;padding:0 4px}
.gs-profil-schalter label{display:inline-flex;align-items:center;gap:6px;font-size:13px;
  color:var(--ink);text-transform:none;letter-spacing:0}
.gs-profil-schalter .gs-formhinweis{flex-basis:100%;margin:2px 0 0}

.gs-sonderergebnis{border:1px solid rgba(184,148,63,.4);background:#fbf6e9;
  border-radius:11px;padding:12px 15px 14px}
.gs-sonderzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
  gap:9px 14px;margin:6px 0 0}
.gs-sonderzahlen dt{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.gs-sonderzahlen dd{margin:1px 0 0;font-size:17px;font-weight:600;color:var(--ink);
  font-family:var(--display)}
.gs-uebernehmen{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:12px}
.gs-uebernehmen span{font-size:12px;color:var(--muted)}

/* Ein Fundstueck ist eine Abweichung mit Grund - es wird markiert, nicht
   versteckt, und die Begruendung steht direkt auf der Karte. */
.radar-badge.gs-fundstueck{background:var(--gold);color:#fff;border-color:var(--gold);
  margin-left:6px}
.gs-warum{margin:0;font-size:12.5px;line-height:1.45;color:#5c4a16;
  background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:9px;padding:7px 10px}
.gs-warum b{font-weight:600}
.gs-warumliste{list-style:none;margin:2px 0 6px;padding:0;display:flex;
  flex-direction:column;gap:4px}
.gs-warumliste li{font-size:12.5px;line-height:1.45;padding-left:14px;position:relative;
  color:var(--ink)}
.gs-warumliste li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;
  border-radius:50%;background:var(--gold)}
.gs-herkunftszeile{margin:0 0 4px;font-size:12.5px;color:var(--muted)}

/* Wer hat bewertet? Leise, aber eindeutig. */
.gs-fitquelle{display:block;margin-top:4px;font-size:9.5px;letter-spacing:.07em;
  text-transform:uppercase;font-weight:600;color:var(--muted)}
.gs-fitquelle.jens{color:#2c6b42}
.gs-qk{display:inline-block;margin-left:5px;font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);border:1px solid var(--line);
  border-radius:20px;padding:0 6px}

@media(max-width:760px){
  .gs-profil-uebersicht{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gs-sonderzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Vorschaubild von Hand pflegen (12.09.2026).
   Dieselbe Bildflaeche wie auf der Karte, damit man sieht, was man bekommt. */
.gs-bildpflege{display:flex;flex-direction:column;gap:11px}
.gs-bildvorschau{position:relative;aspect-ratio:16/10;max-width:320px;background:#eee9dc;
  border:1px solid var(--line);border-radius:10px;overflow:hidden}
.gs-bildvorschau img{width:100%;height:100%;object-fit:cover;display:block;position:relative}
.gs-bildvorschau img:not([src]){display:none}
.gs-bildaktionen{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gs-bildpflege code{font-size:11.5px;background:var(--ivory);border:1px solid var(--line);
  border-radius:5px;padding:1px 5px}

/* Bildergalerie je Fund (Stufe 53, 12.09.2026).
   Die Kachel bleibt auch dann stehen, wenn ihr Bild nicht laedt - sonst
   waeren die Knoepfe mit weg und eine tote Adresse nicht mehr loeschbar. */
.gs-galerie{list-style:none;margin:4px 0 10px;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px}
.gs-galeriebild{position:relative;border:1px solid var(--line);border-radius:9px;
  overflow:hidden;background:var(--card)}
.gs-galeriebild.ist-titel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.gs-lupe{position:relative;display:block;aspect-ratio:16/10;background:#eee9dc;
  overflow:hidden;cursor:zoom-in}
.gs-lupe img{width:100%;height:100%;object-fit:cover;display:block;position:relative}
.gs-galeriebild .gs-kein-bild{font-size:9.5px}
.gs-bildknoepfe{display:flex;gap:2px;justify-content:center;align-items:center;
  padding:4px 3px;border-top:1px solid var(--line);background:#fffdf8}
.gs-bildknoepfe button{background:none;border:0;cursor:pointer;font-size:13px;line-height:1;
  color:var(--muted);padding:3px 5px;border-radius:5px;font-family:inherit}
.gs-bildknoepfe button:hover{background:var(--ivory);color:var(--forest)}
.gs-istTitel{font-size:13px;color:var(--gold);padding:3px 5px}

/* Content Jobs (Content Engine, Ausbaustufe 2 – Mockup 2 freigegeben 16.09.2026) */
.ce-wrap{padding:18px 30px 48px;max-width:1500px;width:100%;margin:0 auto}
.ce-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ce-meta{color:var(--muted);font-size:13px}
.ce-hint{font-size:12.5px;color:var(--muted);margin-top:3px}
.ce-empty{padding:14px 6px;margin:0}
.ce-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.ce-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.ce-card h2{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--forest);margin:0 0 10px;font-family:var(--sans)}
.ce-card h2.ce-sub{margin-top:14px}
.ce-tablecard{padding:4px 10px}
.ce-table{width:100%;border-collapse:collapse;font-size:14px}
.ce-table th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}
.ce-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.ce-table tr:last-child td{border-bottom:0}
.ce-link{text-decoration:none;color:var(--forest)}.ce-link:hover{text-decoration:underline}
.ce-thumbs{display:flex;gap:4px}.ce-thumbs img{width:34px;height:42px;object-fit:cover;border-radius:3px;background:#e9e2d2}
.ce-badge{display:inline-block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;border-radius:5px;padding:2px 8px;border:1px solid var(--line);background:#fff;margin:0 4px 4px 0}
.ce-badge.b-wait{background:#faf0d8;color:#8a6a17}.ce-badge.b-ok{background:#e4efe6;color:#1f6b3a}
.ce-badge.b-err{background:#f7e6e1;color:#91422e}.ce-badge.b-run{background:#e6eef7;color:#2b5f92}
.ce-back{display:inline-block;margin:0 0 10px;font-size:12.5px;color:var(--muted);text-decoration:none;margin-right:10px}
.ce-h1{font-family:var(--serif);font-weight:500;font-size:32px;margin:4px 0 2px;line-height:1.15}
.ce-two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px;align-items:start;margin-top:14px}
.ce-form .ce-row{margin-bottom:12px}
.ce-wrap label{display:block;font-weight:600;font-size:13.5px;margin:8px 0 4px}
.ce-wrap input[type=text],.ce-wrap textarea,.ce-wrap select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:15px var(--sans);background:#fff;color:var(--ink)}
.ce-wrap textarea{min-height:90px;resize:vertical}.ce-wrap textarea.ce-short{min-height:60px}
.ce-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.ce-ol{margin:0;padding-left:18px;font-size:14px}.ce-ol li{margin:3px 0}
.ce-slides{display:flex;gap:10px;overflow-x:auto;padding:12px 0 10px;scroll-snap-type:x mandatory}
.ce-slide{flex:0 0 auto;width:180px;border:0;padding:0;background:none;cursor:zoom-in;text-align:left;scroll-snap-align:start;font:inherit;color:inherit}
.ce-slide img{width:180px;height:225px;object-fit:cover;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.12);display:block;background:#e9e2d2}
.ce-slide small{display:block;font-size:11.5px;color:var(--muted);margin-top:4px}
.ce-slide:focus-visible img{outline:3px solid var(--gold);outline-offset:2px}
.ce-caption{white-space:pre-wrap;margin:0 0 10px;font:16px/1.5 var(--serif)}
.ce-checks{padding:0;margin:0}.ce-checks li{list-style:none;margin:4px 0;padding-left:22px;position:relative;font-size:14px}
.ce-checks li:before{position:absolute;left:0;font-weight:700}
.ce-checks .y:before{content:"✓";color:#1f6b3a}.ce-checks .n:before{content:"✗";color:#91422e}.ce-checks .w:before{content:"!";color:#8a6a17}
.ce-bar{height:8px;background:#e9e2d2;border-radius:5px;overflow:hidden}.ce-bar b{display:block;height:100%;background:var(--gold);transition:width .4s}
.ce-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px;font-size:11.5px;color:var(--muted)}
.ce-steps .done{color:#1f6b3a}.ce-steps .now{color:var(--forest);font-weight:700}.ce-steps .stopped{color:#91422e;font-weight:700}
.ce-state{border-left:4px solid var(--line);padding:10px 14px;margin:0 0 10px;background:#fff;border-radius:6px;font-size:14px}
.ce-state.ok{border-color:#1f6b3a}.ce-state.warn{border-color:var(--gold)}.ce-state.err{border-left:4px solid #91422e}
.ce-state a{color:var(--forest)}
.ce-actions{display:flex;gap:8px;flex-wrap:wrap}
.ce-decision{position:sticky;top:12px}
.ce-wide{width:100%;justify-content:center;margin-top:8px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.ce-forms{margin:4px 0;padding-left:16px}.ce-forms code{font-size:12px;background:#f1ece0;padding:1px 4px;border-radius:4px}
.ce-timeline{font-size:13px}.ce-timeline div{padding:4px 0;border-bottom:1px dotted var(--line)}.ce-timeline time{color:var(--muted);margin-right:8px;white-space:nowrap}
.ce-origin td{font-size:13px}
.ce-lightbox{position:fixed;inset:0;background:rgba(20,32,27,.92);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
.ce-lightbox[hidden]{display:none}
.ce-lightbox img{max-width:100%;max-height:calc(100vh - 90px);border-radius:6px;box-shadow:0 6px 30px rgba(0,0,0,.4)}
.ce-lb-cap{color:#fff;font-size:14px;margin:10px 0 0}
.ce-lb-close{position:absolute;top:10px;right:14px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;line-height:1}
@media(max-width:860px){
  .ce-wrap{padding:14px 16px 40px}
  .ce-two{grid-template-columns:1fr}
  .ce-three{grid-template-columns:1fr}
  .ce-steps{grid-template-columns:repeat(4,1fr)}
  .ce-hide-s{display:none}
  .ce-decision{position:static}
  .ce-slide{width:140px}.ce-slide img{width:140px;height:175px}
  .ce-h1{font-size:25px}
  .ce-table thead{display:none}
  .ce-table tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}
  .ce-table td{display:block;border:0;padding:3px 4px}
  .ce-origin thead{display:table-header-group}.ce-origin tr{display:table-row}.ce-origin td{display:table-cell;padding:6px 4px}
}
/* Schmale Darstellung nur für Content-Job-Seiten (die übrige App ist dafür noch nicht ausgelegt):
   Navigation wandert als waagerecht wischbare Leiste nach oben, die Kopfleiste bricht um. */
@media(max-width:860px){
  .shell:has(.ce-wrap){flex-direction:column}
  .shell:has(.ce-wrap) .side{width:auto;flex:0 0 auto;padding:10px 0 6px;flex-direction:row;align-items:center;overflow-x:auto;gap:4px}
  .shell:has(.ce-wrap) .side .brand{padding:0 12px;flex:0 0 auto}
  .shell:has(.ce-wrap) .side .navgroup{display:flex;flex:0 0 auto;padding:0;margin:0}
  .shell:has(.ce-wrap) .side .navgroup h4{display:none}
  .shell:has(.ce-wrap) .side .navitem{white-space:nowrap}
  .shell:has(.ce-wrap) .side .foot{display:none}
  .shell:has(.ce-wrap) .topbar{flex-wrap:wrap;padding:12px 16px}
  .shell:has(.ce-wrap) .toolbar{flex-wrap:wrap;gap:8px}
  .shell:has(.ce-wrap) .flash{margin:12px 16px 0}
  .shell:has(.ce-wrap) .avia-auf,.shell:has(.ce-wrap) .avia-leiste{display:none}
}

/* Carousel-Großansicht · CS3-A9
   Globaler, rein visueller Slider für Carousel Studio, Content-Inbox und Social.
   Keine Freigabe-/Publishing-Funktion. */
.mx-carousel-zoom{cursor:zoom-in}
.mx-carousel-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(13,24,20,.94);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.mx-carousel-lightbox[hidden]{display:none}
.mx-carousel-lightbox__stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(1120px,calc(100vw - 120px));height:calc(100vh - 100px)}
.mx-carousel-lightbox__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 12px 55px rgba(0,0,0,.42);background:#f2ede4}
.mx-carousel-lightbox__close,.mx-carousel-lightbox__prev,.mx-carousel-lightbox__next{position:absolute;border:0;background:rgba(242,237,228,.94);color:#1c3028;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.mx-carousel-lightbox__close{top:18px;right:22px;width:46px;height:46px;border-radius:50%;font-size:30px;line-height:1}
.mx-carousel-lightbox__prev,.mx-carousel-lightbox__next{top:50%;transform:translateY(-50%);width:50px;height:64px;border-radius:10px;font-size:34px}
.mx-carousel-lightbox__prev{left:18px}.mx-carousel-lightbox__next{right:18px}
.mx-carousel-lightbox__counter{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);margin:0;padding:7px 12px;border-radius:999px;background:rgba(242,237,228,.94);color:#1c3028;font-weight:700;font-size:14px}
.mx-carousel-lightbox button:focus-visible{outline:3px solid #b8943f;outline-offset:3px}
body.mx-carousel-lightbox-open{overflow:hidden}
@media(max-width:700px){.mx-carousel-lightbox{padding:12px}.mx-carousel-lightbox__stage{width:calc(100vw - 24px);height:calc(100vh - 86px)}.mx-carousel-lightbox__prev,.mx-carousel-lightbox__next{width:42px;height:56px}.mx-carousel-lightbox__prev{left:6px}.mx-carousel-lightbox__next{right:6px}.mx-carousel-lightbox__close{top:10px;right:10px}}

/* Social Kalender 1.0 */
.spcal-wrap{padding:24px 30px 44px}
.spcal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}
.spcal-head h1{margin:2px 0 6px;font-size:32px;font-weight:500;color:var(--forest)}
.spcal-head p{margin:0;max-width:720px;color:var(--muted)}
.spcal-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--gold)}
.spcal-actions{display:flex;gap:8px;flex-wrap:wrap}
.spcal-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.spcal-summary>div{min-width:145px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.spcal-summary strong{font-size:22px;font-weight:500;color:var(--forest)}
.spcal-summary span{font-size:11px;color:var(--muted);margin-top:2px}
.spcal-summary .warn{border-color:#c99c48}
.spcal-toolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:16px 0 10px}
.spcal-month{text-align:center;font-family:var(--serif);font-size:25px;color:var(--forest)}
.spcal-nav{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--card);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--forest);font-size:28px}
.spcal-nav:hover{border-color:var(--gold)}
.spcal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--line);gap:1px}
.spcal-weekday{background:#ece7dd;padding:9px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.spcal-day{background:var(--ivory);min-height:170px;padding:8px;overflow:hidden}
.spcal-day.muted{background:#f1eee7}
.spcal-day.muted .spcal-date{opacity:.46}
.spcal-day.today{box-shadow:inset 0 0 0 2px var(--gold)}
.spcal-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px;font-weight:600;color:var(--forest)}
.spcal-date em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}
.spcal-items{display:flex;flex-direction:column;gap:6px}
.spcal-item{display:block;text-decoration:none;color:inherit;border-left:7px solid #77736b;background:#f7f4ed;border-radius:7px;padding:8px 9px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.spcal-item:hover{box-shadow:0 3px 10px rgba(23,59,46,.10)}
.spcal-item.entwurf{border-left-color:#68645d;background:#efede7}
.spcal-item.wartet_auf_freigabe{border-left-color:#a97000;background:#fff2cf}
.spcal-item.freigegeben{border-left-color:#245f98;background:#e7f0fa}
.spcal-item.veroeffentlicht{border-left-color:#287443;background:#e8f4eb;opacity:1}
.spcal-item.blocked{outline:2px solid #a8462d;outline-offset:-2px;background:#f9e9e3}
.spcal-itemtop{display:flex;gap:5px;align-items:center;font-size:9.5px;color:var(--muted)}
.spcal-itemtop time{font-weight:700;color:var(--forest)}
.spcal-dot{width:3px;height:3px;border-radius:50%;background:var(--gold)}
.spcal-rubric{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin-top:4px}
.spcal-title{font-size:11px;line-height:1.3;font-weight:600;color:var(--forest);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spcal-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px;font-size:9px;color:#59665f}.spcal-foot span:first-child{font-weight:700}
.spcal-foot b{color:#9b4e31}
.spcal-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;font-size:10px;color:var(--muted)}
.spcal-legend span:before{content:'';display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:6px;vertical-align:-2px;background:#68645d}
.spcal-legend .wartet_auf_freigabe:before{background:#a97000}
.spcal-legend .freigegeben:before{background:#245f98}
.spcal-legend .veroeffentlicht:before{background:#287443}
.spcal-legend .blocked:before{background:#a8462d}
@media (max-width:1100px){
  .spcal-grid{grid-template-columns:repeat(7,minmax(120px,1fr));overflow-x:auto}
  .spcal-wrap{overflow-x:auto}
}
@media (max-width:760px){
  .spcal-wrap{padding:18px 16px 36px}
  .spcal-head{flex-direction:column}
  .spcal-day{min-height:145px}
}

/* Social Kalender 1.2 · Drag & Drop */
.spcal-item.draggable{cursor:grab}
.spcal-item.draggable:active{cursor:grabbing}
.spcal-item.is-dragging{opacity:.45;transform:scale(.985)}
.spcal-day.drop-target{box-shadow:inset 0 0 0 3px var(--gold);background:#fff8df}
.spcal-day.drop-target .spcal-date{color:#8a6300}

/* Social Kalender · AVIA Produktions-Vormerkungen */
.spcal-item.produktion{border-left-color:#8c8275;background:#f1eee8;border-style:dashed;border-top-style:solid;border-right-style:solid;border-bottom-style:solid}
.spcal-item.braucht_hilfe{border-left-color:#a8462d;background:#f9e9e3;outline:2px solid #a8462d;outline-offset:-2px}
.spcal-item.production-reservation .spcal-rubric:after{content:' · vorgemerkt';font-weight:600;color:#6d685f}
.spcal-legend .produktion:before{background:#8c8275}

/* AVIA · offene Rubrik-Carousels */
.al-carousel-reminder{margin:8px 10px 10px;padding:10px;border:1px solid #d8c9a8;border-left:4px solid var(--gold);border-radius:7px;background:#fff7df;font-size:11px}
.al-carousel-reminder>strong{display:block;margin-bottom:6px;color:var(--forest)}
.al-carousel-reminder a{display:block;padding:5px 0;text-decoration:none;color:var(--forest);border-top:1px solid rgba(184,148,63,.18)}
.al-carousel-reminder a:first-of-type{border-top:0}
.al-carousel-reminder a span{display:block;margin-top:2px;color:#776a4c;font-size:9.5px}
.al-carousel-reminder .al-carousel-more{font-weight:700;color:#866b27}

/* MEDIAX interne Benachrichtigungen 1.0 */
.mx-notify{position:relative}
.mx-notify-bell{position:relative;width:38px;height:38px;border:1px solid var(--line,#ded9cc);border-radius:50%;background:#fffdf8;color:var(--forest,#1c3028);font-size:0;cursor:pointer}
.mx-notify-bell>span:first-child{display:block;width:14px;height:16px;margin:auto;border:2px solid currentColor;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0;position:relative}
.mx-notify-bell>span:first-child:after{content:'';position:absolute;left:2px;right:2px;bottom:-5px;border-bottom:2px solid currentColor}
.mx-notify-count{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#a8462d;color:#fff;font:700 10px/18px Arial,sans-serif;text-align:center}
.mx-notify-panel{position:absolute;right:0;top:46px;width:min(390px,88vw);z-index:80;background:#fffdf8;border:1px solid var(--line,#ded9cc);border-radius:9px;box-shadow:0 12px 36px rgba(28,48,40,.18);overflow:hidden}
.mx-notify-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line,#ded9cc)}
.mx-notify-head strong{font-size:13px}.mx-notify-head button{border:0;background:none;color:#806726;font-size:11px;cursor:pointer}
.mx-notify-list{max-height:420px;overflow:auto}
.mx-notify-item{display:block;padding:13px 15px;text-decoration:none;color:var(--forest,#1c3028);border-bottom:1px solid rgba(140,130,117,.2)}
.mx-notify-item:hover{background:#f6f1e7}.mx-notify-item.error{border-left:4px solid #a8462d}.mx-notify-item.ready{border-left:4px solid #b8943f}
.mx-notify-item strong,.mx-notify-item span{display:block}.mx-notify-item strong{font-size:12px}.mx-notify-item span{margin-top:4px;font-size:10.5px;color:#6e756f}
.mx-notify-empty{padding:18px 15px;margin:0;font-size:11px;color:#7a817c}
.mx-toast-stack{position:fixed;right:24px;top:78px;z-index:120;display:grid;gap:10px;width:min(390px,calc(100vw - 36px));pointer-events:none}
.mx-toast{pointer-events:auto;display:grid;grid-template-columns:32px 1fr 22px;gap:10px;align-items:start;padding:14px;background:#fffdf8;border:1px solid #dcd5c5;border-left:5px solid #b8943f;border-radius:9px;box-shadow:0 12px 35px rgba(28,48,40,.22)}
.mx-toast.error{border-left-color:#a8462d}.mx-toast-icon{width:30px;height:30px;border-radius:50%;background:#1c3028;color:#fff;text-align:center;font:700 13px/30px Arial}
.mx-toast strong,.mx-toast span,.mx-toast a{display:block}.mx-toast strong{font-size:12.5px}.mx-toast span{font-size:11px;color:#69736c;margin-top:3px}.mx-toast a{font-size:11px;color:#866b27;margin-top:7px;font-weight:700}
.mx-toast>button{border:0;background:none;font-size:20px;line-height:18px;color:#777;cursor:pointer;padding:0}
@media(max-width:700px){.mx-toast-stack{right:12px;top:68px}.mx-notify-panel{position:fixed;right:10px;top:58px;left:10px;width:auto}}

/* Social Übersicht · einheitliche Bedienelemente */
.sp-actionbar{display:flex;gap:10px;flex-wrap:wrap;padding:18px 30px 16px}
.sp-control-btn{height:42px;min-height:42px;min-width:112px;box-sizing:border-box;padding:9px 15px;font-size:14px;line-height:1.2;border-radius:10px;justify-content:center;white-space:nowrap;align-self:center}
.sp-control-btn.active{background:var(--forest);border-color:var(--forest);color:#fff}
.sp-control-btn.active:hover{background:var(--forest-dark);border-color:var(--forest-dark)}
.sp-stat-search{display:flex;gap:8px;align-items:center;height:42px}
.sp-stat-search input[type="search"]{height:42px;min-height:42px;box-sizing:border-box}

/* Social Übersicht · Statistik-Kacheln sind zugleich Statusfilter */
.sp-filterstats{align-items:stretch}
.sp-stat-filter{display:block;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,background .15s;cursor:pointer}
.sp-stat-filter:hover{border-color:var(--gold);box-shadow:0 5px 16px rgba(28,48,40,.08)}
.sp-stat-filter.on{border:2px solid var(--forest);padding:13px 17px;background:#f5f7f3;box-shadow:0 0 0 2px rgba(28,48,40,.06)}
.sp-stat-filter.on .l{color:var(--forest);font-weight:600}
.sp-stat-filter.gold.on{border-color:var(--gold);background:#fffaf0}
.sp-stat-search{align-self:center;margin-left:auto;min-width:230px}
.sp-stat-search .btn.line{color:var(--forest);border-color:var(--line);background:#fff}
.sp-stat-count{align-self:center;padding:0 2px}
@media(max-width:900px){.sp-stat-search{margin-left:0;flex:1 1 260px}.sp-stat-count{align-self:center}}