:root{
  --bg:#f4f5f7;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#d8dee8;
  --brand:#8b1e2d;--brand-dark:#701724;--good:#18733c;--danger:#b42318;--soft:#eef2f7;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.topbar{background:#111827;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;position:sticky;top:0;z-index:10}
.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:#cbd5e1;font-size:13px}
.top-actions{display:flex;align-items:center;gap:10px;font-size:13px}
main{max-width:1280px;margin:auto;padding:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.narrow{max-width:440px;margin:50px auto}
.hidden{display:none!important}
label{display:block;font-size:13px;font-weight:700;margin:11px 0}
input,select,textarea,button{font:inherit}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--text)}
textarea{resize:vertical}
button{border:0;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}
.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}
.secondary{background:#e5e7eb;color:#111827}.danger{background:var(--danger);color:white}
.message{min-height:18px;font-size:13px}.muted{color:var(--muted);font-weight:400}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.stat strong{font-size:28px;display:block}.stat span{font-size:12px;color:var(--muted)}
.toolbar{margin-bottom:14px}.toolbar-row{display:grid;grid-template-columns:1fr 180px auto;gap:10px}
.layout{display:grid;grid-template-columns:280px 1fr;gap:14px}
.section-head{display:flex;justify-content:space-between;align-items:center}
.category-button{display:block;width:100%;text-align:left;margin:4px 0;background:#f7f8fa;padding:8px}
.category-button.active{background:#f5e8ea;color:var(--brand)}
.category-level-2{padding-left:20px}.category-level-3{padding-left:36px}.category-level-4{padding-left:52px}
.entry{border:1px solid var(--line);border-radius:11px;padding:13px;margin:9px 0;cursor:pointer}
.entry:hover{border-color:#aab4c1;background:#fafafa}
.entry-top{display:flex;justify-content:space-between;gap:12px}
.entry h3{margin:0;font-size:16px}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
.chip{font-size:11px;border-radius:99px;padding:4px 7px;background:var(--soft)}
.chip.hoch{background:#fee4e2;color:#912018}.chip.aktiv{background:#e8f3ec;color:#176b36}
.path{color:var(--muted);font-size:12px}.summary{font-size:13px;line-height:1.4}
dialog{width:min(820px,96vw);max-height:92vh;border:0;border-radius:14px;padding:0;box-shadow:0 20px 50px rgba(0,0,0,.25)}
dialog::backdrop{background:rgba(0,0,0,.5)}
#entryForm{padding:18px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}
.icon-btn{background:transparent;font-size:18px}.two-col,.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
fieldset{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:12px}
legend{font-weight:700}.category-create{display:grid;grid-template-columns:220px 1fr auto;gap:8px;align-items:center;margin-top:8px}
.dialog-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.spacer{flex:1}
@media(max-width:800px){
  .dashboard{grid-template-columns:repeat(2,1fr)}
  .layout{grid-template-columns:1fr}
  .toolbar-row{grid-template-columns:1fr}
  .two-col,.category-grid{grid-template-columns:1fr}
  .category-create{grid-template-columns:1fr}
}


/* FocusBot Übersicht & Navigation v2 */
.main-filters{
  grid-template-columns:minmax(220px,1fr) 155px 155px 155px auto;
}
.category-node{width:100%}
.category-row{display:flex;align-items:center;gap:2px;margin:2px 0}
.category-toggle{
  flex:0 0 28px;
  width:28px;
  padding:7px 4px;
  background:transparent;
  color:#4b5563;
  text-align:center;
}
.category-toggle:disabled{cursor:default;color:#c0c6cf}
.category-name{
  flex:1;
  text-align:left;
  background:#f7f8fa;
  padding:8px 9px;
  color:var(--text);
}
.category-name:hover{background:#eef1f5}
.category-name.active{background:#f5e8ea;color:var(--brand)}
.category-row.category-level-2{padding-left:16px}
.category-row.category-level-3{padding-left:32px}
.category-row.category-level-4{padding-left:48px}
.category-children{width:100%}

.score-chips{display:flex;gap:5px;flex-shrink:0}
.chip.score{font-weight:700}
.priority-score{background:#fce8ea;color:#8b1e2d}
.benefit-score{background:#e8eef7;color:#254c7d}
.tag-chip{background:#f1ecf8;color:#5f3b82}
.entry-related{background:#fafbfc;border-style:dashed}
.entry-section{margin-top:8px}
.entry-section-title{font-size:14px;margin:14px 0 6px;color:#374151}
.related-details{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}
.related-details>summary{
  cursor:pointer;
  font-size:14px;
  font-weight:700;
  color:#374151;
  padding:5px 0;
}
.related-details>summary:hover{color:var(--brand)}

@media(max-width:1050px){
  .main-filters{grid-template-columns:1fr 1fr 1fr}
  .main-filters #searchInput{grid-column:1/-1}
  .main-filters #newEntryBtn{grid-column:1/-1}
}
@media(max-width:800px){
  .main-filters{grid-template-columns:1fr}
  .main-filters #searchInput,.main-filters #newEntryBtn{grid-column:auto}
}


/* Verknüpfte Themen v3 */
.linked-topics-list{
  max-height:260px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:9px;
  margin-top:8px;
  padding:6px;
  background:#fafbfc;
}
.linked-topic-option{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:7px 8px;
  margin:0;
  border-radius:7px;
  cursor:pointer;
  font-weight:400;
}
.linked-topic-option:hover{background:#eef1f5}
.linked-topic-option input{
  width:auto;
  margin:3px 0 0;
  flex:0 0 auto;
}
.linked-topic-option span{display:flex;flex-direction:column;gap:2px}
.linked-topic-option strong{font-size:13px}
.linked-topic-option small{font-size:11px;color:var(--muted)}
.reverse-related{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.related-link-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.relation-pill{
  background:#eef1f5;
  color:#374151;
  padding:6px 9px;
  font-size:12px;
}
.relation-pill:hover{background:#e1e6ed}
.relation-chip{
  background:#e9f3f0;
  color:#205f50;
}