:root {
  --bg: #f4f6f7;
  --surface: #ffffff;
  --text: #172026;
  --muted: #68747d;
  --line: #dfe5e8;
  --brand:#7CC244;
  --brand-dark:#5D9E2E;
  --text:#1F2937;
  --surface:#FFFFFF;
  --bg:#F8FAFC;
  --brand-dark: #07564f;
  --brand-soft: #e5f2f0;
  --danger: #b42318;
  --warning: #b54708;
  --ok: #067647;
  --shadow: 0 8px 24px rgba(23, 32, 38, .08);
  --radius: 14px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.topbar { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 24px; background: var(--surface); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--brand); color: #fff; font-weight: 800; }
.brand div { display: grid; }
.brand small { color: var(--muted); margin-top: 2px; }
.top-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.app-shell { max-width: 1440px; margin: 0 auto; padding: 24px; }
.page-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 20px; }
h1, h2, h3 { margin: 0; line-height: 1.2; }
h1 { font-size: clamp(1.6rem, 2.5vw, 2.25rem); }
.page-header p, .muted { color: var(--muted); }
.actions { display: flex; gap: 10px; flex-wrap: wrap; }
.btn { border: 1px solid transparent; border-radius: 10px; padding: 10px 14px; font-weight: 700; transition: .16s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--brand); color: #fff; }
.btn-primary:hover { background: var(--brand-dark); }
.btn-secondary { background: var(--brand-soft); color: var(--brand-dark); }
.btn-ghost { background: #fff; color: var(--text); border-color: var(--line); }
.btn-danger { background: #fff; color: var(--danger); border-color: #f1b8b4; }
.grid { display: grid; gap: 16px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px; }
.metric strong { display: block; font-size: 1.9rem; margin-top: 6px; }
.metric span { color: var(--muted); font-size: .9rem; }
.toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0; }
.toolbar input, .toolbar select { min-height: 42px; border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; background: #fff; }
.toolbar input { flex: 1 1 260px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 13px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
tr[data-project-id] { cursor: pointer; }
tr[data-project-id]:hover { background: #f8fbfb; }
.badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 5px 9px; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.badge-neutral { background: #eef1f3; color: #46545d; }
.badge-info { background: #e9f2ff; color: #175cd3; }
.badge-warning { background: #fff4e5; color: var(--warning); }
.badge-danger { background: #feeceb; color: var(--danger); }
.badge-ok { background: #e8f7ef; color: var(--ok); }
.priority { font-weight: 800; }
.priority-hoch { color: var(--danger); }
.priority-mittel { color: var(--warning); }
.priority-niedrig { color: var(--ok); }
.empty { text-align: center; padding: 48px 20px; color: var(--muted); }
.stepper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 18px 0 24px; }
.step { border: 1px solid var(--line); background: #fff; border-radius: 10px; padding: 10px; font-weight: 700; color: var(--muted); text-align: center; }
.step.active { border-color: var(--brand); color: var(--brand-dark); background: var(--brand-soft); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
label { font-weight: 750; }
.help { font-size: .82rem; color: var(--muted); }
input, select, textarea { width: 100%; border: 1px solid #cdd6da; border-radius: 10px; padding: 11px 12px; background: #fff; color: var(--text); }
textarea { min-height: 96px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 3px solid rgba(11,111,104,.14); border-color: var(--brand); }
.section-title { margin: 28px 0 12px; }
.notice { border-left: 4px solid var(--brand); background: var(--brand-soft); padding: 14px 16px; border-radius: 8px; }
.notice.warning { border-color: var(--warning); background: #fff8ed; }
.project-summary { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.kv { display: grid; grid-template-columns: 170px 1fr; gap: 8px 16px; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; font-weight: 650; }
.checklist { display: grid; gap: 8px; }
.check-item { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.report { background: #fff; max-width: 900px; margin: 0 auto; padding: 42px; border: 1px solid var(--line); box-shadow: var(--shadow); }
.report h1 { color: var(--brand-dark); }
.report-section { margin-top: 28px; }
.toast { position: fixed; right: 22px; bottom: 22px; padding: 13px 16px; border-radius: 10px; background: #172026; color: white; box-shadow: var(--shadow); z-index: 100; }
@media (max-width: 960px) { .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); } .project-summary, .grid-2 { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .app-shell { padding: 14px; } .topbar { padding: 10px 14px; } .top-actions { display: none; } .grid-4, .grid-5, .form-grid, .stepper { grid-template-columns: 1fr; } .page-header { flex-direction: column; } .kv { grid-template-columns: 1fr; } }
@media print { .topbar, .page-header .actions, .no-print { display: none !important; } body, .app-shell { background: #fff; padding: 0; } .report { border: 0; box-shadow: none; max-width: none; padding: 0; } }

.metric.active-filter {
  border: 2px solid var(--brand);
  background: var(--brand-soft);
  box-shadow: 0 0 0 3px rgba(11,111,104,.12);
}
.filter-state {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--surface);
  border:1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
}
.btn-small {
  padding: 6px 10px;
  font-size: .9rem;
}

.project-view-card{margin:20px;padding:20px;border:1px solid #ddd;border-radius:12px;background:#fff;}

.workplace-guide { margin-top: 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.workplace-guide p { margin: 6px 0 0; }
.row-actions { display: flex; gap: 8px; flex-wrap: wrap; min-width: 250px; }
.row-actions .btn { white-space: nowrap; }
@media (max-width: 960px) { .row-actions { min-width: 190px; } }

.form-support { border: 1px solid var(--line); border-radius: 12px; padding: 15px; background: #f8fbfb; }
.support-head { display: flex; justify-content: space-between; gap: 16px; }
.progress { height: 9px; background: #e5eaec; border-radius: 999px; overflow: hidden; margin: 10px 0 12px; }
.progress span { display: block; height: 100%; background: var(--brand); transition: width .2s ease; }
.support-info, .support-ok { margin: 9px 0; }
.support-ok { color: var(--ok); }
.support-warning { border-left: 4px solid var(--warning); background: #fff8ed; border-radius: 8px; padding: 11px 13px; }
.support-warning ul { margin: 7px 0; padding-left: 20px; }
.support-warning small { color: var(--muted); }

.choice-card{display:block;padding:1rem;border:1px solid var(--border,#d7dee3);border-radius:12px;background:#f7fbfa;font-weight:700}.summary-box{padding:1rem;border:1px solid var(--border,#d7dee3);border-radius:12px;background:#fff}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.overview-grid p{margin:.35rem 0;color:#536170}@media(max-width:700px){.overview-grid{grid-template-columns:1fr}}

.field-help{display:block;margin-top:.35rem;color:#64748b;font-size:.82rem;line-height:1.35}.field-help.field-warning{color:#b45309;font-weight:600}.field-emphasis{padding:.6rem;border:1px solid #99cfc8;border-radius:.65rem;background:#f0fdfa}.overview-hints{margin-top:1rem}.overview-hints ul{margin:.4rem 0 0 1.15rem}


.conversation-progress{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.conversation-progress span{padding:.38rem .7rem;border-radius:999px;background:#eef1f3;color:#64748b;font-size:.82rem;font-weight:700}.conversation-progress span.done{background:#e8f7ef;color:#067647}.conversation-progress span.done::before{content:'✓ ';}.next-recommendation{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--brand-soft);border-left:4px solid var(--brand)}.next-recommendation p{margin:.35rem 0 0;color:var(--brand-dark);font-weight:700}[hidden]{display:none!important}


/* Sprint 02.5.6: Empfehlungen bleiben sichtbar und sind direkt anklickbar. */
.recommendation-rail{position:fixed;right:0;top:var(--hy-topbar-offset,70px);bottom:0;width:310px;background:#fff;border-left:1px solid var(--line);box-shadow:-8px 0 24px rgba(15,23,42,.08);z-index:40;padding:16px;overflow:auto}
.recommendation-rail-head{display:grid;gap:3px;padding:4px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}.recommendation-rail-head strong{font-size:1.08rem}.recommendation-rail-head small,.recommendation-item small{color:var(--muted)}
.recommendation-item{width:100%;display:grid;grid-template-columns:24px 1fr;gap:9px;text-align:left;align-items:start;border:0;background:transparent;border-radius:10px;padding:10px;cursor:pointer;color:var(--text)}.recommendation-item:hover,.recommendation-item:focus{background:#f3f7f7;outline:none}.recommendation-item span:first-child{font-weight:900;color:#64748b}.recommendation-item span:last-child{display:grid;gap:2px}.recommendation-item.done span:first-child,.recommendation-item.done strong{color:var(--ok)}.recommendation-item.active{background:var(--brand-soft);border-left:4px solid var(--brand)}.recommendation-item.active span:first-child,.recommendation-item.active strong{color:var(--brand-dark)}.recommendation-empty{padding:10px 4px}
body.has-recommendations .app-shell{margin-right:310px}.report{max-width:900px}
@media(max-width:1100px){.recommendation-rail{position:sticky;top:var(--hy-topbar-offset,70px);width:auto;max-height:42vh;border-left:0;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(15,23,42,.08)}body.has-recommendations .app-shell{margin-right:0;padding-bottom:12px}.recommendation-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.recommendation-rail-head{grid-column:1/-1}.recommendation-item{min-height:58px}}
@media(max-width:680px){.recommendation-rail{grid-template-columns:1fr;max-height:48vh}.recommendation-rail-head{grid-column:auto}}
@media print{.recommendation-rail{display:none!important}body.has-recommendations .app-shell{margin-right:0}}

.field-help.field-success { color: #166534; font-weight: 600; }

.chapter-jump{position:sticky;top:76px;z-index:4;display:flex;gap:.5rem;flex-wrap:wrap;padding:.65rem;margin:-.25rem 0 1rem;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.chapter-jump button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.55rem .8rem;font:inherit;font-weight:700;cursor:pointer}
.chapter-jump button:hover{border-color:var(--primary);color:var(--primary)}

.open-field-list { display:flex; flex-wrap:wrap; gap:.5rem; margin:.65rem 0; }
.open-field-link { border:1px solid #0f766e; background:#fff; color:#0f5f59; border-radius:999px; padding:.4rem .75rem; cursor:pointer; font:inherit; font-weight:600; }
.open-field-link:hover, .open-field-link:focus { background:#e6f4f2; outline:2px solid #0f766e; outline-offset:2px; }

.input-with-action{display:flex;gap:.5rem;align-items:center}.input-with-action input{flex:1}.btn-small{padding:.55rem .75rem;white-space:nowrap}

/* Sprint 02.9.1: Erklaerbare Berateranalyse */
.analysis-groups{display:grid;gap:16px}.analysis-group{display:grid;gap:10px}.analysis-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.analysis-card summary{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:15px 16px;cursor:pointer;list-style:none}.analysis-card summary::-webkit-details-marker{display:none}.analysis-card summary span:first-child{display:grid;gap:4px}.analysis-card summary small{color:var(--muted);font-weight:500}.analysis-status{border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:800;white-space:nowrap}.analysis-status.ok{background:#e8f7ef;color:var(--ok)}.analysis-status.open{background:#fff8ed;color:var(--warning)}.analysis-body{padding:0 16px 16px;border-top:1px solid var(--line)}.analysis-body h3{margin:16px 0 8px}.analysis-body ul{display:grid;gap:7px;padding:0;list-style:none}.analysis-source-link{width:100%;text-align:left;border:1px solid var(--line);background:#f8fbfb;border-radius:9px;padding:9px 11px;cursor:pointer;color:var(--text)}.analysis-source-link:hover,.analysis-source-link:focus{border-color:var(--brand);background:var(--brand-soft);outline:none}
.btn-danger{background:#a61b1b;color:#fff;border-color:#a61b1b}.btn-danger:hover{background:#861616}


/* Sprint 02.9.10: Fotoerfassung im Vor-Ort-Termin */
.photo-capture{border:1px solid var(--line);border-radius:12px;padding:16px;background:#f8fbfb}.photo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.photo-upload-button{display:inline-flex;width:max-content;align-items:center;justify-content:center;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:14px}.photo-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.photo-card img{display:block;width:100%;height:165px;object-fit:cover;background:#eef1f3}.photo-card-body{display:grid;gap:7px;padding:11px}.photo-card-body small{color:var(--muted)}.photo-report-choice{display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600}.photo-report-choice input{width:auto}.report-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.report-photo-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.report-photo-grid img{display:block;width:100%;max-height:320px;object-fit:contain;background:#f5f6f7}.report-photo-grid figcaption{padding:9px 11px}@media(max-width:680px){.photo-controls,.report-photo-grid{grid-template-columns:1fr}}@media print{.report-photo-grid{grid-template-columns:repeat(2,1fr);page-break-inside:avoid}.report-photo-grid img{max-height:240px}}


/* Sprint 02.14.6 BR-FIX-007: sichtbare Wissensverwaltung */
.knowledge-tabs{display:flex;gap:.65rem;margin:1rem 0}.knowledge-list{display:grid;gap:1rem;margin-top:1rem}.knowledge-item{border:1px solid var(--line);border-radius:12px;padding:1rem;background:#fff}.knowledge-item-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.knowledge-item-head>div{display:grid;gap:.25rem}.knowledge-item-head small{color:var(--muted)}.knowledge-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.knowledge-meta div{display:grid;grid-template-columns:130px 1fr;gap:.5rem}.knowledge-meta dt{font-weight:700;color:var(--muted)}.knowledge-meta dd{margin:0;overflow-wrap:anywhere}.knowledge-actions{margin-top:1rem}.value-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.value-comparison>div{border:1px solid var(--line);border-radius:10px;padding:.75rem;background:#f8fbfb}.value-comparison span{display:block;font-weight:800;margin-bottom:.5rem}.value-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit}.span-2{grid-column:1/-1}@media(max-width:760px){.knowledge-meta,.value-comparison{grid-template-columns:1fr}.knowledge-meta div{grid-template-columns:1fr}.span-2{grid-column:auto}}


/* Sprint 1 – geführte Vor-Ort-Evidenz */
.evidence-group{margin:1rem 0;padding:1rem;border:1px solid var(--border,#d7dde3);border-radius:12px;background:#fff}
.evidence-group>h3{margin-top:0}.evidence-item{padding:1rem 0;border-top:1px solid var(--border,#e3e7eb)}.evidence-item:first-of-type{border-top:0}
.evidence-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.evidence-heading p{margin:.35rem 0}.evidence-controls{margin-top:.75rem}
@media(max-width:720px){.evidence-heading{flex-direction:column}.evidence-group{padding:.75rem}}

.logo{height:52px;width:auto;margin-right:16px}.topbar{box-shadow:0 2px 8px rgba(0,0,0,.08)}.card{border-radius:16px}
/* UX02 – Prozessführung und direkte Evidenzaufnahme */
:root{--hy-primary:#7CC244;--hy-primary-dark:#5D9E2E;--hy-text:#1F2937;--hy-text-light:#6B7280;--hy-surface:#F8FAFC;--hy-border:#E5E7EB;--hy-success-bg:#F3F9EE;--hy-radius-sm:8px;--hy-radius-md:16px;--hy-radius-lg:24px}
body{color:var(--hy-text);background:var(--hy-surface);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.eyebrow{display:block;margin-bottom:.35rem;color:var(--hy-primary-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-heading h2{margin:.15rem 0 0}.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.process-card{appearance:none;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;width:100%;min-height:126px;padding:24px;border:1px solid var(--hy-border);border-radius:var(--hy-radius-md);background:#fff;color:var(--hy-text);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.06);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.process-card:hover,.process-card:focus-visible{transform:translateY(-2px);border-color:var(--hy-primary);box-shadow:0 12px 30px rgba(0,0,0,.09);outline:none}.process-card-primary{background:linear-gradient(135deg,var(--hy-success-bg),#fff);border-color:#b9dd9b}.process-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--hy-success-bg);color:var(--hy-primary-dark);font-size:1.75rem;font-weight:800}.process-card strong{display:block;font-size:1.2rem}.process-card small{display:block;margin-top:5px;color:var(--hy-text-light);font-size:.9rem}.process-arrow{color:var(--hy-primary-dark);font-size:1.5rem}.secondary-tools{margin-top:24px;padding:16px 20px;border:1px solid var(--hy-border);border-radius:var(--hy-radius-md);background:#fff}.secondary-tools summary{cursor:pointer;font-weight:700}.secondary-tools .actions{margin-top:16px}
.visit-area-nav{position:sticky;top:76px;z-index:5;display:flex;gap:8px;overflow:auto;margin:16px 0 24px;padding:10px;border:1px solid var(--hy-border);border-radius:var(--hy-radius-md);background:rgba(255,255,255,.96);box-shadow:0 4px 16px rgba(0,0,0,.05)}.visit-area-nav a{display:flex;gap:7px;align-items:center;padding:9px 12px;border-radius:8px;color:var(--hy-text);font-weight:700;text-decoration:none;white-space:nowrap}.visit-area-nav a:hover{background:var(--hy-success-bg);color:var(--hy-primary-dark)}.area-icon{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;border-radius:10px;background:var(--hy-success-bg);color:var(--hy-primary-dark)}.evidence-group{padding:24px;border-radius:var(--hy-radius-md);background:#fff}.evidence-group>h3{display:flex;align-items:center;font-size:1.35rem}.evidence-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.evidence-item.evidence-card{padding:20px;border:1px solid var(--hy-border);border-radius:var(--hy-radius-md);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}.evidence-heading strong{display:block;font-size:1.08rem}.evidence-photo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.photo-action{margin:0}.evidence-photo-summary{padding:12px;border-radius:12px;background:var(--hy-surface)}.evidence-photo-summary>.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.evidence-photo-summary .photo-card img{height:110px}.evidence-photo-summary .photo-card-body{font-size:.8rem}.evidence-controls{margin-top:16px}.evidence-reason{display:none}.evidence-card:has([data-evidence-status] option[value="NOT_COLLECTABLE"]:checked) .evidence-reason{display:grid}
@media(max-width:900px){.process-grid,.evidence-card-grid{grid-template-columns:1fr}.visit-area-nav{top:68px}.process-card{min-height:108px}}@media(max-width:560px){.process-card{grid-template-columns:44px 1fr auto;padding:18px}.process-icon{width:44px;height:44px}.evidence-group{padding:14px}.evidence-item.evidence-card{padding:16px}.evidence-photo-actions .btn{width:100%}}

/* UX03 – HYBRIDIO Berichte und Entfernung technischer IDs */
.report{border-radius:var(--hy-radius-md);overflow:hidden}.report-brand{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:24px;border-bottom:1px solid var(--hy-border)}.report-brand img{width:190px;max-height:54px;object-fit:contain;object-position:left center}.report-brand>div{display:grid;gap:4px;text-align:right}.report-brand span,.report-kicker{color:var(--hy-primary-dark);font-size:.75rem;font-weight:800;letter-spacing:.1em}.report-brand strong{font-size:1.05rem}.report-brand small{color:var(--hy-text-light)}.report-hero{padding:48px 0 24px}.report-hero h1{max-width:720px;margin:.4rem 0 1rem;font-size:2.5rem;line-height:1.08}.report-hero p{max-width:720px;color:var(--hy-text-light);font-size:1.08rem;line-height:1.6}.report-card{padding:28px;border:1px solid var(--hy-border);border-radius:var(--hy-radius-md);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.05);break-inside:avoid}.report-card h2{display:flex;align-items:center;gap:12px;margin-top:0;color:var(--hy-text)}.report-section-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--hy-success-bg);color:var(--hy-primary-dark);font-size:1.15rem}.report-kv{grid-template-columns:minmax(170px,.7fr) 1.3fr}.report-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-facts>div{display:grid;gap:7px;padding:16px;border-radius:12px;background:var(--hy-surface)}.report-facts span{color:var(--hy-text-light);font-size:.8rem}.report-facts strong{font-size:1rem}.report-details{margin-top:18px;border-top:1px solid var(--hy-border);padding-top:16px}.report-details summary{cursor:pointer;color:var(--hy-primary-dark);font-weight:700}.next-steps{display:grid;gap:10px;padding-left:1.35rem}.report-footer{display:flex;align-items:center;gap:24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--hy-border);color:var(--hy-text-light);font-size:.78rem}.report-footer img{width:130px;height:auto}.adviser-report{max-width:1040px}.adviser-report .analysis-groups{margin-top:28px}.adviser-report .analysis-group{box-shadow:none}.adviser-report .notice{margin-top:28px}
@media(max-width:720px){.report{padding:22px}.report-brand{align-items:flex-start;flex-direction:column}.report-brand>div{text-align:left}.report-hero{padding-top:32px}.report-hero h1{font-size:2rem}.report-facts{grid-template-columns:1fr}.report-card{padding:20px}.report-footer{align-items:flex-start;flex-direction:column}.report-kv{grid-template-columns:1fr}}
@media print{.report{font-size:10pt}.report-brand img{width:150px}.report-hero{padding:28px 0 16px}.report-hero h1{font-size:24pt}.report-card{padding:18px;box-shadow:none;margin-top:14px}.report-details{display:block}.report-details summary{display:none}.report-facts{grid-template-columns:repeat(3,1fr)}.adviser-report .analysis-card{break-inside:avoid}.report-footer{margin-top:24px}}

.address-autocomplete,.address-match-box{position:absolute;z-index:1000;background:white;border:1px solid #ccc;max-width:100%;display:flex;flex-direction:column}.address-autocomplete-item,.address-match-box button{padding:.4rem;text-align:left;border:0;background:white;cursor:pointer}.field{position:relative}

.address-autocomplete { position:absolute; left:0; top:calc(100% + 6px); z-index:1000; background:#fff; border:1px solid #ccc; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.15); max-height:280px; overflow:auto; min-width:100%; }
.address-autocomplete-item { display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:#fff; cursor:pointer; }
.address-autocomplete-item:hover { background:#eef6ff; }
.field { position:relative; }

.address-autocomplete, .address-match-box { z-index: 1000; max-height: 280px; overflow-y: auto; background: white; border: 1px solid #cbd5e1; border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.address-autocomplete-item, .address-match-box button { display:flex; justify-content:space-between; gap:20px; width:100%; padding:8px 10px; border:0; background:white; text-align:left; cursor:pointer; }
.address-autocomplete-item.active, .address-autocomplete-item:hover, .address-match-box button:hover { background:#e8f3f8; }
.address-autocomplete-item small, .address-match-box small { color:#475569; }


/* rel04test022 address selection */
.address-match-box,
.address-autocomplete {
  margin-top: 6px;
  max-height: 260px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  z-index: 1000;
}
.address-match-item,
.address-autocomplete-item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.address-match-item.active,
.address-match-item:hover,
.address-autocomplete-item.active,
.address-autocomplete-item:hover {
  background: #e6f3f7;
}
.address-place {
  flex: 1;
}
.address-postcode {
  white-space: nowrap;
  color: #475569;
}

/* AP-50: HYBRIDIO-konformer Dialog fuer ungespeicherte Aenderungen */
.hybridio-dialog{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:20px;background:transparent;color:var(--hy-text,#1f2937)}
.hybridio-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}
.hybridio-dialog__surface{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:26px;border:1px solid var(--hy-border,#e5e7eb);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.hybridio-dialog__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff4e5;color:#a15c00;font-size:1.4rem;font-weight:900}
.hybridio-dialog__content h2{margin:2px 0 8px;font-size:1.35rem}.hybridio-dialog__content p{margin:0;color:var(--hy-text-light,#6b7280);line-height:1.55}
.hybridio-dialog__actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;margin-top:8px}
.hybridio-dialog .btn:focus-visible{outline:3px solid rgba(15,118,110,.28);outline-offset:2px}
@media(max-width:560px){.hybridio-dialog__surface{grid-template-columns:1fr;padding:20px}.hybridio-dialog__actions{flex-direction:column-reverse}.hybridio-dialog__actions .btn{width:100%}}


/* rel04test053: responsive header ownership. The brand must stay fully visible;
   global actions may wrap without creating horizontal page scrolling. */
.topbar { width: 100%; max-width: 100vw; overflow: hidden; }
.brand { min-width: 0; flex: 1 1 auto; }
.brand .logo { flex: 0 0 auto; }
.brand #programIdentity { display: block; line-height: 1.25; overflow-wrap: anywhere; }
.top-actions { flex: 0 1 auto; justify-content: flex-end; min-width: 0; }
@media (max-width: 1180px) {
  .topbar { align-items: flex-start; flex-wrap: wrap; }
  .top-actions { width: 100%; padding-left: 80px; }
}
@media (max-width: 760px) {
  .topbar { padding: 10px 14px; }
  .brand { align-items: flex-start; }
  .logo { height: 44px; margin-right: 8px; }
  .top-actions { display: none; padding-left: 0; }
}

/* rel04test054: Abschlussaktionen gehoeren exklusiv zum Kundenbericht-Pfad. */
.recommendation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hy-border)}
.recommendation-actions .btn{width:100%}
@media(max-width:560px){.recommendation-actions{grid-template-columns:1fr}}

/* rel04test056: Recommendation rail starts below the measured sticky header. */
:root{--hy-topbar-offset:70px}


/* AP-53: sichtbarer Runtime-Audit als reguläre Anwendungssicht */
.runtime-audit-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:16px}
.runtime-audit-summary .card{display:flex;flex-direction:column;gap:6px;margin:0}
.runtime-audit-summary strong{font-size:1.5rem}
.runtime-audit-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}
.runtime-audit-table{width:100%;border-collapse:collapse}
.runtime-audit-table th,.runtime-audit-table td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--border,#d9e2e5)}
.runtime-audit-table td:last-child{min-width:360px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.45}
.runtime-status{display:inline-block;padding:3px 7px;border-radius:999px;font-weight:700;font-size:.78rem;background:#eef2f3}
.runtime-status-complete{background:#e2f5ea;color:#08743d}
.runtime-status-error{background:#fde8e8;color:#a32020}
.runtime-status-incomplete,.runtime-status-pending_render{background:#fff3d6;color:#825d00}
.runtime-audit-error{color:#a32020;font-weight:700}
@media(max-width:900px){.runtime-audit-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}.runtime-audit-actions{align-items:flex-start;flex-direction:column}.runtime-audit-table td:last-child{min-width:240px}}

/* AP-61: visible role/workspace context; permissions are modelled but not yet enforced in navigation. */
.workspace-switcher { display:flex; align-items:center; gap:.45rem; font-size:.78rem; color:var(--muted, #5b6573); }
.workspace-switcher span { font-weight:700; }
.workspace-switcher select { min-height:2.25rem; border:1px solid #c8d0da; border-radius:.45rem; background:#fff; padding:.35rem .55rem; font:inherit; color:#1d2a36; }
.access-context-status { display:inline-flex; align-items:center; min-height:2.25rem; padding:.35rem .65rem; border-radius:999px; background:#edf3f8; color:#24425e; font-size:.76rem; font-weight:700; white-space:nowrap; }
@media (max-width: 900px) { .access-context-status { display:none; } .workspace-switcher { width:100%; justify-content:flex-end; } }

/* AP-62: fokussierter Call-Center-Arbeitsplatz */
.workspace-kicker{display:block;margin-bottom:.35rem;color:var(--brand-dark);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.callcenter-new{min-height:48px;padding-inline:20px;font-size:1.02rem}
.callcenter-metrics .metric{border-top:4px solid transparent}
.callcenter-metrics .metric:hover,.callcenter-metrics .metric.active-filter{border-top-color:var(--brand);background:var(--brand-soft)}
.callcenter-toolbar{margin-top:20px}
.callcenter-table .callcenter-phone{color:var(--brand-dark);font-weight:750;text-decoration:none;white-space:nowrap}
.callcenter-table .callcenter-phone:hover{text-decoration:underline}
.callcenter-actions{min-width:205px}
@media(max-width:820px){.callcenter-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.callcenter-table table{min-width:850px}}
@media(max-width:520px){.callcenter-header{display:grid}.callcenter-header .actions,.callcenter-new{width:100%}.callcenter-metrics{grid-template-columns:1fr 1fr}.callcenter-metrics .card{padding:14px}.callcenter-metrics .metric strong{font-size:1.55rem}}

/* AP-64: gebiets- und tourenbasierte Terminwünsche */
.appointment-overlay{position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}
.appointment-dialog{width:min(920px,100%);max-height:calc(100vh - 2rem);overflow:auto;margin:auto}
.appointment-dialog-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.appointment-dialog-head h2{margin:.15rem 0}.appointment-form-grid{align-items:start}.field-span-2{grid-column:1/-1}
.appointment-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;border:1px solid var(--border,#d7dee8);border-radius:.65rem;padding:.75rem}
.appointment-days legend{font-weight:700;padding:0 .25rem}.appointment-territory{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.8rem;margin:1rem 0;background:#f5f7fa;border-radius:.65rem}
.travel-level{font-weight:700;padding:.25rem .55rem;border-radius:999px;background:#e5e7eb}.travel-level.normal{background:#dcfce7}.travel-level.extended{background:#fef3c7}.travel-level.approval_required{background:#fee2e2}
.appointment-suggestions h3{margin:.8rem 0}.appointment-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.appointment-slot{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border,#d7dee8);border-radius:.65rem;padding:.75rem}.appointment-slot.requires-approval{border-color:#ef4444;background:#fff7f7}.appointment-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}
@media(max-width:760px){.appointment-slot-grid{grid-template-columns:1fr}.appointment-form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.appointment-dialog-head{flex-direction:column}.appointment-actions{flex-direction:column-reverse}.appointment-actions .btn{width:100%}}

.prequalification-dialog{max-width:980px}.prequalification-list{display:grid;gap:12px;margin:18px 0}.prequalification-item{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(190px,.8fr) minmax(240px,1fr);gap:14px;align-items:end;padding:14px;border:1px solid var(--hy-border,#d9e0e6);border-radius:12px;background:#fff}.prequalification-item div{display:flex;flex-direction:column;gap:4px}.prequalification-item label{display:flex;flex-direction:column;gap:5px}.prequalification-item small{color:var(--hy-muted,#64748b)}.prequalification-summary{display:flex;justify-content:space-between;gap:16px;padding:14px;border-radius:10px;background:#eef6f2;margin-top:14px}@media(max-width:760px){.prequalification-item{grid-template-columns:1fr}.prequalification-summary{flex-direction:column}}

/* AP-63.4: Freigabe und Versionshistorie */
.prequalification-history{margin-top:18px;padding:16px;border:1px solid var(--hy-border,#d9e0e6);border-radius:12px;background:#f8fafc}.prequalification-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.prequalification-history-head h3{margin:0 0 3px}.prequalification-history-head small,.prequalification-version small,.prequalification-empty{color:var(--hy-muted,#64748b)}.prequalification-version-list{display:grid;gap:8px;margin-top:14px}.prequalification-version{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--hy-border,#d9e0e6);border-radius:10px;background:#fff}.prequalification-version>div{display:flex;flex-direction:column;gap:3px}.prequalification-version-state{padding:5px 9px;border-radius:999px;background:#e7f5ed;font-size:.88rem;white-space:nowrap}.prequalification-version-state.is-warning{background:#fff3cd}.prequalification-empty{margin:14px 0 0}@media(max-width:760px){.prequalification-history-head{align-items:stretch;flex-direction:column}.prequalification-version{grid-template-columns:1fr}.prequalification-version-state{justify-self:start}}

/* AP-63.5: Bestehenden Arbeitsplatz als assistierte Arbeitsliste nutzen */
.workplace-recommendations{display:grid;gap:12px;margin:16px 0 20px}
.workplace-recommendation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-left:5px solid var(--brand,#68b932)}
.workplace-recommendation.is-waiting{border-left-color:#d6a21f;background:#fffdf5}
.workplace-recommendation.is-ready{border-left-color:#2f9e62;background:#f4fbf7}
.workplace-recommendation-main{display:grid;gap:5px;min-width:0}
.workplace-recommendation-project{font-size:.82rem;font-weight:750;color:var(--muted,#64748b)}
.workplace-recommendation-main strong{font-size:1.04rem;color:#1f2937}
.workplace-recommendation-main p{margin:0;color:var(--muted,#64748b)}
.workplace-recommendation-action{flex:0 0 auto;min-width:190px}
@media(max-width:760px){.workplace-recommendation{align-items:stretch;flex-direction:column}.workplace-recommendation-action{width:100%;min-width:0}}

/* AP-63.6: Geführte Informationsbereitstellung durch den Interessenten */
.interested-shell{max-width:1120px;margin:0 auto;padding:24px;display:grid;gap:20px}.interested-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.interested-hero h1{margin:.2rem 0}.interested-intro,.interested-base,.interested-finish{padding:24px}.interested-progress{margin-top:18px;padding:16px;border-radius:14px;background:#eef8f5;display:grid;gap:4px}.interested-progress strong{font-size:1.05rem}.interested-progress span{color:#536273}.interested-task-heading{margin-top:8px}.interested-tasks{display:grid;gap:14px}.interested-task{padding:0;overflow:hidden}.interested-task summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px}.interested-task summary::-webkit-details-marker{display:none}.interested-task summary small{display:block;color:#6b7785;margin-top:3px}.interested-task-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf7f4;color:#00685d;font-weight:800}.interested-status{padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:700}.interested-status.is-done{background:#eaf7df;color:#386f18}.interested-status.is-missing{background:#fff1df;color:#8d5100}.interested-status.is-optional{background:#eef1f5;color:#5d6875}.interested-task-body{border-top:1px solid #e4e8ec;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:24px}.interested-guidance{background:#f7f9fb;border-radius:14px;padding:16px}.interested-guidance h3{margin-top:0}.interested-guidance li{margin:.45rem 0}.interested-upload{display:grid;align-content:start;gap:12px}.interested-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e7eaee}.interested-file small{display:block;color:#6b7785}.interested-finish{display:flex;align-items:center;justify-content:space-between;gap:20px}.interested-base .appointment-actions{margin-top:18px}@media(max-width:760px){.interested-shell{padding:14px}.interested-hero,.interested-finish{align-items:stretch;flex-direction:column}.interested-task summary{grid-template-columns:auto 1fr}.interested-task summary .interested-status{grid-column:2}.interested-task-body{grid-template-columns:1fr}.interested-task summary small{display:none}}

/* AP-63.7: klarer, rollenuebergreifender Vier-Schritt-Ablauf */
.interested-process-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.interested-process-flow>div{position:relative;border:1px solid var(--line,#d9e1e8);border-radius:12px;padding:14px;background:#fff;min-height:110px}
.interested-process-flow>div.is-active{border-left:4px solid var(--green,#77c63b);background:#f4faef}
.interested-process-flow span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9f3f1;color:#075c55;font-weight:800;margin-bottom:8px}
.interested-process-flow strong,.interested-process-flow small{display:block}
.interested-process-flow small{margin-top:5px;color:#697887;line-height:1.35}
.interested-finish-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:900px){.interested-process-flow{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.interested-process-flow{grid-template-columns:1fr}.interested-finish-actions{justify-content:stretch}.interested-finish-actions .btn{flex:1 1 100%}}

/* AP-63.8 Einheitlicher Projektprozess */
.project-process-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.project-process-step{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:10px;cursor:pointer;min-height:142px;position:relative}
.project-process-step:hover,.project-process-step:focus-visible{border-color:#72be3b;box-shadow:0 0 0 3px rgba(114,190,59,.14)}
.project-process-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f5e1;color:#39751d;font-weight:800}
.project-process-step strong,.project-process-step small{display:block}.project-process-step small{color:var(--muted);margin-top:5px;line-height:1.35}.project-process-step b{grid-column:2;color:#39751d;font-size:.86rem;align-self:end}.project-process-step.is-first{border-left:5px solid #72be3b;background:#f7fbf4}
.process-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.interested-file{grid-template-columns:64px minmax(0,1fr) auto}.interested-file-preview{width:56px;height:56px;border-radius:9px;object-fit:cover;background:#eef2f5;border:1px solid #d9e1e8}.interested-file-pdf{display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#a53d2d}.interested-file-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
body.interested-mode .topbar{display:none}body.interested-mode .app-shell{padding-top:0}body.interested-mode .recommendation-rail{display:none!important}body.interested-mode.has-recommendations .app-shell{margin-right:0}
@media(max-width:900px){.project-process-flow{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.project-process-flow{grid-template-columns:1fr}.interested-file{grid-template-columns:56px 1fr}.interested-file-actions{grid-column:1/-1;justify-content:stretch}.interested-file-actions .btn{flex:1}}

/* AP-63.8 Einheitlicher Projektprozess */
.project-process-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.project-process-step{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:10px;cursor:pointer;min-height:142px;position:relative}
.project-process-step:hover,.project-process-step:focus-visible{border-color:#72be3b;box-shadow:0 0 0 3px rgba(114,190,59,.14)}
.project-process-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f5e1;color:#39751d;font-weight:800}
.project-process-step strong,.project-process-step small{display:block}.project-process-step small{color:var(--muted);margin-top:5px;line-height:1.35}.project-process-step b{grid-column:2;color:#39751d;font-size:.86rem;align-self:end}.project-process-step.is-first{border-left:5px solid #72be3b;background:#f7fbf4}
.process-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.interested-file{grid-template-columns:64px minmax(0,1fr) auto}.interested-file-preview{width:56px;height:56px;border-radius:9px;object-fit:cover;background:#eef2f5;border:1px solid #d9e1e8}.interested-file-pdf{display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#a53d2d}.interested-file-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
body.interested-mode .topbar{display:none}body.interested-mode .app-shell{padding-top:0}body.interested-mode .recommendation-rail{display:none!important}body.interested-mode.has-recommendations .app-shell{margin-right:0}
@media(max-width:900px){.project-process-flow{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.project-process-flow{grid-template-columns:1fr}.interested-file{grid-template-columns:56px 1fr}.interested-file-actions{grid-column:1/-1;justify-content:stretch}.interested-file-actions .btn{flex:1}}

/* AP-63.9: Der fachliche Prozess ist der einzige sichtbare rote Faden. */
.project-origin-card{margin-bottom:1rem}
.project-origin-card{width:min(100%,68rem)}
.project-origin-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.project-origin-options .choice-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;min-height:7.25rem;padding:1.1rem 1.2rem;cursor:pointer}
.project-origin-options .choice-card:has(input:checked){border-color:var(--brand,#68b932);box-shadow:0 0 0 3px rgba(104,185,50,.14);background:#f5faef}
.project-origin-options .choice-card input{width:auto;margin:.18rem 0 0}
.project-origin-options .choice-card span{display:grid;gap:.35rem}
.project-origin-options .choice-card strong{font-size:1.02rem;line-height:1.25}
.project-origin-options .choice-card small{font-weight:500;line-height:1.4;color:var(--muted,#667382)}
@media(max-width:760px){.project-origin-options{grid-template-columns:1fr}.project-origin-options .choice-card{min-height:0}}
.unified-process-card{margin-bottom:1rem}
.unified-process-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:1rem;padding:.35rem 0}
.unified-process-step{position:relative;min-width:0;display:grid;grid-template-rows:auto 1fr;align-items:start;text-align:center;padding:0 .55rem;background:transparent;border:0;border-radius:0;cursor:pointer}
.unified-process-step:not(:last-child)::after{content:'';position:absolute;top:17px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#d9e1e7;z-index:0}
.unified-process-step.is-done:not(:last-child)::after{background:#76b82a}
.unified-process-marker{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:.75rem}
.unified-process-marker>span{width:36px;height:36px;border-radius:999px;background:#eef2f4;border:2px solid #eef2f4;display:grid;place-items:center;font-weight:800;color:#263442}
.unified-process-content{display:flex;min-width:0;height:100%;flex-direction:column;align-items:center;gap:.4rem}
.unified-process-content strong{font-size:.96rem;line-height:1.18;overflow-wrap:anywhere}
.unified-process-content small{line-height:1.35;color:#5b6870;font-size:.82rem;overflow-wrap:anywhere}
.unified-process-content b{margin-top:auto;padding-top:.35rem;font-size:.75rem;color:#64727a}
.unified-process-step.is-current .unified-process-marker>span{background:#fff;border-color:#76b82a;color:#315b14;box-shadow:0 0 0 4px rgba(118,184,42,.14)}
.unified-process-step.is-current .unified-process-content strong,.unified-process-step.is-current .unified-process-content b{color:#315b14}
.unified-process-step.is-done .unified-process-marker>span{background:#76b82a;border-color:#76b82a;color:#fff}
.unified-process-step.is-done .unified-process-content b{color:#4f7e21}
@media (max-width:1000px){.unified-process-flow{grid-template-columns:1fr;gap:.35rem;padding:0}.unified-process-step{grid-template-columns:44px 1fr;grid-template-rows:auto;text-align:left;padding:.55rem 0}.unified-process-step:not(:last-child)::after{top:44px;bottom:-8px;left:21px;right:auto;width:2px;height:auto}.unified-process-marker{margin:0;justify-content:flex-start}.unified-process-content{align-items:flex-start;gap:.2rem;padding-bottom:.55rem}.unified-process-content b{margin-top:.15rem;padding:0}}

/* Sprint 1: browserseitiger Building-Working-Copy-Pruefpfad */
.state-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.working-copy-status{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:.75rem;border:1px solid var(--border,#d7dde5);background:#f5f7fa}.working-copy-status.is-dirty{border-color:#b36b00;background:#fff7e6}.working-copy-status.is-clean{border-color:#287a49;background:#eefaf2}.commit-result{border-left:5px solid #287a49}@media(max-width:800px){.state-comparison{grid-template-columns:1fr}.working-copy-status{flex-direction:column}}

.process-data-quality,.process-override-note{margin:12px 0;padding:12px 14px;border-radius:10px;background:#f4f7f8;border:1px solid #d9e1e5}.process-data-quality p{margin:4px 0 0}.process-data-quality.is-complete{background:#f0f8ed}.process-override-note{background:#fff7e8;border-color:#e8c98a}.section-heading{gap:16px;align-items:flex-start}.section-heading>button{flex:0 0 auto}

/* rel05test038 – responsives zentrales HYBRIDIO-Dialogsystem */
.hybridio-dialog--system{width:fit-content;min-width:min(20rem,calc(100vw - 1rem));max-width:calc(100vw - 2rem);border:0;padding:0;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.hybridio-dialog--system::backdrop{background:rgba(15,23,42,.58)}
.hybridio-dialog--system .hybridio-dialog__surface{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:min(var(--hy-dialog-preferred-width,32rem),calc(100vw - 2rem));max-width:55rem;padding:1.5rem;max-height:calc(100vh - 2rem);overflow:auto}
.hybridio-dialog--system .hybridio-dialog__content{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}
.hybridio-dialog--system .hybridio-dialog__content h2,.hybridio-dialog--system .hybridio-dialog__content>p{margin:0}
.hybridio-dialog__sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}
.hybridio-dialog__section{min-width:0;padding:.8rem 1rem;border:1px solid var(--hy-border,#e5e7eb);border-radius:10px;background:var(--hy-surface,#f8fafc);overflow-wrap:anywhere}
.hybridio-dialog__section h3{margin:0 0 .35rem;font-size:.95rem}.hybridio-dialog__section p,.hybridio-dialog__section ul{margin:.25rem 0;padding-inline-start:1.25rem}.hybridio-dialog__section p{padding-inline-start:0}
.hybridio-dialog__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.hybridio-dialog__field{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;min-width:0}.hybridio-dialog__field span{font-weight:700}.hybridio-dialog__field input,.hybridio-dialog__field textarea,.hybridio-dialog__field select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.hybridio-dialog__validation{max-width:100%;padding:.75rem;border-radius:8px;background:#fff4e5;color:#7a3e00;overflow-wrap:anywhere}.hybridio-dialog--system .hybridio-dialog__actions{grid-column:1;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:0}
@container (max-width:44rem){.hybridio-dialog__sections{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.hybridio-dialog--system{max-width:calc(100vw - 1rem)}.hybridio-dialog--system .hybridio-dialog__surface{width:calc(100vw - 1rem);padding:1rem;max-height:calc(100vh - 1rem)}.hybridio-dialog--system .hybridio-dialog__actions{flex-direction:column-reverse}.hybridio-dialog--system .hybridio-dialog__actions .btn{width:100%}}

.layout-form{width:min(100%,75rem);margin-inline:auto}

/* Release 0.51 / Sprint 01: intuitiver Arbeitsplatz */
.workplace-shell{max-width:1180px;margin:0 auto;display:grid;gap:1.25rem}
.workplace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.4rem 0 .2rem}
.workplace-head h1{margin:.1rem 0 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}
.workplace-tabs{display:flex;gap:.35rem;overflow:auto;border-bottom:1px solid var(--line);padding:0 .1rem}
.workplace-tab{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;padding:.9rem 1rem;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}
.workplace-tab span{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;margin-left:.35rem;padding:0 .35rem;border-radius:999px;background:#eef2f4;font-size:.76rem}
.workplace-tab.is-active{color:var(--brand-dark);border-bottom-color:var(--brand)}
.workplace-view{display:grid;gap:1rem}
.workplace-recommendations--top3{counter-reset:workplace-card;margin:0;gap:1rem}
.workplace-recommendations--top3 .workplace-recommendation{counter-increment:workplace-card;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem 1.35rem;border:1px solid var(--line);border-left:1px solid var(--line);background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.workplace-recommendation-order::before{content:counter(workplace-card);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:1.05rem;font-weight:900}
.workplace-recommendation-main{display:grid;gap:.3rem}
.workplace-recommendation-main>strong{font-size:1.2rem;line-height:1.25;color:var(--text)}
.workplace-recommendation-project{font-size:.92rem;font-weight:750;color:var(--muted)}
.workplace-recommendation-main p{display:grid;gap:.16rem;margin:.5rem 0 0;color:var(--muted)}
.workplace-recommendation-main p span{font-size:.74rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-dark)}
.workplace-recommendation-action{min-width:132px}
.workplace-section-head h2{margin:0 0 .2rem;font-size:1.55rem}.workplace-section-head p{margin:0;color:var(--muted)}
.workplace-compact-list{display:grid;gap:.75rem}.workplace-compact-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.workplace-compact-item>div{display:grid;gap:.25rem}.workplace-compact-item span,.workplace-compact-item p{color:var(--muted)}.workplace-compact-item p{margin:0}
.workplace-empty{padding:2rem;text-align:center}.workplace-empty p{margin:.45rem 0 0;color:var(--muted)}
.workplace-all-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.workplace-search input{min-width:min(340px,70vw)}
.workplace-project-table{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.workplace-head{align-items:stretch;flex-direction:column}.workplace-head .btn{width:100%}.workplace-recommendations--top3 .workplace-recommendation{grid-template-columns:38px minmax(0,1fr)}.workplace-recommendation-action{grid-column:1/-1;width:100%}.workplace-all-head{align-items:stretch;flex-direction:column}.workplace-search input{width:100%;min-width:0}.workplace-compact-item{align-items:stretch;flex-direction:column}.workplace-compact-item .btn{width:100%}}
.topbar-search{margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);font-size:1.55rem;line-height:1;cursor:pointer}.topbar-search:hover,.topbar-search:focus-visible{background:var(--brand-soft);border-color:var(--brand);outline:none}

/* REL200: vollständige fachliche Projektakte. */
.project-dossier{display:grid;gap:1rem;margin-top:1rem}.project-dossier-section{display:grid;gap:1rem}.project-dossier-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-dossier-section h2,.project-dossier-section h3{margin:.15rem 0}.project-dossier-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-dossier-subsection{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#f8faf9}.project-dossier-values{display:grid;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);gap:.4rem 1rem;margin:.7rem 0 0}.project-dossier-values dt{font-weight:750;color:var(--muted)}.project-dossier-values dd{margin:0;overflow-wrap:anywhere}.project-dossier-evidence{display:grid;gap:.3rem;padding:.8rem 0;border-top:1px solid var(--line)}.project-dossier-evidence:first-child{border-top:0}.project-dossier-evidence small,.project-dossier-material small{display:block;color:var(--muted)}.project-dossier-evidence p,.project-dossier-material p{margin:.2rem 0}.project-dossier-material-list{display:grid;gap:.75rem}.project-dossier-material{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;align-items:center;padding:.85rem;border:1px solid var(--line);border-radius:12px}.project-dossier-material-preview{display:grid;place-items:center;min-height:6rem;border-radius:9px;background:#eef2f4;overflow:hidden;text-align:center;color:var(--muted);font-size:.8rem;padding:.4rem}.project-dossier-material-preview img{width:100%;height:7rem;object-fit:cover}.project-dossier-file-icon{font-weight:850}.project-dossier-material-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.project-dossier-material-unavailable{color:#8a3d2c}.project-dossier-image-placeholder{cursor:default}
@media(max-width:720px){.project-dossier-columns{grid-template-columns:1fr}.project-dossier-values{grid-template-columns:1fr}.project-dossier-values dd{margin-bottom:.45rem}.project-dossier-material{grid-template-columns:1fr}.project-dossier-material-preview{min-height:5rem}}


/* Release 0.51 Sprint 02: globale, selbsterklärende Navigation */
.topbar-navigation{margin-left:auto;display:flex;align-items:center;gap:10px;position:relative}
.brand-home{color:inherit;text-decoration:none}.topbar-icon{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.topbar-icon:hover,.topbar-icon:focus-visible{background:var(--brand-soft);border-color:var(--brand);outline:none}
.topbar-menu-wrap{position:relative}
.global-navigation-backdrop{position:fixed;inset:0;z-index:89;background:rgba(15,23,42,.18)}.global-navigation-backdrop[hidden]{display:none}.global-navigation{position:fixed;right:16px;top:calc(var(--hy-topbar-offset,70px) + 10px);z-index:90;width:min(340px,calc(100vw - 32px));padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 60px rgba(15,23,42,.24);display:grid;gap:6px}
.global-navigation[hidden]{display:none}
.global-navigation-head{display:flex;align-items:center;justify-content:space-between}.global-navigation strong{padding:8px 10px 6px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.global-navigation-close{border:0;background:transparent;border-radius:50%;width:36px;height:36px;font-size:1.6rem;cursor:pointer}.global-navigation a{display:flex;align-items:center;gap:.75rem;border:0;background:transparent;border-radius:10px;padding:13px 12px;text-align:left;color:var(--text);font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.global-navigation a:hover,.global-navigation a:focus-visible,.global-navigation-close:hover,.global-navigation-close:focus-visible{background:var(--brand-soft);outline:none}.global-navigation hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}
body.workplace-route .recommendation-rail{display:none!important}
body.workplace-route.has-recommendations .app-shell{margin-right:0}
@media(max-width:680px){.brand small{display:none}.logo{height:44px;margin-right:0}.topbar-navigation{gap:7px}.topbar-icon{width:40px;height:40px}}

/* Release 0.51 Sprint 03: task-first project work dialog */
.work-dialog-head{max-width:980px;margin:0 auto 1rem;padding:.5rem 0}
.work-dialog-head h1{margin:.25rem 0 .2rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}
.work-dialog-project{margin:0;font-size:1.1rem;color:var(--muted,#687386);font-weight:700}
.work-dialog-project-line{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.work-dialog-project-line .btn{padding:.38rem .65rem}
.work-dialog-card,.project-progress-details,.project-details{max-width:980px;margin:0 auto 1rem}
.work-dialog-card{padding:clamp(1.25rem,3vw,2rem);border-left:5px solid #76b82a}
.work-dialog-intro h2{margin:0 0 .35rem}
.work-dialog-intro p{margin:0;color:var(--muted,#687386);font-size:1.05rem}
.work-dialog-open{margin:1.25rem 0;padding:1rem 1.1rem;border-radius:12px;background:#f2f7f7}
.work-dialog-open ul{margin:.7rem 0 0;padding-left:1.35rem;display:grid;gap:.45rem}
.work-dialog-complete{margin:1.25rem 0;padding:1rem 1.1rem;border-radius:12px;background:#f1f8eb}
.work-dialog-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1.25rem}
.work-dialog-report-actions{display:flex;flex-direction:column;gap:.55rem;align-items:stretch}
.work-dialog-report-actions .btn{min-width:12.5rem}
.btn-large{font-size:1.05rem;padding:.9rem 1.25rem;min-height:48px}
.project-progress-details>summary,.project-details>summary{cursor:pointer;font-weight:800;padding:.25rem 0}
.project-progress-details .unified-process-flow{margin-top:1rem}
.project-progress-details .unified-process-step{cursor:default}
body:not(.has-recommendations) #app{max-width:none}
@media(max-width:700px){.work-dialog-actions .btn{width:100%}.work-dialog-head{padding-inline:.25rem}}
.project-admin-tools{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #dfe6e8}


/* Release 0.51 / rel05test045: one slim global navigation header */
:root{--hy-topbar-offset:56px}
.topbar{
  min-height:56px;height:56px;padding:6px 22px;align-items:center;flex-wrap:nowrap;
  background:rgba(255,255,255,.82);backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid rgba(226,232,240,.78);
  box-shadow:0 1px 8px rgba(15,23,42,.05);overflow:visible
}
.brand-home{display:flex;align-items:center;min-width:0}.brand-home .logo{height:40px;width:auto;margin:0}
.topbar-navigation{gap:8px}.topbar-icon{width:40px;height:40px;border-color:transparent;background:transparent}
.topbar-icon:hover,.topbar-icon:focus-visible{border-color:var(--line);background:rgba(255,255,255,.94)}
.global-navigation{top:66px}
body.interested-mode .topbar{display:flex}
body.interested-mode .app-shell{padding-top:inherit}
.about-page{max-width:880px;margin:0 auto}.about-page__header{margin-bottom:18px}.about-logo{width:min(320px,70%);height:auto;margin:8px 0 28px}
.about-card{padding:clamp(22px,4vw,42px)}.about-metadata{display:grid;gap:0;margin:0}
.about-metadata>div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.about-metadata>div:first-child{border-top:0}.about-metadata dt{font-weight:750;color:var(--muted)}.about-metadata dd{margin:0;overflow-wrap:anywhere}
@media(max-width:680px){.topbar{height:52px;min-height:52px;padding:6px 12px}.brand-home .logo{height:36px}.topbar-icon{width:38px;height:38px}.global-navigation{top:60px}.about-metadata>div{grid-template-columns:1fr;gap:4px}}


/* Release 0.51 / rel05test046: Fokus statt Empfehlungsspalte */
.recommendation-rail{display:none!important}
body.has-recommendations .app-shell{margin-right:0!important}
.workplace-head{display:grid;grid-template-columns:44px minmax(0,1fr) 132px;align-items:end;gap:1rem;padding:.4rem 1.35rem .2rem}
.workplace-head>div{grid-column:1/3}
.workplace-head>#newBtn{grid-column:3;width:132px;min-width:132px;justify-self:stretch}
.workplace-recommendations--top3 .workplace-recommendation{grid-template-columns:44px minmax(0,1fr) 132px}
.workplace-recommendation-action{width:132px;min-width:132px;justify-self:stretch}
@media(max-width:760px){
  .workplace-head{display:flex;padding:.4rem 0 .2rem}
  .workplace-head>#newBtn,.workplace-recommendation-action{width:100%;min-width:0}
}

/* Work Management Sprint 1 */
.work-packages-page{display:grid;gap:1rem}.work-package-create,.work-package-identity{padding:1.25rem}.work-package-list{display:grid;gap:1rem}.work-package-card{padding:1.25rem}.work-package-card__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.work-package-card__head h2{margin:.45rem 0 .2rem}.work-package-card__head p{margin:0}.status-pill{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;background:#e8edf2}.status-active{background:#e3f4ea}.status-reserved{background:#fff0ce}.status-backlog{background:#ececf2}.status-completed{background:#e5eefb}.work-package-identity label{max-width:28rem}.form-span-2{grid-column:1/-1}@media(max-width:700px){.work-package-card__head{display:block}.form-span-2{grid-column:auto}}

/* Work Management Sprint 2: employee queue */
.my-work-page{display:grid;gap:1rem}.my-work-header{margin-bottom:0}.my-work-identity{padding:1.1rem 1.25rem}.my-work-identity label{max-width:30rem}.employee-work-list{display:grid;gap:1rem}.employee-work-card{padding:1.25rem;border-left:4px solid var(--primary)}.empty-work{padding:1.5rem;text-align:center}.empty-work h2{margin-top:0}.employee-work-card .row-actions{margin-top:1rem}@media(max-width:700px){.employee-work-card .row-actions .btn{width:100%}}

.work-steering-meta{font-size:.88rem;color:var(--muted);font-weight:600}.work-steering-meta.is-overdue{color:#a33}.employee-work-card:has(.is-overdue){border-left-color:#b33}.my-work-identity .row-actions{margin-top:.8rem;align-items:center}

/* rel05test070: freigegebene Korrektur – ein gemeinsames Kartenraster */
.work-dialog-head,
.project-process-card {
  width: min(calc(100% - 2rem), 56rem);
  max-width: 56rem;
  margin-inline: auto;
  box-sizing: border-box;
}

/* rel05test070: Bewertungs-Slot direkt rechts neben dem kanonischen Feld */
.concept-inline-mode .expert-feedback-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.35rem;
  grid-template-rows: auto auto;
  column-gap: .4rem;
  row-gap: 7px;
  padding-right: 0;
  align-items: stretch;
}
.concept-inline-mode .expert-feedback-field > label {
  grid-column: 1 / -1;
  grid-row: 1;
}
.concept-inline-mode .expert-feedback-field > input,
.concept-inline-mode .expert-feedback-field > select,
.concept-inline-mode .expert-feedback-field > textarea {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.concept-inline-mode .expert-feedback-field > small,
.concept-inline-mode .expert-feedback-field > .field-help {
  grid-column: 1 / -1;
}
.concept-inline-mode .expert-feedback-trigger {
  position: static;
  grid-column: 2;
  grid-row: 2;
  width: 2.35rem;
  min-width: 2.35rem;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: .25rem;
  display: grid;
  place-items: center;
  border: 1px solid #b8cbc2;
  border-radius: .65rem;
  background: #eff7f3;
  color: #185c4d;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
  box-sizing: border-box;
}
.concept-inline-mode .expert-feedback-trigger.is-rated {
  background: #e6f5dc;
  border-color: #83bb61;
  color: #2f671d;
}
.concept-inline-mode .expert-feedback-trigger:hover,
.concept-inline-mode .expert-feedback-trigger:focus-visible {
  border-color: #0b6f5e;
  box-shadow: 0 0 0 3px rgba(11,111,94,.12);
}
.concept-inline-mode .expert-feedback-panel {
  grid-column: 1 / -1;
  display: grid;
  gap: .85rem;
  margin-top: .35rem;
  padding: 1rem;
  border: 1px solid #b9d1c6;
  border-radius: .85rem;
  background: #f4faf7;
  box-shadow: 0 .5rem 1.2rem rgba(28,67,53,.08);
}
.concept-inline-mode .expert-feedback-panel[hidden] { display: none; }
.concept-inline-mode .expert-feedback-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.concept-inline-mode .expert-feedback-panel header button {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  background: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
.concept-inline-mode .inline-grade-picker {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .45rem;
}
.concept-inline-mode .inline-grade-picker button {
  display: grid;
  justify-items: center;
  gap: .25rem;
  min-height: 4rem;
  padding: .5rem;
  border: 1px solid #c6d5ce;
  border-radius: .7rem;
  background: #fff;
  color: #28463d;
  font: inherit;
  cursor: pointer;
}
.concept-inline-mode .inline-grade-picker button.is-selected {
  border: 2px solid #075c50;
  background: #e9f7f2;
}
.concept-inline-mode .inline-feedback-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8rem;
}
.concept-inline-mode .inline-feedback-detail[hidden] { display: none; }
.concept-inline-mode .inline-feedback-detail label {
  display: grid;
  gap: .35rem;
  font-weight: 750;
}
.concept-inline-mode .inline-feedback-detail select,
.concept-inline-mode .inline-feedback-detail textarea {
  width: 100%;
  padding: .65rem .75rem;
  border: 1px solid #bdcbc5;
  border-radius: .6rem;
  background: #fff;
  font: inherit;
  box-sizing: border-box;
}
.concept-inline-mode .inline-feedback-detail fieldset {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  border: 0;
  padding: 0;
  margin: 0;
}
.concept-inline-mode .inline-feedback-detail fieldset[hidden] { display: none; }

@media (max-width: 760px) {
  .work-dialog-head,
  .project-process-card {
    width: min(calc(100% - 1rem), 56rem);
  }
  .concept-inline-mode .expert-feedback-field {
    grid-template-columns: minmax(0, 1fr) 2.2rem;
    column-gap: .3rem;
  }
  .concept-inline-mode .expert-feedback-trigger {
    width: 2.2rem;
    min-width: 2.2rem;
  }
  .concept-inline-mode .inline-grade-picker { grid-template-columns: repeat(3, 1fr); }
  .concept-inline-mode .inline-feedback-detail { grid-template-columns: 1fr; }
  .concept-inline-mode .inline-feedback-detail fieldset { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
  .concept-inline-mode .inline-grade-picker { grid-template-columns: repeat(2, 1fr); }
}

/* rel05test071: jedes einzelne Foto ist im Konzept direkt bewertbar */
.concept-inline-mode .photo-card.expert-feedback-photo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.35rem;
  grid-template-rows: auto auto auto;
  align-items: stretch;
  overflow: visible;
}
.concept-inline-mode .photo-card.expert-feedback-photo > img {
  grid-column: 1;
  grid-row: 1;
}
.concept-inline-mode .photo-card.expert-feedback-photo > .photo-card-body {
  grid-column: 1;
  grid-row: 2;
}
.concept-inline-mode .photo-card.expert-feedback-photo > .expert-feedback-trigger {
  grid-column: 2;
  grid-row: 1 / 3;
  width: 2.35rem;
  min-width: 2.35rem;
  border-radius: 0 .65rem .65rem 0;
}
.concept-inline-mode .photo-card.expert-feedback-photo > .expert-feedback-panel {
  grid-column: 1 / -1;
  grid-row: 3;
  margin: .5rem;
}
@media (max-width: 760px) {
  .concept-inline-mode .photo-card.expert-feedback-photo {
    grid-template-columns: minmax(0, 1fr) 2.2rem;
  }
  .concept-inline-mode .photo-card.expert-feedback-photo > .expert-feedback-trigger {
    width: 2.2rem;
    min-width: 2.2rem;
  }
}

/* rel05test074: Herkunft ergänzter Fotos in der Konzeptbearbeitung */
.photo-card { position: relative; }
.photo-source-badge {
  display: block;
  padding: .35rem .65rem;
  font-size: .72rem;
  font-weight: 700;
  color: #315f57;
  background: #edf7f4;
  border-bottom: 1px solid #cfe1dc;
}

/* rel05test076: eigenständiges Experten-Prozessfeedback in der Konzeptbearbeitung */
.expert-process-feedback{margin-top:1.25rem;border:1px solid #cfe1dc;background:#f8fcfb}
.expert-process-feedback .section-heading{margin-bottom:1rem}
.expert-process-feedback-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
.expert-process-feedback-grid .full{grid-column:1/-1}
.expert-process-feedback-grid label>span{display:block;font-weight:700;margin-bottom:.4rem}
.expert-process-feedback-grid textarea,.expert-process-feedback-grid select,.expert-process-feedback-grid input[type="text"],.expert-process-feedback-grid input:not([type]){width:100%}
.expert-process-feedback-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.expert-process-feedback-actions small{color:#52636c}
@media (max-width:760px){.expert-process-feedback-grid{grid-template-columns:1fr}.expert-process-feedback-grid>*{grid-column:1}}

/* rel05test077: Bewertungsdialog ohne Layoutverschiebung und kompakte Feedbackkarte */
.concept-inline-mode .expert-feedback-panel {
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  z-index: 1200;
  width: min(34rem, calc(100vw - 2rem));
  max-height: min(42rem, calc(100vh - 2rem));
  overflow: auto;
  margin: 0;
  padding: 1.25rem;
  border: 1px solid #a9c8ba;
  border-radius: 1rem;
  background: #f7fbf9;
  box-shadow: 0 1.25rem 3.5rem rgba(24, 57, 47, .28);
}
.concept-inline-mode .expert-feedback-panel[hidden] { display: none; }
.concept-inline-mode .expert-feedback-panel.is-open { display: grid; }
.concept-inline-mode .expert-feedback-panel header {
  position: sticky;
  top: -1.25rem;
  z-index: 1;
  margin: -1.25rem -1.25rem .25rem;
  padding: 1rem 1.25rem .8rem;
  background: #f7fbf9;
  border-bottom: 1px solid #d8e7e0;
}
.concept-inline-mode .inline-grade-picker {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .5rem;
}
.concept-inline-mode .inline-grade-picker button {
  min-width: 0;
  min-height: 5.25rem;
  padding: .55rem .35rem;
}
.concept-inline-mode .inline-grade-picker button span {
  display: block;
  overflow-wrap: anywhere;
  hyphens: auto;
  line-height: 1.15;
}
.expert-process-feedback {
  width: min(calc(100% - 2rem), 56rem);
  max-width: 56rem;
  margin: 1.25rem auto 0;
  box-sizing: border-box;
}
.expert-process-feedback-actions { justify-content: flex-end; }
@media (max-width: 620px) {
  .concept-inline-mode .expert-feedback-panel {
    inset: auto 0 0 0;
    transform: none;
    width: 100%;
    max-height: 88vh;
    border-radius: 1rem 1rem 0 0;
  }
  .concept-inline-mode .inline-grade-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .expert-process-feedback { width: calc(100% - 1rem); }
}

/* rel05test078: optionale Informationsnachforderung oder Konzept mit Unsicherheiten */
.concept-assessment{max-width:56rem;margin:2rem auto 0}
.concept-assessment .section-heading{align-items:flex-start;gap:1rem}
.concept-offer-quality-badge{display:inline-flex;align-items:center;min-height:2.25rem;padding:.35rem .75rem;border-radius:999px;background:#eef8f5;color:#075f54;font-weight:800;white-space:nowrap}
.concept-decision-options{border:0;padding:0;margin:1.25rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.concept-decision-options legend{font-weight:800;margin-bottom:.65rem}
.concept-decision-options .choice-card{display:flex;align-items:flex-start;gap:.65rem;border:1px solid var(--line,#d9e3e1);border-radius:.85rem;padding:1rem;background:#fff}
.concept-decision-options .choice-card span{display:grid;gap:.25rem}.concept-decision-options small{color:var(--muted,#60706d)}
.concept-assessment-branch{border-left:3px solid #0b8f80;padding-left:1rem}
.concept-assessment-branch>label{display:grid;gap:.4rem}
.concept-assessment-note{margin:.7rem 0 0;color:#475b57}
.concept-assessment-warning{margin-top:1rem;padding:1rem;border-radius:.75rem;background:#fff7df;border:1px solid #f1d17b;display:grid;gap:.25rem}
.concept-assessment-warning[hidden]{display:none}
@media(max-width:760px){.concept-decision-options{grid-template-columns:1fr}.concept-assessment .section-heading{display:grid}.concept-offer-quality-badge{justify-self:start}}

/* rel05test079: Verantwortungsbereiche in Arbeitsplatz und Projektfortschritt */
.responsibility-area { font-weight: 700; white-space: nowrap; }
.unified-process-content .process-owner {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 auto .35rem;
  padding: .18rem .55rem;
  border-radius: 999px;
  background: #edf3f5;
  color: #35515a;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.unified-process-step.is-current .process-owner { background: #eaf6df; color: #3d6f1f; }


/* rel05test080: editierbare Konzeptentscheidung */
.concept-decision-options .choice-card{position:relative;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;padding-right:3rem}
.concept-decision-options .choice-card:hover{border-color:#8dc86a;background:#f8fcf5}
.concept-decision-options .choice-card.is-selected,.concept-decision-options .choice-card:has(input:checked){border-color:var(--brand,#68b932);background:#f3faee;box-shadow:0 0 0 3px rgba(104,185,50,.15)}
.concept-decision-options .choice-card input{margin-top:.2rem;accent-color:var(--brand,#68b932)}
.choice-card-check{display:none!important;position:absolute;right:1rem;top:1rem;width:1.55rem;height:1.55rem;border-radius:50%;background:var(--brand,#68b932);color:#fff;align-items:center!important;justify-content:center;font-weight:900;line-height:1}
.concept-decision-options .choice-card.is-selected .choice-card-check,.concept-decision-options .choice-card:has(input:checked) .choice-card-check{display:flex!important}
.concept-list-editor{display:grid;gap:.65rem}
.concept-list-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:800}
.concept-list-items{display:grid;gap:.55rem}
.concept-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}
.concept-list-row label{display:block}
.concept-list-row input{width:100%}
.concept-list-remove{width:2.65rem;height:2.65rem;border:1px solid var(--line,#d9e3e1);border-radius:.65rem;background:#fff;color:#8a3434;font-size:1.5rem;line-height:1;cursor:pointer}
.concept-list-remove:hover{background:#fff1f1;border-color:#dca5a5}
.btn-small{padding:.45rem .7rem;font-size:.88rem;white-space:nowrap}
@media(max-width:620px){.concept-list-editor-heading{align-items:flex-start;flex-direction:column}.concept-list-editor-heading .btn{width:100%}}

/* rel05test083: Vorerfassung braucht eine jederzeit erreichbare Speicheraktion. */
.preentry-save-bar{position:sticky;bottom:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px -4px 0;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 10px 30px rgba(15,23,42,.16);backdrop-filter:blur(8px)}
.preentry-save-bar strong,.preentry-save-bar small{display:block}.preentry-save-bar small{margin-top:3px;color:var(--muted)}
.preentry-save-bar .btn{min-width:220px}
@media(max-width:680px){.preentry-save-bar{bottom:8px;align-items:stretch;flex-direction:column}.preentry-save-bar .btn{width:100%;min-width:0}}


/* AP099 Fördermanagement browser projection */
.funding-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.funding-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}
.funding-summary-grid>div{padding:.85rem;border:1px solid var(--border,#d7dde3);border-radius:.75rem;display:grid;gap:.25rem}
.funding-summary-grid strong{font-size:1.05rem}
.funding-rule-list{list-style:none;padding:0;display:grid;gap:.5rem}
.funding-rule-list li{display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:.75rem;padding:.65rem;border-bottom:1px solid var(--border,#d7dde3)}
.funding-rule-list li[data-rule-truth="FALSE"] strong{font-weight:800}
.funding-rule-list li[data-rule-truth="UNKNOWN"] strong{font-style:italic}
@media(max-width:640px){.funding-card-head{display:grid}.funding-rule-list li{grid-template-columns:1fr}.funding-summary-grid{grid-template-columns:1fr 1fr}}

/* AP102 – geführter Förderassistent */
.funding-missing-action{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.funding-assistant-dialog{width:min(900px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px rgba(15,23,42,.28)}
.funding-assistant-dialog::backdrop{background:rgba(15,23,42,.52)}
.funding-assistant{padding:1.5rem;overflow:auto;max-height:calc(100vh - 2rem)}
.funding-assistant-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}
.funding-assistant-head h2{margin:.25rem 0}
.funding-assistant-head p{margin:0;max-width:64ch}
.funding-assistant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.funding-assistant-grid .field{display:flex;flex-direction:column;gap:.4rem}
.funding-assistant-grid .field>span{font-weight:700}
.funding-assistant-grid input,.funding-assistant-grid select{width:100%}
.funding-assistant-cost{grid-column:1/-1}
@media (max-width:760px){.funding-assistant-grid{grid-template-columns:1fr}.funding-assistant-cost{grid-column:auto}.funding-assistant-head{flex-direction:column}}

.hybrid-check-card{background:#fff;border:1px solid var(--line,#d9e1e5);border-left:5px solid #8a9aa3;border-radius:16px;padding:1rem 1.2rem;margin:0 0 1rem;box-shadow:0 8px 24px rgba(15,35,45,.05)}
.hybrid-check-open{border-left-color:#d59b1b}.hybrid-check-fulfilled{border-left-color:#65b32e}.hybrid-check-not_fulfilled{border-left-color:#c8322b}
.hybrid-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hybrid-check-head h3{margin:.2rem 0 .45rem}.hybrid-status{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.hybrid-sources{font-size:.92rem}.hybrid-source-list li{margin-bottom:.9rem}.hybrid-source-list small{color:var(--muted,#62717a)}
@media(max-width:760px){.hybrid-check-head{display:block}.hybrid-check-head .btn{margin-top:.6rem;width:100%}}

/* AP104.2 geführter Varianteneditor */
.variant-wizard-dialog{width:min(1120px,calc(100vw - 2rem))}
.variant-wizard{padding:0}
.variant-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:520px}
.variant-wizard-main{padding:1rem 1.25rem;overflow:auto}
.variant-evaluation-panel{padding:1rem;border-left:1px solid var(--border,#dbe3e8);background:#f7faf9}
.variant-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.variant-template-option{display:grid;gap:.25rem;border:1px solid #cfd9dd;border-radius:12px;padding:.85rem;cursor:pointer;background:#fff}
.variant-template-option:has(input:checked){border-color:#66b63e;box-shadow:0 0 0 2px rgba(102,182,62,.18)}
.variant-template-option input{width:auto;margin:0 0 .25rem}
.variant-template-option span{font-size:.82rem;color:#52616a}
.variant-goals{display:grid;gap:.65rem;margin-top:1rem}.variant-goals label{border:1px solid #d7e0e4;border-radius:10px;padding:.75rem;background:#fff}
.variant-evaluation-status{display:grid;gap:.15rem;padding:.7rem 0;border-bottom:1px solid #dbe3e8}.variant-evaluation-status small{color:#66757d}.variant-check-list{padding-left:0;list-style:none;display:grid;gap:.45rem}.variant-check-list li{padding:.5rem;border-radius:8px}.variant-check-list .is-ok{background:#eaf6e5}.variant-check-list .is-open{background:#fff4da}
.variant-wizard-actions{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-top:1px solid #dbe3e8}.variant-step-counter{margin-left:auto;color:#66757d}
@media(max-width:800px){.variant-wizard-layout{grid-template-columns:1fr}.variant-evaluation-panel{border-left:0;border-top:1px solid #dbe3e8}.variant-template-grid{grid-template-columns:1fr}}

/* AP104.4 – fachlich formatierte Anlagenvarianten */
.variant-summary-grid > div{min-width:0;align-content:start}
.variant-summary-grid strong{overflow-wrap:anywhere;hyphens:auto;line-height:1.25}
.variant-status{display:inline-flex;align-items:center;gap:.45rem;width:max-content;max-width:100%;padding:.34rem .58rem;border-radius:999px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.variant-status>span{display:inline-grid;place-items:center;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;border-radius:50%;font-size:.82rem}
.variant-status--success{background:#e8f5e5;color:#245d1d}
.variant-status--success>span{background:#5dad35;color:#fff}
.variant-status--warning{background:#fff4d7;color:#704f00}
.variant-status--warning>span{background:#d59a00;color:#fff}
.variant-status--danger{background:#fde8e7;color:#842b27}
.variant-status--danger>span{background:#bd433c;color:#fff}
.variant-status--neutral{background:#eef2f4;color:#43515b}
.variant-status--neutral>span{background:#6e7d87;color:#fff}
@media(max-width:760px){.variant-summary-grid{grid-template-columns:1fr}.variant-status{width:100%;border-radius:.7rem}}

/* AP104.5: nachvollziehbarer Heizlastnachweis */
.heating-load-evidence-card{margin-top:.8rem;padding:1rem;border:1px solid #d9e3e7;border-radius:.85rem;background:#f8fbfc}
.heating-load-evidence-card h4{margin:0 0 .7rem}
.heating-load-evidence-hint{margin-top:.75rem;padding:.7rem .8rem;border-left:4px solid #6fbf3a;border-radius:.45rem;background:#eef7ea;color:#34434b}
.heating-load-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.8rem;padding:.8rem;border-radius:.75rem;border:1px solid #dbe3e8}
.heating-load-summary>div{display:grid;gap:.2rem;min-width:0}.heating-load-summary small{color:#66757d}.heating-load-summary strong{overflow-wrap:anywhere}
.heating-load-summary--success{background:#f0f8ed;border-color:#b9dca7}.heating-load-summary--warning{background:#fff8e5;border-color:#ead59a}
@media(max-width:760px){.heating-load-summary{grid-template-columns:1fr}}

/* AP104.6 Heizlast-Vorauslegung */
.heating-load-result{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.75rem;padding:.75rem 1rem;border-radius:.75rem;background:#f4f8f3;border:1px solid #d9e8d4}.heating-load-result span{color:var(--text-muted,#667085);font-size:.9rem}.heating-load-preassessment-summary{margin:1rem 0;padding:1rem;border-radius:.85rem;background:#eef7ed;border-left:4px solid #73bf2e}.heating-load-preassessment-summary .funding-summary-grid{margin-top:.75rem}@media(max-width:780px){.heating-load-result{align-items:flex-start;flex-direction:column}}

/* AP104.7: eindeutig bedienbare Vorauslegungsfelder */
.variant-wizard input[type="text"],
.variant-wizard textarea,
.variant-wizard select { pointer-events:auto; user-select:text; }
.canonical-readonly-value{min-height:42px;padding:.62rem .72rem;border:1px solid #cfd9df;border-radius:10px;background:#f3f7f8;display:flex;flex-direction:column;justify-content:center;gap:.12rem}
.canonical-readonly-value strong{font-size:1rem;color:#1f2937}
.canonical-readonly-value small{font-size:.75rem;color:#6b7780}


/* rel05test119: fachlicher Call-Center-Import */
.workplace-primary-actions { align-items:center; flex-wrap:wrap; }
.callcenter-import-dialog { width:min(880px, calc(100vw - 32px)); max-width:880px; }
.callcenter-import-surface { display:block; grid-template-columns:none; gap:0; box-sizing:border-box; width:100%; max-width:none; padding:0; overflow:hidden; }
.callcenter-import-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; padding:24px 28px 18px; border-bottom:1px solid var(--border, #d8e0e7); }
.callcenter-import-head h2 { margin:4px 0 4px; }
.callcenter-import-head p { margin:0; color:var(--text-muted, #65717e); }
.callcenter-import-file { display:grid; grid-template-columns:2fr 1.4fr 1fr; gap:16px; padding:18px 28px; background:#f5f8fa; border-bottom:1px solid var(--border, #d8e0e7); }
.callcenter-import-file div { min-width:0; }
.callcenter-import-file span { display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:var(--text-muted, #65717e); margin-bottom:5px; }
.callcenter-import-file strong { display:block; overflow-wrap:anywhere; }
.callcenter-import-projects { display:grid; gap:10px; padding:20px 28px; max-height:42vh; overflow:auto; }
.callcenter-import-project { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; border:1px solid var(--border, #d8e0e7); border-radius:10px; background:#fff; }
.callcenter-import-project h3 { margin:0 0 4px; font-size:1rem; }
.callcenter-import-project p { margin:0; color:var(--text-muted, #65717e); font-size:.84rem; overflow-wrap:anywhere; }
.callcenter-import-decision { display:grid; justify-items:end; gap:5px; text-align:right; min-width:180px; }
.callcenter-import-decision small { color:var(--text-muted, #65717e); max-width:320px; }
.callcenter-import-note { margin:0 28px 20px; padding:14px 16px; border-radius:10px; background:#eef7e8; border:1px solid #bad99e; }
.callcenter-import-note.is-danger { background:#fff1f0; border-color:#e6aaa4; }
.callcenter-import-note p { margin:5px 0 0; }
.callcenter-import-actions { padding:18px 28px 24px; border-top:1px solid var(--border, #d8e0e7); display:flex; justify-content:flex-end; gap:10px; }
@media (max-width:720px) {
  .callcenter-import-file { grid-template-columns:1fr; }
  .callcenter-import-project { align-items:flex-start; flex-direction:column; }
  .callcenter-import-decision { justify-items:start; text-align:left; min-width:0; }
  .callcenter-import-actions { flex-wrap:wrap; }
}


/* AP120 – lesbare Importzusammenfassung und Laufzeitdiagnose */
.callcenter-import-dialog{max-height:calc(100vh - 32px);overflow:hidden}
.callcenter-import-surface{max-height:calc(100vh - 32px);overflow:auto}
.callcenter-import-summary{margin:20px 28px 0;padding:18px;border:1px solid #b9dca7;border-left:5px solid var(--hy-green,#6fbe37);border-radius:12px;background:#f3faef}
.callcenter-import-summary-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.callcenter-import-summary-title h3{margin:3px 0 0;font-size:1.12rem}
.callcenter-import-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.callcenter-import-summary-grid>div,.callcenter-import-project-facts>div{min-width:0;padding:10px 12px;border-radius:9px;background:#fff;border:1px solid #dce7d7}.callcenter-import-summary-grid span,.callcenter-import-project-facts span{display:block;margin-bottom:4px;color:var(--text-muted,#65717e);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.callcenter-import-summary-grid strong,.callcenter-import-project-facts strong{display:block;overflow-wrap:anywhere;font-size:.9rem}
.callcenter-import-projects{max-height:none;overflow:visible}.callcenter-import-project{display:block}.callcenter-import-project-main{display:grid;gap:12px;min-width:0}.callcenter-import-project-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.callcenter-import-project-title .badge{flex:0 0 auto}.callcenter-import-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.callcenter-import-project-message{display:block;color:var(--text-muted,#65717e)}
.callcenter-import-file{grid-template-columns:1.4fr 1.2fr 1fr;margin-top:0;background:#f7f9fa}.callcenter-import-technical{margin:0 28px 18px;padding:12px 14px;border:1px solid var(--border,#d8e0e7);border-radius:10px;background:#fafcfd}.callcenter-import-technical summary{cursor:pointer;font-weight:700}
.callcenter-import-progress-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.callcenter-import-progress-card{box-sizing:border-box;width:min(560px,calc(100vw - 40px));padding:26px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.3)}.callcenter-import-progress-card h2{margin:4px 0 6px}.callcenter-import-progress-card p{margin:0;color:var(--text-muted,#65717e)}.callcenter-import-spinner{width:36px;height:36px;margin-bottom:16px;border:4px solid #dbe7d5;border-top-color:var(--hy-green,#6fbe37);border-radius:50%;animation:hybridio-import-spin .8s linear infinite}.callcenter-import-progress-bar{height:8px;margin:20px 0 10px;border-radius:999px;background:#e8edf0;overflow:hidden}.callcenter-import-progress-bar span{display:block;width:4%;height:100%;border-radius:inherit;background:var(--hy-green,#6fbe37);transition:width .2s ease}.callcenter-import-progress-stage{font-weight:700;color:#335146}@keyframes hybridio-import-spin{to{transform:rotate(360deg)}}
.callcenter-import-performance-card{position:fixed;right:20px;bottom:20px;z-index:90000;width:min(430px,calc(100vw - 40px));padding:16px;border:1px solid #b9dca7;border-radius:14px;background:#fff;box-shadow:0 16px 48px rgba(15,23,42,.2)}.callcenter-import-performance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.callcenter-import-performance-head strong{display:block;margin-top:3px}.callcenter-import-performance-card details{margin-top:10px}.callcenter-import-performance-card summary{cursor:pointer;color:#315c4e;font-weight:700}.callcenter-import-performance-list{display:grid;gap:5px;margin-top:10px}.callcenter-import-performance-list>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid #eef1f2}.callcenter-import-performance-list span{overflow-wrap:anywhere}.callcenter-import-performance-list strong{white-space:nowrap}
@media(max-width:760px){.callcenter-import-summary{margin:14px}.callcenter-import-summary-title{display:grid}.callcenter-import-summary-grid,.callcenter-import-project-facts{grid-template-columns:1fr}.callcenter-import-file{grid-template-columns:1fr}.callcenter-import-technical{margin:0 14px 14px}.callcenter-import-project-title{display:grid}.callcenter-import-actions{position:sticky;bottom:0;background:#fff}}

.identity-profile{padding:.75rem 1rem;font-size:.875rem;line-height:1.45;border-top:1px solid var(--border-color,#ddd);}

/* REL186 Block 1: HYBRIDIO design system and responsive application shell. */
@font-face{font-family:Inter;src:url("fonts/Inter-Light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{
  --hy-color-primary:#7cc244;--hy-color-primary-dark:#5d9e2e;--hy-color-navy:#1f2937;--hy-color-navy-deep:#10283c;
  --hy-color-background:#fff;--hy-color-surface:#f8fafc;--hy-color-border:#e5e7eb;--hy-color-text:#1f2937;--hy-color-text-primary:var(--hy-color-text);--hy-color-text-secondary:#6b7280;
  --hy-color-success:#5d9e2e;--hy-color-success-bg:#f3f9ee;--hy-color-warning:#f59e0b;--hy-color-warning-bg:#fff7e6;--hy-color-error:#ef4444;--hy-color-info:#3b82f6;--hy-color-info-bg:#eef6ff;--hy-color-disabled:#e5e7eb;
  --hy-space-xs:8px;--hy-space-s:16px;--hy-space-m:24px;--hy-space-l:40px;--hy-space-xl:64px;--hy-space-xxl:96px;--hy-space-xxxl:128px;
  --hy-radius-small:8px;--hy-radius-medium:16px;--hy-radius-large:24px;--hy-shadow-card:0 8px 24px rgba(0,0,0,.08);--hy-shadow-overlay:0 22px 60px rgba(15,23,42,.18);
  --hy-content-width:1280px;--hy-content-inner:1140px;--hy-sidebar-width:224px;--hy-header-height:72px;--hy-bottom-nav-height:72px;
  --bg:var(--hy-color-surface);--surface:var(--hy-color-background);--text:var(--hy-color-text);--muted:var(--hy-color-text-secondary);--line:var(--hy-color-border);
  --brand:var(--hy-color-primary);--brand-dark:var(--hy-color-primary-dark);--brand-soft:var(--hy-color-success-bg);--danger:var(--hy-color-error);--warning:var(--hy-color-warning);--ok:var(--hy-color-success);
  --shadow:var(--hy-shadow-card);--radius:var(--hy-radius-medium);--hy-primary:var(--hy-color-primary);--hy-primary-dark:var(--hy-color-primary-dark);--hy-text:var(--hy-color-text);
  --hy-text-light:var(--hy-color-text-secondary);--hy-surface:var(--hy-color-surface);--hy-border:var(--hy-color-border);--hy-success-bg:var(--hy-color-success-bg);
  --hy-radius-sm:var(--hy-radius-small);--hy-radius-md:var(--hy-radius-medium);--hy-radius-lg:var(--hy-radius-large);--hy-topbar-offset:var(--hy-header-height)
}
html{min-width:320px;background:var(--hy-color-surface);scroll-behavior:smooth}
body{min-height:100vh;overflow-x:hidden;background:var(--hy-color-surface);color:var(--hy-color-text);font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5}
button,input,select,textarea{font-family:inherit}a,button,input,select,textarea,summary{outline-offset:3px}:focus-visible{outline:3px solid rgba(124,194,68,.48);outline-offset:3px}
.skip-link{position:fixed;top:var(--hy-space-xs);left:var(--hy-space-xs);z-index:1000;transform:translateY(-150%);padding:10px 14px;border-radius:var(--hy-radius-small);background:var(--hy-color-navy);color:#fff;font-weight:600}.skip-link:focus{transform:none}
.shell-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
h1{font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:-.035em}h2{font-size:clamp(1.5rem,2vw,2.25rem);font-weight:700;letter-spacing:-.025em}h3{font-size:1.5rem;font-weight:600}p{max-width:75ch}.caption,.help,.muted{color:var(--hy-color-text-secondary)}
.topbar{height:var(--hy-header-height);min-height:var(--hy-header-height);padding:0 var(--hy-space-m);border-bottom:1px solid var(--hy-color-border);box-shadow:none;background:rgba(255,255,255,.97);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px)}
.brand-home .logo{display:block;width:auto;height:42px;margin:0}.shell-menu-trigger{display:none}
.shell-search{display:flex;align-items:center;gap:10px;width:min(360px,34vw);min-height:44px;margin-right:auto;padding:0 14px;border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-small);background:#fff;color:var(--hy-color-text-secondary);text-align:left}.shell-search:hover{border-color:var(--hy-color-primary);color:var(--hy-color-text)}
.topbar-navigation{margin-left:0}.shell-header-context{display:grid;justify-items:end;line-height:1.25}.shell-header-context strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600}.shell-header-context span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hy-color-text-secondary);font-size:.72rem}
.shell-profile{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--hy-color-surface);color:var(--hy-color-navy)}.topbar-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--hy-color-navy)}.topbar-icon:hover,.topbar-icon:focus-visible{border-color:var(--hy-color-border);background:var(--hy-color-surface)}
.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--hy-sidebar-width);flex-direction:column;padding:var(--hy-space-s);background:#fff;color:#fff}
.sidebar-brand{display:flex;align-items:center;min-height:64px;margin-bottom:var(--hy-space-s);padding:10px;border-radius:var(--hy-radius-small);background:#fff}.sidebar-brand img{display:block;width:100%;height:auto}
.sidebar-navigation{display:grid;gap:4px}.sidebar-navigation a,.sidebar-logout{display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 12px;border:0;border-radius:var(--hy-radius-small);background:transparent;color:var(--hy-color-navy-deep);font-size:.9rem;font-weight:500;text-decoration:none;text-align:left}
.sidebar-navigation a:hover,.sidebar-navigation a:focus-visible,.sidebar-logout:hover,.sidebar-logout:focus-visible{background:rgba(255,255,255,.1)}.sidebar-navigation a.is-active{background:linear-gradient(135deg,var(--hy-color-primary),#6daf37);color:#fff;box-shadow:0 7px 18px rgba(93,158,46,.24);font-weight:600}
.sidebar-context{display:grid;gap:8px;margin-top:auto;padding:var(--hy-space-s);border:1px solid rgba(255,255,255,.08);border-radius:var(--hy-radius-small);background:rgba(255,255,255,.06);font-size:.78rem}.sidebar-context span{color:rgba(255,255,255,.76);overflow-wrap:anywhere}.sidebar-logout{width:100%;margin-top:var(--hy-space-xs);cursor:pointer}
.app-shell{width:auto;max-width:var(--hy-content-width);min-height:calc(100vh - var(--hy-header-height));margin:0 auto;padding:var(--hy-space-m) var(--hy-space-l) var(--hy-space-xl)}
.card{border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff;box-shadow:var(--hy-shadow-card);padding:var(--hy-space-m)}
.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:var(--hy-radius-small);padding:10px var(--hy-space-s);font-size:1rem;font-weight:600;line-height:1.25}.btn-primary{background:var(--hy-color-primary);color:#fff}.btn-primary:hover{background:var(--hy-color-primary-dark)}.btn-secondary{border:2px solid var(--hy-color-primary);background:transparent;color:var(--hy-color-primary-dark)}.btn-ghost{border-color:var(--hy-color-border);background:#fff;color:var(--hy-color-text)}.btn:disabled{cursor:not-allowed;background:var(--hy-color-disabled);border-color:var(--hy-color-disabled);color:#9ca3af;transform:none}
input,select,textarea{min-height:56px;border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-small);padding:12px 14px;background:#fff;color:var(--hy-color-text)}input:focus,select:focus,textarea:focus{border-color:var(--hy-color-primary);outline:3px solid rgba(124,194,68,.16)}input[type="checkbox"],input[type="radio"]{min-width:20px;min-height:20px;width:20px;height:20px;accent-color:var(--hy-color-primary)}
.badge,.status-pill{border-radius:999px;font-weight:600}.badge-ok,.status-active{background:var(--hy-color-success-bg);color:var(--hy-color-primary-dark)}.badge-warning,.status-reserved{background:#fff7e6;color:#9a5b00}.badge-danger{background:#fff0f0;color:#b42318}.badge-info,.status-completed{background:#eef5ff;color:#1d4ed8}
.hybridio-dialog{max-width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:var(--hy-radius-large);box-shadow:var(--hy-shadow-overlay)}.hybridio-dialog__surface{max-height:calc(100dvh - 32px);overflow:auto}
.global-navigation{top:calc(var(--hy-header-height) + 8px);border-color:var(--hy-color-border);border-radius:var(--hy-radius-medium);box-shadow:var(--hy-shadow-overlay)}.bottom-navigation{display:none}
.workplace-shell{max-width:var(--hy-content-inner);gap:var(--hy-space-m)}.workplace-head{padding:0 0 var(--hy-space-xs)}.workplace-head h1{font-size:clamp(2rem,3vw,3rem)}.workplace-guidance{margin:.3rem 0 0;color:var(--hy-color-text-secondary)}
.workplace-tabs{gap:var(--hy-space-xs);border-color:var(--hy-color-border)}.workplace-tab{min-height:48px;font-weight:600}.workplace-project-table{overflow:visible;padding:0}.workplace-project-table table{background:#fff}.workplace-project-table th{padding:14px var(--hy-space-s);background:var(--hy-color-surface);font-size:.72rem;font-weight:600}.workplace-project-table td{padding:var(--hy-space-s);font-size:.9rem}.workplace-project-table tbody tr:last-child td{border-bottom:0}.workplace-project-table tr[data-project-id]:hover{background:var(--hy-color-success-bg)}.workplace-search input{min-height:48px}.grid{gap:var(--hy-space-s)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1280px){.topbar{width:calc(100% - var(--hy-sidebar-width));max-width:none;margin-left:var(--hy-sidebar-width)}.topbar .brand-home{display:none}.app-shell{width:calc(100% - var(--hy-sidebar-width));margin-left:var(--hy-sidebar-width);margin-right:0;max-width:none}.app-shell>*{max-width:var(--hy-content-width);margin-left:auto;margin-right:auto}}
@media(max-width:1279px){
  :root{--hy-header-height:64px}.app-sidebar{display:none}.shell-menu-trigger{display:grid;order:-2}.topbar{padding:0 var(--hy-space-s)}.topbar .brand-home{order:-1;margin-right:auto}.shell-search{width:44px;margin:0;padding:0;justify-content:center;border:0;border-radius:50%}.shell-search span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.shell-header-context{display:none}.topbar-menu-wrap{position:static}
  .app-shell{padding:var(--hy-space-m) var(--hy-space-s) calc(var(--hy-bottom-nav-height) + var(--hy-space-m))}.bottom-navigation{position:fixed;inset:auto 0 0 0;z-index:28;display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--hy-bottom-nav-height);padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--hy-color-border);background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(15,23,42,.08)}
  .bottom-navigation a,.bottom-navigation button{position:relative;display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:var(--hy-radius-small);background:transparent;color:var(--hy-color-text-secondary);font-size:.7rem;font-weight:500;text-decoration:none}.bottom-navigation .shell-icon{width:21px;height:21px}.bottom-navigation a.is-active{color:var(--hy-color-navy);font-weight:700}.bottom-navigation a.is-active::after{content:"";position:absolute;bottom:max(2px,env(safe-area-inset-bottom));width:28px;height:3px;border-radius:3px;background:var(--hy-color-primary)}
  .global-navigation{right:var(--hy-space-s);top:calc(var(--hy-header-height) + 8px)}.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  :root{--hy-header-height:56px;--hy-bottom-nav-height:68px}body{font-size:14px}.topbar{height:var(--hy-header-height);min-height:var(--hy-header-height);padding:0 10px;gap:6px}.brand-home .logo{height:30px;max-width:126px}.topbar-icon,.shell-search,.shell-profile{width:40px;height:40px;min-height:40px}
  .app-shell{padding:var(--hy-space-s) 12px calc(var(--hy-bottom-nav-height) + var(--hy-space-m))}.page-header,.workplace-head{gap:var(--hy-space-s);margin-bottom:var(--hy-space-s)}h1,.workplace-head h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.card{padding:var(--hy-space-s);border-radius:var(--hy-radius-small)}.actions,.workplace-primary-actions{width:100%}.actions .btn,.workplace-primary-actions .btn{flex:1 1 100%;width:100%}.grid-2,.grid-4,.grid-5,.form-grid,.process-grid{grid-template-columns:1fr}
  .workplace-tabs{margin-inline:-12px;padding-inline:12px}.workplace-all-head{gap:var(--hy-space-s)}.workplace-project-table{border:0;background:transparent;box-shadow:none}.workplace-project-table table,.workplace-project-table tbody{display:block}.workplace-project-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.workplace-project-table tbody{display:grid;gap:12px}.workplace-project-table tr{display:grid;padding:var(--hy-space-s);border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff;box-shadow:var(--hy-shadow-card)}
  .workplace-project-table td{display:grid;grid-template-columns:minmax(108px,38%) 1fr;gap:10px;padding:8px 0;border:0;font-size:.86rem;overflow-wrap:anywhere}.workplace-project-table td::before{color:var(--hy-color-text-secondary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.workplace-project-table td:nth-child(1)::before{content:"Projekt"}.workplace-project-table td:nth-child(2)::before{content:"Akteur"}.workplace-project-table td:nth-child(3)::before{content:"Verantwortlicher Bereich"}.workplace-project-table td:nth-child(4)::before{content:"Nächster Schritt"}.workplace-project-table td:nth-child(5)::before{content:"Aktion"}.workplace-project-table td[colspan]{display:block;text-align:center}.workplace-project-table td[colspan]::before{content:none}.workplace-project-table .row-actions{min-width:0;display:grid;grid-template-columns:1fr;gap:8px}.workplace-project-table .row-actions .btn{width:100%;min-height:44px;white-space:normal}
  .table-wrap:not(.workplace-project-table){max-width:100%;overflow-x:auto}.hybridio-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);margin:8px}.hybridio-dialog__surface{width:100%;max-height:calc(100dvh - 16px);padding:var(--hy-space-s)}.hybridio-dialog__actions{display:flex;flex-direction:column-reverse}.hybridio-dialog__actions .btn{width:100%}.toast{right:12px;bottom:calc(var(--hy-bottom-nav-height) + 12px);left:12px}
}
@media(max-width:390px){.bottom-navigation span{font-size:.64rem}.workplace-project-table td{grid-template-columns:1fr;gap:3px}}
@media print{.app-sidebar,.bottom-navigation,.shell-menu-trigger,.shell-search{display:none!important}.topbar,.app-shell{margin-left:0}}

/* REL186 Block 1 visual correction: dashboard composition from canonical workplace projections. */
:root{
  --hy-color-canvas:#f4f6f8;
  --hy-sidebar-width:216px;
  --hy-content-width:1440px;
  --hy-shadow-card:0 3px 14px rgba(16,40,60,.065);
}
body{background:var(--hy-color-canvas)}
.topbar{background:#fff}
.workplace-shell{width:100%;max-width:none;gap:20px}
.workplace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0;padding:0}
.workplace-head>div{display:block}
.workplace-head h1{margin:2px 0 0;font-size:clamp(2rem,2.4vw,2.65rem);line-height:1.08;letter-spacing:-.035em}
.workplace-eyebrow{display:block;color:var(--hy-color-primary-dark);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.workplace-guidance{margin:7px 0 0;font-size:.9rem}
.workplace-primary-actions{justify-content:flex-end}
.workplace-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.workplace-metric-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;min-width:0;min-height:132px;padding:19px 20px;border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff;box-shadow:var(--hy-shadow-card);overflow:hidden}
.workplace-metric-card::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--hy-color-primary),rgba(124,194,68,.14))}
.workplace-metric-icon{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--hy-color-success-bg);color:var(--hy-color-primary-dark)}
.workplace-metric-icon .shell-icon{width:21px;height:21px}
.workplace-metric-label{grid-column:1;grid-row:1;color:var(--hy-color-text-secondary);font-size:.76rem;font-weight:600;letter-spacing:.01em}
.workplace-metric-card strong{grid-column:1;grid-row:2;margin-top:4px;color:var(--hy-color-navy-deep);font-size:2rem;font-weight:700;line-height:1}
.workplace-metric-card small{grid-column:1/-1;grid-row:3;align-self:end;margin-top:12px;color:var(--hy-color-text-secondary);font-size:.7rem}
.workplace-tabs{min-height:46px;margin:0;padding:0 4px;border-bottom-color:var(--hy-color-border)}
.workplace-tab{min-height:46px;padding:10px 14px;font-size:.86rem}
.workplace-view{gap:14px}
.workplace-all-head{align-items:center;padding:18px 20px;border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff;box-shadow:var(--hy-shadow-card)}
.workplace-section-head h2{font-size:1.2rem;letter-spacing:-.015em}
.workplace-section-head p{margin-top:3px;font-size:.78rem}
.workplace-search{position:relative;min-width:min(360px,34vw)}
.workplace-search::before{content:"";position:absolute;z-index:1;top:50%;left:14px;width:16px;height:16px;transform:translateY(-50%);border:2px solid var(--hy-color-text-secondary);border-radius:50%;box-sizing:border-box;pointer-events:none}
.workplace-search::after{content:"";position:absolute;z-index:1;top:27px;left:27px;width:7px;height:2px;transform:rotate(45deg);border-radius:2px;background:var(--hy-color-text-secondary);pointer-events:none}
.workplace-search input{width:100%;min-width:0;min-height:44px;padding-left:42px;background:var(--hy-color-surface)}
.workplace-project-table{border-radius:var(--hy-radius-medium);box-shadow:var(--hy-shadow-card)}
.workplace-project-table table{table-layout:auto}
.workplace-project-table th{height:48px;padding:12px 18px;background:#f8fafb;color:var(--hy-color-text-secondary);font-size:.68rem;letter-spacing:.045em;text-transform:uppercase}
.workplace-project-table td{padding:17px 18px;font-size:.82rem;vertical-align:middle}
.workplace-project-table td:first-child{min-width:220px}
.workplace-project-table td:nth-child(4){min-width:180px}
.workplace-project-table td:last-child{min-width:210px}
.workplace-project-table td strong{color:var(--hy-color-navy-deep);font-size:.9rem}
.responsibility-area{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--hy-color-success-bg);color:var(--hy-color-primary-dark);font-size:.72rem;font-weight:600}
.row-actions{gap:7px}.row-actions .btn{min-height:38px;padding:8px 11px;font-size:.75rem}
@media(min-width:1280px){
  .shell-menu-trigger{display:none!important}
  .app-sidebar{padding:18px 14px}
  .sidebar-brand{width:154px;min-height:48px;margin:0 auto 24px;padding:8px 10px}
  .sidebar-navigation{gap:5px}.sidebar-navigation a,.sidebar-logout{min-height:44px;padding:9px 12px;font-size:.82rem}
  .sidebar-context{padding:14px;font-size:.72rem}
  .topbar{height:64px;min-height:64px;padding:0 28px}
  .app-shell{min-height:calc(100vh - 64px);padding:26px clamp(28px,3vw,52px) 64px}
  .app-shell>*{width:100%;max-width:var(--hy-content-width);margin-left:auto;margin-right:auto}
  .shell-search{width:min(420px,34vw);min-height:42px;background:var(--hy-color-surface)}
}
@media(min-width:801px) and (max-width:1279px){
  body.workplace-route{height:100dvh;overflow:hidden}
  .app-shell{padding:24px 24px calc(var(--hy-bottom-nav-height) + 34px)}
  body.workplace-route .app-shell{height:calc(100dvh - var(--hy-header-height) - var(--hy-bottom-nav-height));min-height:0;padding-bottom:34px;overflow-y:auto;overscroll-behavior:contain}
  .workplace-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workplace-metric-card{min-height:116px}
  .workplace-all-head{align-items:flex-end}
  .workplace-project-table{overflow-x:auto}
  .workplace-project-table table{min-width:920px}
}
@media(max-width:800px){
  html{scroll-padding-bottom:calc(var(--hy-bottom-nav-height) + 24px)}
  body.workplace-route{height:100dvh;overflow:hidden}
  .topbar{border-bottom:0;box-shadow:0 2px 12px rgba(16,40,60,.06)}
  .app-shell{padding:16px 12px calc(var(--hy-bottom-nav-height) + 56px)}
  body.workplace-route .app-shell{height:calc(100dvh - var(--hy-header-height) - var(--hy-bottom-nav-height) - env(safe-area-inset-bottom));min-height:0;padding-bottom:32px;overflow-y:auto;overscroll-behavior:contain}
  .workplace-shell{gap:14px}
  .workplace-head{align-items:stretch;gap:12px;margin:0;padding:0 2px}
  .workplace-head h1{font-size:1.75rem}.workplace-guidance{font-size:.78rem}
  .workplace-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .workplace-primary-actions .btn{min-height:42px;margin:0;padding:8px 10px;font-size:.78rem}
  .workplace-overview{display:flex;gap:10px;margin-inline:-12px;padding:2px 12px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .workplace-overview::-webkit-scrollbar{display:none}
  .workplace-metric-card{flex:0 0 148px;min-height:105px;padding:13px 14px;border-radius:12px;scroll-snap-align:start}
  .workplace-metric-icon{width:32px;height:32px;border-radius:9px}.workplace-metric-icon .shell-icon{width:17px;height:17px}
  .workplace-metric-card strong{font-size:1.55rem}.workplace-metric-card small{margin-top:7px;font-size:.61rem}.workplace-metric-label{font-size:.67rem}
  .workplace-tabs{margin-inline:-12px;padding-inline:12px;min-height:42px}.workplace-tab{min-height:42px;padding:8px 12px;font-size:.78rem}
  .workplace-all-head{align-items:stretch;gap:11px;padding:14px;border-radius:12px}.workplace-section-head h2{font-size:1.05rem}.workplace-section-head p{font-size:.7rem}
  .workplace-search{min-width:0;width:100%}.workplace-search input{min-height:42px}
  .workplace-project-table tbody{gap:12px}
  .workplace-project-table tr{padding:14px;border-radius:14px}
  .workplace-project-table td{grid-template-columns:minmax(96px,34%) 1fr;gap:8px;padding:6px 0;font-size:.78rem}
  .workplace-project-table td::before{font-size:.62rem}
  .workplace-project-table td:first-child,.workplace-project-table td:nth-child(4),.workplace-project-table td:last-child{min-width:0}
  .workplace-project-table td strong{font-size:.86rem}
  .workplace-project-table .row-actions{grid-template-columns:1fr 1fr}
  .workplace-project-table .row-actions .btn{min-height:42px;padding:7px 8px;font-size:.72rem}
  .bottom-navigation{background:#fff;box-shadow:0 -5px 18px rgba(16,40,60,.1)}
}
@media(max-width:420px){
  .workplace-primary-actions{grid-template-columns:1fr}
  .workplace-project-table td{grid-template-columns:1fr;gap:2px}
  .workplace-project-table .row-actions{grid-template-columns:1fr}
}

/* REL186 Block 1: central role-relevance navigation projection and roadmap. */
.sidebar-navigation{flex:1 1 auto;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}
.sidebar-navigation-group{display:block;margin:13px 10px 4px;color:var(--hy-color-navy-deep);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sidebar-navigation-group:first-child{margin-top:0}
.sidebar-navigation a{position:relative;min-height:40px;padding:8px 10px;font-size:.76rem}
.sidebar-navigation a small{position:absolute;top:7px;right:5px;width:6px;height:6px;padding:0;border-radius:50%;background:var(--hy-color-primary);color:transparent;font-size:0;box-shadow:0 0 0 2px rgba(124,194,68,.15)}
.sidebar-navigation a[data-navigation-status="COMING_SOON"]{color:var(--hy-color-navy-deep)}
.sidebar-context{flex:0 0 auto;margin-top:12px}.sidebar-logout{flex:0 0 auto}
.global-navigation{grid-template-rows:auto minmax(0,1fr) auto auto auto;max-height:min(760px,calc(100dvh - var(--hy-header-height) - 24px));overflow:hidden}
.global-navigation-items{display:grid;gap:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.global-navigation-items a{position:relative}.global-navigation-items a small{margin-left:auto;padding:3px 7px;border-radius:999px;background:var(--hy-color-success-bg);color:var(--hy-color-primary-dark);font-size:.62rem}
.navigation-group-label{display:block;padding:12px 10px 3px;color:var(--hy-color-text-secondary);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.navigation-group-label:first-child{padding-top:4px}
.bottom-navigation{grid-template-columns:repeat(var(--hy-bottom-count,4),minmax(0,1fr))}
.bottom-navigation a[data-navigation-status="COMING_SOON"]::before{content:"";position:absolute;top:8px;right:calc(50% - 17px);width:6px;height:6px;border-radius:50%;background:var(--hy-color-primary);box-shadow:0 0 0 2px #fff}
.coming-soon-page{display:grid;min-height:calc(100vh - var(--hy-header-height) - 100px);place-items:center;padding:24px}
.coming-soon-card{display:grid;justify-items:center;width:min(100%,620px);padding:clamp(34px,6vw,72px);text-align:center}
.coming-soon-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:20px;border-radius:22px;background:var(--hy-color-success-bg);color:var(--hy-color-primary-dark)}
.coming-soon-icon .shell-icon{width:34px;height:34px}
.coming-soon-badge{padding:6px 11px;border-radius:999px;background:var(--hy-color-navy-deep);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.coming-soon-card h1{margin:15px 0 8px;font-size:clamp(2rem,4vw,3rem)}
.coming-soon-card p{margin:0;color:var(--hy-color-text-secondary);font-size:1.05rem}.coming-soon-card small{max-width:52ch;margin-top:24px;color:var(--hy-color-text-secondary)}

/* AP-140: fachlich geführte Rollenpflege. */
.authority-wizard{margin-bottom:var(--hy-space-m);padding:clamp(18px,3vw,32px);border:1px solid #cfe3c3;border-radius:var(--hy-radius-large);background:linear-gradient(145deg,#fff 0%,#f7fbf4 100%);box-shadow:var(--hy-shadow-card)}
.authority-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hy-space-m)}.authority-wizard-head h3{margin:.2rem 0}.authority-wizard-head p{margin:.3rem 0 0}
.authority-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0;padding:0;list-style:none}.authority-steps li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:10px;color:var(--hy-color-text-secondary);font-size:.78rem;font-weight:600}.authority-steps li span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--hy-color-border);border-radius:50%;background:#fff}.authority-steps li.is-current{background:#edf7e7;color:var(--hy-color-navy-deep)}.authority-steps li.is-current span,.authority-steps li.is-done span{border-color:var(--hy-color-primary);background:var(--hy-color-primary);color:#fff}
.authority-wizard-panel{padding:clamp(16px,2vw,24px);border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff}.authority-wizard-panel>h4:first-child{margin-top:0}.authority-wizard-actions{justify-content:flex-end;margin-top:20px}
.authority-template-grid,.authority-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.authority-template{display:grid;gap:5px;min-height:96px;padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;color:var(--hy-color-text);text-align:left;cursor:pointer}.authority-template:hover,.authority-template.is-selected{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg);box-shadow:0 0 0 3px rgba(124,194,68,.13)}.authority-template small,.authority-area small,.authority-level small,.authority-critical small,.authority-role-card small,.authority-changeset small{display:block;color:var(--hy-color-text-secondary);font-weight:400;line-height:1.35}
.authority-area{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:flex-start;min-height:100px;padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;cursor:pointer}.authority-area:has(input:checked){border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-area input,.authority-critical input{margin-top:2px}
.authority-level-list,.authority-critical-list,.authority-role-list,.authority-changesets{display:grid;gap:10px}.authority-level{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);align-items:center;gap:18px;padding:14px;border:1px solid var(--hy-color-border);border-radius:12px}.authority-level select{width:100%}
.authority-warning{margin:12px 0;padding:15px;border-left:4px solid var(--hy-color-warning);border-radius:10px;background:var(--hy-color-warning-bg)}.authority-warning p{margin:.35rem 0 0}.authority-critical{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:14px;border:1px solid var(--hy-color-border);border-radius:12px}.authority-critical:has(input:checked){border-color:#e7a72d;background:var(--hy-color-warning-bg)}
.authority-summary-text{max-width:68ch;padding:18px;border-left:5px solid var(--hy-color-primary);border-radius:8px;background:var(--hy-color-success-bg);font-size:1.12rem;line-height:1.65}.authority-summary-critical{margin:15px 0;padding:14px;border-radius:10px;background:var(--hy-color-surface)}.authority-governance-note{color:#855000;font-weight:600}.authority-inline-expert,.authority-summary details,.authority-expert{margin-top:18px}.authority-expert>summary,.authority-inline-expert>summary,.authority-summary summary{cursor:pointer;color:var(--hy-color-primary-dark);font-weight:700}
.authority-role-card,.authority-changeset{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;color:var(--hy-color-text);text-align:left}.authority-role-card{cursor:pointer}.authority-role-card:hover{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-changeset-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--hy-color-border)}
@media(max-width:900px){.authority-template-grid,.authority-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.authority-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.authority-steps li{flex:0 0 160px;scroll-snap-align:start}}
@media(max-width:560px){.authority-wizard-head,.authority-changeset-actions{align-items:stretch;flex-direction:column}.authority-template-grid,.authority-area-grid{grid-template-columns:1fr}.authority-level,.authority-role-card,.authority-changeset{grid-template-columns:1fr}.authority-level select{min-width:0}.authority-changeset-actions .btn{width:100%}.authority-wizard{padding:12px}.authority-steps{margin:16px 0}.authority-steps li{flex-basis:142px}}
@media(max-width:1279px){.global-navigation{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - var(--hy-header-height) - 12px)}.coming-soon-page{min-height:calc(100dvh - var(--hy-header-height) - var(--hy-bottom-nav-height) - 32px)}}
@media(max-width:800px){.coming-soon-page{padding:12px}.coming-soon-card{padding:34px 20px;border-radius:16px}.coming-soon-icon{width:62px;height:62px;border-radius:18px}}

/* AP-135: task-first workplace projection. */
.workplace-task-layout{display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(340px,.75fr);gap:var(--hy-space-m);align-items:start}
.workplace-context-column{display:grid;min-width:0;gap:var(--hy-space-m);align-items:start}
.workplace-attention-column{min-width:0;padding:clamp(18px,2vw,28px);border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-large);background:#fff;box-shadow:var(--hy-shadow-card)}
.workplace-attention-head{display:flex;align-items:end;justify-content:space-between;gap:var(--hy-space-s);margin-bottom:var(--hy-space-m)}
.workplace-attention-head h2{margin:3px 0 0;font-size:clamp(1.35rem,2vw,1.8rem)}
.workplace-attention-count{flex:none;color:var(--hy-color-text-secondary);font-size:.78rem;font-weight:600}
.workplace-attention-list{display:grid;gap:10px}
.workplace-attention-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:13px;align-items:center;width:100%;min-height:104px;padding:15px 18px;border:1px solid var(--hy-color-border);border-left:4px solid var(--hy-color-primary);border-radius:var(--hy-radius-medium);background:#fff;color:var(--hy-color-text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.workplace-attention-card:hover{border-color:rgba(93,158,46,.42);box-shadow:0 8px 24px rgba(16,40,60,.09);transform:translateY(-1px)}
.workplace-attention-card:focus-visible{outline:3px solid rgba(124,194,68,.45);outline-offset:3px}
.workplace-attention-card.is-decision{border-left-color:var(--hy-color-warning)}
.workplace-attention-card.is-clarification{border-left-color:var(--hy-color-info)}
.workplace-attention-card.is-information{border-left-color:var(--hy-color-text-secondary)}
.workplace-attention-body{display:grid;gap:3px;min-width:0}
.workplace-attention-body strong{overflow-wrap:anywhere;color:var(--hy-color-navy-deep);font-size:1rem;line-height:1.28}
.workplace-attention-action{color:var(--hy-color-text-primary);font-size:.88rem;font-weight:600;line-height:1.35}
.workplace-attention-body small{margin-top:4px;color:var(--hy-color-text-secondary);font-size:.76rem;line-height:1.4}
.workplace-attention-project{color:var(--hy-color-text-secondary);font-size:.78rem}.workplace-attention-project-name{font-size:1.02rem}
.workplace-attention-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}
.workplace-attention-kind{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;color:var(--hy-color-primary-dark);font-size:.68rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.workplace-attention-kind>span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--hy-color-success-bg)}
.workplace-attention-kind.is-decision{color:#8a5a00}.workplace-attention-kind.is-decision>span{background:var(--hy-color-warning-bg)}
.workplace-attention-kind.is-clarification{color:#17698a}.workplace-attention-kind.is-clarification>span{background:var(--hy-color-info-bg)}
.workplace-attention-kind.is-information{color:var(--hy-color-text-secondary)}.workplace-attention-kind.is-information>span{background:var(--hy-color-surface)}
.workplace-attention-arrow{color:var(--hy-color-primary-dark);font-size:2rem;font-weight:300;text-align:right}
.workplace-attention-time{color:var(--hy-color-error);font-size:.68rem;font-weight:600}
.workplace-attention-skeleton{height:112px;border-radius:var(--hy-radius-medium);background:linear-gradient(90deg,var(--hy-color-surface),#fff,var(--hy-color-surface));background-size:220% 100%;animation:hy-attention-loading 1.4s ease infinite}
@keyframes hy-attention-loading{to{background-position:-220% 0}}
.workplace-attention-empty{padding:var(--hy-space-l);text-align:center}.workplace-attention-empty h3{margin:12px 0 5px}.workplace-attention-empty p{margin:0;color:var(--hy-color-text-secondary)}
.workplace-context-panel{position:sticky;top:calc(var(--hy-header-height) + 18px);display:grid;gap:var(--hy-space-m);max-height:calc(100dvh - var(--hy-header-height) - 36px);padding:22px;border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-large);background:#fff;box-shadow:0 16px 42px rgba(16,40,60,.13);overflow:auto}
.workplace-context-panel[hidden]{display:none}
.workplace-context-panel-head,.workplace-current-project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hy-space-s)}
.workplace-context-panel h2{margin:8px 0 0;font-size:1.35rem;line-height:1.25}.workplace-context-panel h3{margin:0 0 5px;font-size:.82rem}.workplace-context-panel p{margin:0;color:var(--hy-color-text-secondary);line-height:1.55}
.workplace-context-close{flex:none;width:44px;height:44px;padding:0;font-size:1.45rem}.workplace-context-project{padding-bottom:var(--hy-space-s);border-bottom:1px solid var(--hy-color-border)}
.workplace-context-actions{display:grid;grid-template-columns:1fr;gap:8px}.workplace-context-actions .btn{min-height:46px}
.workplace-current-project{display:grid;gap:var(--hy-space-m);padding:clamp(18px,2vw,26px)}.workplace-current-project[hidden]{display:none}
.workplace-current-project .workplace-section-head h2{margin:3px 0 0;font-size:1.25rem}.workplace-current-project .workplace-section-head p{margin-top:5px}
.workplace-journey{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.workplace-journey li{position:relative;display:grid;grid-template-rows:30px auto;gap:6px;justify-items:center;min-width:0;text-align:center}
.workplace-journey li::after{content:"";position:absolute;z-index:0;top:14px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:var(--hy-color-border)}
.workplace-journey li:last-child::after{display:none}.workplace-journey li>span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--hy-color-border);border-radius:50%;background:#fff;color:var(--hy-color-text-secondary);font-size:.72rem;font-weight:700}
.workplace-journey li.is-complete>span{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg);color:var(--hy-color-primary-dark)}
.workplace-journey li.is-complete::after{background:var(--hy-color-primary)}.workplace-journey li.is-current>span{border-color:var(--hy-color-primary-dark);background:var(--hy-color-primary);color:var(--hy-color-navy-deep);box-shadow:0 0 0 4px rgba(124,194,68,.18)}
.workplace-journey small{max-width:14ch;color:var(--hy-color-text-secondary);font-size:.62rem;line-height:1.3}
.workplace-current-state{margin:0;padding:12px 14px;border-radius:12px;background:var(--hy-color-surface);font-size:.82rem}.workplace-empty-copy{margin:0;color:var(--hy-color-text-secondary)}
.workplace-summary{padding:12px 16px;border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff}.workplace-summary summary{min-height:32px;color:var(--hy-color-text-secondary);font-size:.78rem;font-weight:600;cursor:pointer}.workplace-summary-items{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:10px;border-top:1px solid var(--hy-color-border)}.workplace-summary-items span{font-size:.76rem;color:var(--hy-color-text-secondary)}.workplace-summary-items strong{color:var(--hy-color-navy-deep);font-size:1rem}

@media(max-width:1279px){
  .workplace-task-layout{grid-template-columns:minmax(460px,1.2fr) minmax(300px,.8fr)}
  .workplace-journey{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.workplace-journey li:nth-child(4)::after{display:none}
}
@media(max-width:900px){
  .workplace-task-layout{grid-template-columns:1fr}
  .workplace-context-panel{position:fixed;z-index:90;inset:var(--hy-header-height) 0 var(--hy-bottom-nav-height);top:var(--hy-header-height);max-height:none;padding:20px 18px max(24px,env(safe-area-inset-bottom));border:0;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(16,40,60,.2)}
  .workplace-context-panel::before{content:"";position:fixed;z-index:-1;inset:0 0 auto;height:var(--hy-header-height);background:rgba(16,40,60,.18);pointer-events:none}
}
@media(max-width:800px){
  .workplace-head{align-items:stretch}.workplace-attention-column{padding:16px 14px;border-radius:16px}.workplace-attention-head{align-items:flex-start}.workplace-attention-card{grid-template-columns:minmax(0,1fr) 20px;min-height:118px;padding:14px 12px;gap:10px}.workplace-attention-body strong{font-size:.94rem}.workplace-attention-meta{align-items:flex-start;flex-direction:column;gap:5px}
  .workplace-current-project{padding:16px 14px}.workplace-current-project-head{align-items:stretch;flex-direction:column}.workplace-current-project-head .btn{width:100%}
  .workplace-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.workplace-journey li:nth-child(2n)::after{display:none}.workplace-journey li:nth-child(odd)::after{display:block}.workplace-journey li:last-child::after{display:none}.workplace-journey small{max-width:20ch;font-size:.64rem}
  .workplace-summary-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workplace-summary-items span{display:grid}
}
@media(max-width:390px){.workplace-attention-head{display:grid}.workplace-attention-card{grid-template-columns:minmax(0,1fr) 16px;padding-inline:10px}.workplace-attention-kind{font-size:.62rem}.workplace-context-panel{padding-inline:14px}.workplace-summary-items{grid-template-columns:1fr}}
.authority-wizard{margin-bottom:var(--hy-space-m);padding:clamp(14px,2vw,24px);border:1px solid #cfe3c3;border-radius:var(--hy-radius-large);background:linear-gradient(145deg,#fff 0%,#f7fbf4 100%);box-shadow:var(--hy-shadow-card)}
.authority-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hy-space-m)}.authority-wizard-head h3{margin:.2rem 0}.authority-wizard-head p{margin:.3rem 0 0}
.authority-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0;padding:0;list-style:none}.authority-steps li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;min-width:0;padding:8px;border-radius:10px;color:var(--hy-color-text-secondary);font-size:.76rem;font-weight:600}.authority-steps li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--hy-color-border);border-radius:50%;background:#fff}.authority-steps li.is-current{background:#edf7e7;color:var(--hy-color-navy-deep)}.authority-steps li.is-current span,.authority-steps li.is-done span{border-color:var(--hy-color-primary);background:var(--hy-color-primary);color:#fff}
.authority-wizard-panel{padding:clamp(12px,1.5vw,18px);border:1px solid var(--hy-color-border);border-radius:var(--hy-radius-medium);background:#fff}.authority-wizard-panel>h4:first-child{margin-top:0}.authority-wizard-actions{position:sticky;bottom:8px;z-index:4;justify-content:flex-end;margin:14px -4px -4px;padding:10px;border:1px solid var(--hy-color-border);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 -6px 18px rgba(16,40,60,.08)}
.authority-template-grid,.authority-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.authority-template{display:grid;gap:5px;min-height:96px;padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;color:var(--hy-color-text);text-align:left;cursor:pointer}.authority-template:hover,.authority-template.is-selected{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg);box-shadow:0 0 0 3px rgba(124,194,68,.13)}.authority-template small,.authority-area small,.authority-level small,.authority-critical small,.authority-role-card small,.authority-changeset small{display:block;color:var(--hy-color-text-secondary);font-weight:400;line-height:1.35}
.authority-area{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:flex-start;min-height:100px;padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;cursor:pointer}.authority-area:has(input:checked){border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-area input,.authority-critical input{margin-top:2px}
.authority-level-list,.authority-critical-list,.authority-role-list,.authority-changesets{display:grid;gap:10px}.authority-level{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);align-items:center;gap:18px;padding:14px;border:1px solid var(--hy-color-border);border-radius:12px}.authority-level select{width:100%}
.authority-warning{margin:12px 0;padding:15px;border-left:4px solid var(--hy-color-warning);border-radius:10px;background:var(--hy-color-warning-bg)}.authority-warning p{margin:.35rem 0 0}.authority-critical{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:14px;border:1px solid var(--hy-color-border);border-radius:12px}.authority-critical:has(input:checked){border-color:#e7a72d;background:var(--hy-color-warning-bg)}
.authority-summary-text{max-width:68ch;padding:18px;border-left:5px solid var(--hy-color-primary);border-radius:8px;background:var(--hy-color-success-bg);font-size:1.12rem;line-height:1.65}.authority-summary-critical{margin:15px 0;padding:14px;border-radius:10px;background:var(--hy-color-surface)}.authority-governance-note{color:#855000;font-weight:600}.authority-inline-expert,.authority-summary details,.authority-expert{margin-top:18px}.authority-expert>summary,.authority-inline-expert>summary,.authority-summary summary{cursor:pointer;color:var(--hy-color-primary-dark);font-weight:700}
.authority-role-card,.authority-changeset{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;color:var(--hy-color-text);text-align:left}.authority-role-card{cursor:pointer}.authority-role-card:hover{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-changeset-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--hy-color-border)}
.authority-function-card{display:grid;gap:10px;padding:12px;border:1px solid var(--hy-color-border);border-radius:14px;background:#fff}.authority-function-card .authority-level{padding:4px;border:0}.authority-action-list{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--hy-color-border)}.authority-critical em{display:inline-block;margin-top:6px;color:var(--hy-color-primary-dark);font-size:.7rem;font-style:normal;font-weight:700}.authority-critical-group{margin-top:22px}.authority-critical-group h5{margin:0 0 9px;color:var(--hy-color-navy-deep);font-size:.92rem}.authority-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.authority-summary-grid section{padding:15px;border:1px solid var(--hy-color-border);border-radius:12px;background:var(--hy-color-surface)}.authority-summary-grid h5{margin:0 0 8px}.authority-summary-grid ul,.authority-summary-grid p{margin:0;padding-left:20px}.authority-summary-grid p{padding-left:0}.authority-user-search{display:block;max-width:520px;margin:18px 0}.authority-user-search input{width:100%}.authority-assigned-roles{display:grid;gap:8px;margin-bottom:14px}.authority-role-tools{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:10px}.authority-role-picker{display:grid;max-height:360px;gap:7px;padding:4px;overflow:auto}.authority-role-picker>label{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:10px;border:1px solid var(--hy-color-border);border-radius:10px}.authority-role-picker>label:has(input:checked){border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-role-picker small{display:block;color:var(--hy-color-text-secondary)}.authority-role-picker .is-inactive{opacity:.72}.authority-assignment-impact{margin:12px 0;padding:12px;border-left:4px solid var(--hy-color-primary);border-radius:8px;background:var(--hy-color-success-bg);line-height:1.5}
.authority-continuation,.authority-assignment-context{display:grid;gap:8px;margin:18px 0;padding:18px;border:2px solid var(--hy-color-primary);border-radius:14px;background:var(--hy-color-success-bg);box-shadow:0 8px 22px rgba(53,112,36,.1)}.authority-continuation h4,.authority-continuation p{margin:0}.authority-effect-group{margin-top:22px}.authority-effect-group>h5{margin:0 0 9px}.authority-empty-state{padding:18px;border:1px solid var(--hy-color-border);border-radius:12px;background:var(--hy-color-success-bg)}.authority-empty-state p{margin:.35rem 0 0}.authority-more-rights{margin-top:16px;padding:14px;border:1px solid var(--hy-color-border);border-radius:12px}.authority-more-rights>summary{cursor:pointer;font-weight:750}.authority-role-picker-group{display:grid;gap:7px;padding:8px 0}.authority-role-picker-group+ .authority-role-picker-group{border-top:1px solid var(--hy-color-border)}.authority-role-picker-group h4{position:sticky;top:-4px;z-index:1;margin:0;padding:8px 5px;background:#fff;font-size:.86rem}.authority-role-picker-group>label{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:10px;border:1px solid var(--hy-color-border);border-radius:10px}.authority-role-picker-group>label:has(input:checked){border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-assignment-impact{display:grid;gap:3px}.authority-assignment-context span{color:var(--hy-color-text-secondary)}.authority-user-card:focus,.authority-continuation:focus{outline:3px solid rgba(51,118,36,.35);outline-offset:3px}
.authority-has-continuation .authority-steps,.authority-has-continuation #authorityWizardBody{display:none}.authority-focus-mode [data-authority-overview][hidden]{display:none!important}.authority-assignment-mode .authority-user-search{margin-top:10px}.authority-assignment-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.authority-bootstrap-warning{padding:12px;border:1px solid var(--hy-color-border);border-radius:10px;background:var(--hy-color-surface-subtle)}.authority-person-choice button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:14px;border:1px solid var(--hy-color-border);border-radius:12px;background:#fff;color:var(--hy-color-text);text-align:left;cursor:pointer}.authority-person-choice button:hover,.authority-person-choice button:focus-visible{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.authority-person-choice small{display:block;color:var(--hy-color-text-secondary)}.authority-assignment-card{max-width:760px;margin-inline:auto}.authority-target-role{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:16px;border:2px solid var(--hy-color-primary);border-radius:12px;background:var(--hy-color-success-bg)}.authority-target-role small{display:block;color:var(--hy-color-text-secondary)}.authority-assignment-complete{display:grid;gap:10px;padding:24px;border:2px solid var(--hy-color-primary);border-radius:14px;background:var(--hy-color-success-bg)}.authority-assignment-complete h3,.authority-assignment-complete p{margin:0}.authority-assignment-complete:focus,.authority-assignment-context:focus{outline:3px solid rgba(51,118,36,.35);outline-offset:3px}
@media(max-width:900px){.authority-template-grid,.authority-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.authority-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.authority-steps li{flex:0 0 160px;scroll-snap-align:start}}
@media(max-width:560px){.authority-wizard-head,.authority-changeset-actions{align-items:stretch;flex-direction:column}.authority-template-grid,.authority-area-grid,.authority-summary-grid,.authority-role-tools{grid-template-columns:1fr}.authority-level,.authority-role-card,.authority-changeset{grid-template-columns:1fr}.authority-level select{min-width:0}.authority-changeset-actions .btn{width:100%}.authority-wizard{padding:12px}.authority-steps{margin:16px 0}.authority-steps li{flex-basis:142px}.authority-role-picker{max-height:52vh}}
@media(max-width:1279px){.authority-wizard-actions{bottom:calc(var(--hy-bottom-nav-height) + 8px)}}

/* REL204 BLOCK 7 UX – Administration & Entscheidungen */
.admin-workspace-header{margin-bottom:.75rem}
.admin-workspace-nav{display:flex;gap:.5rem;align-items:center;overflow-x:auto;padding:.5rem 0 1rem;margin-bottom:1rem;border-bottom:1px solid var(--border,#d7dde5)}
.admin-workspace-nav a{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.65rem .8rem;border-radius:.65rem;text-decoration:none;color:inherit;border:1px solid transparent}
.admin-workspace-nav a:hover,.admin-workspace-nav a:focus-visible{background:var(--surface-soft,#f5f7fa);border-color:var(--border,#d7dde5)}
.admin-workspace-nav a.is-current{font-weight:700;background:var(--surface-soft,#f5f7fa);border-color:var(--border-strong,#aeb8c4)}
.admin-nav-badge{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--text,#20262d);color:var(--surface,#fff);font-size:.75rem}
.admin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.admin-summary-card strong{display:block;font-size:2rem;line-height:1.1;margin:.35rem 0}
.admin-employee-list,.admin-project-value-list{display:grid;gap:.65rem;margin-top:1rem}
.admin-employee-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.8rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--border,#d7dde5);border-radius:.75rem;background:var(--surface,#fff)}
.admin-employee-row>div{display:grid;gap:.15rem;min-width:0}.admin-employee-row small{color:var(--muted,#66717f);overflow-wrap:anywhere}
.admin-employee-detail{display:grid;gap:1rem}.card-subsection{padding:1rem;border:1px solid var(--border,#d7dde5);border-radius:.75rem}.card-subsection>h3{margin-top:0}
.admin-inline-create{margin:1rem 0;padding:1rem;border:1px solid var(--border,#d7dde5);border-radius:.75rem;background:var(--surface-soft,#f5f7fa)}
.decision-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;margin:.75rem 0}.decision-card.is-focused{outline:2px solid currentColor;outline-offset:2px}.decision-card-main h3{margin:.15rem 0}.decision-details{grid-column:1/-1}.decision-details pre{max-height:20rem;overflow:auto}
@media(max-width:800px){.admin-overview-grid{grid-template-columns:1fr}.admin-employee-row,.decision-card{grid-template-columns:1fr}.admin-workspace-nav{padding-bottom:.75rem}}
/* REL204 BLOCK 7 UX2: task-oriented administration and readable decisions */
.sidebar-navigation a.sidebar-navigation-subitem{margin-left:1.35rem;min-height:34px;padding:6px 10px 6px 12px;border-left:2px solid rgba(31,56,77,.16);border-radius:0 var(--hy-radius-small) var(--hy-radius-small) 0;font-size:.72rem}.sidebar-navigation a.sidebar-navigation-subitem .shell-icon{width:15px;height:15px;opacity:.78}
.admin-task-launcher{display:grid;gap:1rem}.admin-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-next-card{padding:1rem;border:2px solid var(--hy-color-primary);border-radius:.85rem;background:var(--hy-color-success-bg)}.admin-next-card h3,.admin-next-card p{margin:.25rem 0 .75rem}.admin-next-empty{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid var(--border,#d7dde5);border-radius:.75rem;background:var(--surface-soft,#f5f7fa)}
.admin-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.admin-task-card{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--border,#d7dde5);border-radius:.8rem;background:var(--surface,#fff);color:inherit;text-decoration:none}.admin-task-card:hover,.admin-task-card:focus-visible{border-color:var(--hy-color-primary);background:var(--hy-color-success-bg)}.admin-task-card span{color:var(--muted,#66717f)}.admin-task-card .admin-task-link{margin-top:.35rem;color:var(--hy-color-primary-dark);font-weight:700}
.decision-card-main .decision-change{margin:.55rem 0}.decision-review-panel{grid-column:1/-1}.decision-review-panel[hidden]{display:none}.decision-review-form{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--hy-color-primary);border-radius:.75rem;background:var(--hy-color-success-bg)}.decision-review-form h4{margin:0}.decision-review-form textarea{width:100%;min-height:7rem}.decision-review-form .about-metadata{margin:0}.decision-details>summary{cursor:pointer;font-weight:650;color:var(--hy-color-text-secondary)}
@media(max-width:800px){.admin-next-grid,.admin-task-grid{grid-template-columns:1fr}}

/* REL204 BLOCK 7 UX3: compact, task-oriented administration at 100% desktop zoom. */
@media(min-width:1000px){
  .decision-card{padding:.8rem 1rem;gap:.7rem 1rem}
  .decision-card-main p{margin:.3rem 0}
  .decision-card>.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}
  .decision-review-form{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:start;padding:.8rem;gap:.6rem 1rem}
  .decision-review-form>h4,.decision-review-form>.help,.decision-review-form>.actions{grid-column:1/-1}
  .decision-review-form textarea{min-height:5rem}
  .admin-employee-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
  .admin-employee-detail .card-subsection{padding:.85rem}
  .admin-employee-detail .card-subsection:last-child{grid-column:1/-1}
}