/* Kaufbegleiter (nur /kaufbegleiter/). Baut auf angebot.css auf (gleiche Knöpfe, Bestätigung, Status, Beleg). */
.kb-uebersicht{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 32px;padding:22px 24px;background:var(--dark);color:#f3e8d8;border-radius:14px;margin-bottom:18px}
.kb-naechster{display:flex;flex-direction:column;gap:4px;min-width:0}
.kb-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d8bf9c}
.kb-naechster strong{font:400 clamp(24px,2.6vw,32px)/1.15 var(--serif);letter-spacing:-.02em;color:#fff7ea}
.kb-sub{font-size:14px;color:#e2d2bd}
.kb-zahlen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;font-size:14px;color:#e8dccb}
.kb-zahlen strong{font:400 22px/1 var(--serif);color:#f1d9b5;margin-right:4px}
.kb-hinweise{grid-column:1/-1;margin:0;padding:12px 16px 12px 34px;background:#ffffff12;border-left:3px solid var(--kupfer);border-radius:6px;font-size:14px;line-height:1.55}
.kb-hinweise li+li{margin-top:6px}
.kb-uebersicht .kb-grenze{grid-column:1/-1;color:#cdbca6;margin:0}
.kb-grenze{font-size:12.5px;line-height:1.55;color:var(--muted);max-width:78ch;margin:0 0 14px}
.kb-abschnitt{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:12px}
.kb-abschnitt>summary{display:flex;align-items:center;gap:12px;padding:18px 22px;font:400 22px/1.2 var(--serif);letter-spacing:-.015em;cursor:pointer;list-style:none}
.kb-abschnitt>summary::-webkit-details-marker{display:none}
.kb-abschnitt>summary::after{content:"+";margin-left:auto;font:400 26px/1 var(--sans);color:var(--kupfer)}
.kb-abschnitt[open]>summary::after{content:"–"}
.kb-abschnitt>div{padding:0 22px 22px}
.kb-feld{min-width:0}
.kb-feld label,.kb-alltag-zeile label{display:block;font-size:13.5px;font-weight:600;margin-bottom:5px;color:var(--ink);overflow-wrap:break-word}
.kb-app input[type=text],.kb-app input[type=date],.kb-app select,.kb-app textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid #d9ccbb;border-radius:8px;background:#fdfbf8;font:15px/1.4 var(--sans);color:var(--ink)}
.kb-app textarea{resize:vertical}
.kb-app input:focus,.kb-app select:focus,.kb-app textarea:focus{outline:2px solid var(--kupfer);outline-offset:1px;border-color:var(--kupfer)}
.kb-app [aria-invalid="true"]{border-color:#b3261e;background:#fff5f4}
.kb-check label{display:flex;align-items:center;gap:8px;font-weight:500;min-height:44px;margin:0}
.kb-check input{width:18px;height:18px;accent-color:var(--kupfer);flex-shrink:0}
.kb-alltag-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,210px);gap:8px 20px;align-items:center;padding:12px 0;border-top:1px dashed #efe6da}
.kb-alltag-zeile label{font-weight:500;margin:0;line-height:1.5}
.kb-aktion{margin-top:14px}
.kb-reihe{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}
.kb-reihe .kb-feld{flex:1 1 260px}
.kb-reihe .kb-schmal{flex:0 1 180px}
.kb-reihe .button{min-height:44px}
.kb-import{padding:14px 16px;background:#fbf8f3;border:1px solid #efe6da;border-radius:10px;margin-bottom:14px}
.kb-import .small{margin:0 0 10px}
.kb-import a{text-decoration:underline}
.kb-neu{margin-bottom:6px}
.kb-fragenliste,.kb-terminliste,.kb-restliste{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.kb-frage,.kb-termin,.kb-restpunkt{padding:16px 18px;border:1px solid #e6dccf;border-left:4px solid #d9ccbb;border-radius:10px;background:#fffdf9;min-width:0}
.kb-frage.kb-s-offen{border-left-color:#c97a4a}.kb-frage.kb-s-widerspruch{border-left-color:#b3261e}
.kb-frage.kb-s-muendlich{border-left-color:#d6a84e}.kb-frage.kb-s-schriftlich{border-left-color:#3d5a3a}
.kb-erledigt{border-left-color:#3d5a3a;background:#f6f8f3}
.kb-frage-text{font-weight:600;line-height:1.5;margin:0;overflow-wrap:break-word}
.kb-herkunft{font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.kb-termin{padding:0}.kb-termin>details>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:14px 18px;cursor:pointer;list-style:none}.kb-termin>details>summary::-webkit-details-marker{display:none}.kb-termin>details>summary::after{content:'+';margin-left:auto;color:var(--kupfer);font-size:20px;line-height:1}.kb-termin>details[open]>summary::after{content:'–'}.kb-t-name{font:400 20px/1.2 var(--serif);letter-spacing:-.01em}.kb-t-kurz{font-size:13.5px;color:var(--muted);min-width:0;overflow-wrap:break-word}.kb-termin .kb-raster{padding:0 18px 14px;margin:0}.kb-terminliste{gap:8px}
.kb-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:8px 0}
.kb-raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kb-breit{grid-column:1/-1}
.kb-ausgaben{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.kb-ausgaben .button{min-height:48px;padding:12px 22px;border-radius:10px;font-size:15px}
.kb-zettel{margin-top:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.kb-zettel textarea{font:14px/1.55 var(--sans);margin:8px 0 12px;min-height:220px}
.kb-speicher{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:18px}
.kb-ungespeichert{flex-basis:100%;margin:0;font-size:13px;font-weight:600;color:var(--ac-offen,#9a4a1f)}
.kb-datei{cursor:pointer;position:relative}
.kb-datei:focus-within{outline:2px solid var(--kupfer);outline-offset:3px}
.kb-druck{display:none}
.kb-themen ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kb-themen li{padding:20px;background:#fbf8f3;border:1px solid #efe6da;border-radius:12px}
.kb-themen h3{font:600 17px/1.3 var(--sans);letter-spacing:0;margin:0 0 6px}
.kb-themen p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
@media (max-width:720px){
  .kb-uebersicht{grid-template-columns:1fr;padding:18px}
  .kb-alltag-zeile,.kb-raster,.kb-raster-3,.kb-themen ol{grid-template-columns:1fr}
  .kb-abschnitt>summary{padding:16px;font-size:20px}
  .kb-abschnitt>div{padding:0 16px 16px}
  .kb-frage,.kb-termin,.kb-restpunkt{padding:14px}
  .kb-ausgaben .button{width:100%}
}
@media print{
  body>*:not(main),main>*:not(.kb),.kb>*:not(.kb-app),.kb-app>*:not(.kb-druck){display:none!important}
  main,.kb,.kb-app{margin:0!important;padding:0!important;width:auto!important;background:none!important}
  .kb-druck{display:block;font:11pt/1.45 var(--sans);color:#000}
  .kb-druck h2{font:400 18pt/1.2 var(--serif);margin:0 0 10pt}
  .kb-druck h3{font:600 12pt/1.3 var(--sans);margin:14pt 0 6pt}
  .kb-druck li{margin:4pt 0;break-inside:avoid}
}
