/* ═══════════════════════════════════════════════════════════════════════════
   Angebote · Betreute Objekte (6.116.0, audit/162) — Design nach verbindlichem
   Handoff design_handoff_betreute_objekte. Präfix ao-. BEWUSST: keine Border-
   Radii (alles eckig), Space Grotesk + IBM Plex Sans (lokal, CSP-konform).
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700;
  src: url(/vendor/fonts/SpaceGrotesk-Variable.woff2) format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100 700;
  src: url(/vendor/fonts/IBMPlexSans-Variable.woff2) format('woff2'); }

#view-angebotobjekte{
  --ao-ink:#16241f; --ao-text:#26332d; --ao-gruen:#1e6f50; --ao-gruen-d:#175843; --ao-gruen-h:#2e8f68;
  --ao-muted:#6b7a72; --ao-muted-l:#8a968e; --ao-graugruen:#9fb3a9;
  --ao-f1:#f2f7f3; --ao-f2:#fbfdfb; --ao-linie:#e3e9e4; --ao-panel:#dfe6e1; --ao-input:#ccd6d0; --ao-unterschrift:#b9c4bd;
  --ao-rot:#b3261e;
  color:var(--ao-text);
}
#view-angebotobjekte *{box-sizing:border-box}
#ao-root{font-family:'IBM Plex Sans',sans-serif;background:#eceff0;margin:-16px;min-height:calc(100vh - 60px);display:flex;flex-direction:column}

.ao-grotesk{font-family:'Space Grotesk',sans-serif}
.ao-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ao-muted);margin-bottom:10px}

/* Toolbar */
.ao-toolbar{background:#fff;border-bottom:1px solid var(--ao-panel);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;flex:none;gap:14px}
.ao-titel{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:var(--ao-ink)}
.ao-status{font-size:12px;color:var(--ao-muted);margin-top:1px}

/* Buttons (eckig!) */
.ao-btn{font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:500;padding:8px 16px;background:#fff;color:var(--ao-ink);border:1px solid var(--ao-unterschrift);cursor:pointer}
.ao-btn:hover{background:var(--ao-f1)}
.ao-btn-primary{font-weight:600;background:var(--ao-gruen);color:#fff;border:none}
.ao-btn-primary:hover{background:var(--ao-gruen-d)}
.ao-btn-quiet{border:none;background:transparent;color:var(--ao-muted)}
.ao-btn-quiet:hover{background:var(--ao-f1);color:var(--ao-ink)}
.ao-btn:disabled{opacity:.5;cursor:default}

/* Split-View */
.ao-split{flex:1;display:flex;min-height:0}
.ao-panel{width:480px;flex:none;background:#fff;border-right:1px solid var(--ao-panel);overflow-y:auto;padding:20px 20px 40px 20px}
.ao-buehne{flex:1;overflow:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start}
.ao-papier{width:794px;flex:none;background:#fff;box-shadow:0 2px 14px rgba(22,36,31,.14);padding:62px 68px}

/* Inputs */
.ao-input{font-family:'IBM Plex Sans',sans-serif;font-size:13.5px;padding:9px 11px;border:1px solid var(--ao-input);color:var(--ao-ink);width:100%;background:#fff}
.ao-input:focus,#view-angebotobjekte select:focus{outline:2px solid var(--ao-gruen);outline-offset:-1px}
.ao-input::placeholder{color:#a3aea8}
.ao-input-klein{font-size:12px;padding:5px 9px;border:1px solid var(--ao-linie);color:var(--ao-muted)}
.ao-input-freitext{font-size:12px;padding:5px 9px;border:1px dashed var(--ao-gruen);color:var(--ao-gruen-d)}
.ao-details summary{font-size:12.5px;color:var(--ao-gruen);font-weight:500;cursor:pointer}

/* Leistungs-Karten */
.ao-karte{border:1px solid var(--ao-panel);margin-bottom:14px}
.ao-karte-kopf{display:flex;align-items:center;gap:8px;background:var(--ao-f1);padding:8px 10px;border-bottom:1px solid var(--ao-panel)}
.ao-karte-num{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;color:var(--ao-graugruen)}
.ao-karte-name{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ao-ink);border:none;background:transparent;flex:1;padding:4px 2px}
.ao-x{border:none;background:transparent;color:var(--ao-muted-l);font-size:15px;cursor:pointer;padding:2px 6px;line-height:1}
.ao-x:hover{color:var(--ao-rot)}
.ao-zeile{display:grid;grid-template-columns:1fr 132px 24px;gap:8px;padding:10px 10px 0 10px;align-items:start}
.ao-zeile .ao-x{color:var(--ao-unterschrift);font-size:14px;padding:6px 2px}
.ao-zeile select{font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;padding:7px 6px;border:1px solid var(--ao-input);color:var(--ao-gruen-d);font-weight:500;background:#fff;width:100%}
.ao-karte-fuss{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ao-btn-frei{font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;font-weight:500;color:var(--ao-gruen);background:transparent;border:1px dashed var(--ao-graugruen);padding:7px 12px;cursor:pointer}
.ao-btn-frei:hover{background:var(--ao-f1);border-color:var(--ao-gruen)}
.ao-btn-katalog{font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;font-weight:600;color:#fff;background:var(--ao-gruen-h);border:none;padding:7px 12px;cursor:pointer}
.ao-btn-katalog:hover{background:var(--ao-gruen)}
.ao-katalog{border-top:1px solid var(--ao-panel);background:var(--ao-f2);padding:10px;max-height:260px;overflow-y:auto}
.ao-katalog-titel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ao-muted-l);font-weight:600;margin-bottom:8px}
.ao-katalog-eintrag{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;font-family:'IBM Plex Sans',sans-serif;background:#fff;border:1px solid var(--ao-linie);padding:7px 10px;margin-bottom:6px;cursor:pointer}
.ao-katalog-eintrag:hover:not(:disabled){border-color:var(--ao-gruen);background:var(--ao-f1)}
.ao-katalog-eintrag:disabled{opacity:.4;cursor:default}
.ao-karte-preis{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-top:1px solid var(--ao-panel);background:var(--ao-f2)}
.ao-btn-oberthema{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--ao-gruen);background:var(--ao-f1);border:1px dashed var(--ao-gruen);padding:11px 12px;cursor:pointer;width:100%;letter-spacing:.04em}
.ao-btn-oberthema:hover{background:#e3efe8}

/* Preis-Segment */
.ao-segment{display:flex;border:1px solid var(--ao-input);width:fit-content;margin-bottom:12px}
.ao-segment button{font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;padding:7px 14px;border:none;cursor:pointer;background:#fff;color:var(--ao-text);font-weight:400}
.ao-segment button+button{border-left:1px solid var(--ao-input)}
.ao-segment button.aktiv{background:var(--ao-gruen);color:#fff;font-weight:600}
#view-angebotobjekte input[type=checkbox]{accent-color:var(--ao-gruen)}

/* Liste (Startzustand des Reiters) */
.ao-liste{max-width:1080px;margin:0 auto;width:100%;padding:22px 24px}
.ao-liste-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ao-liste-tabelle{background:#fff;border:1px solid var(--ao-panel)}
.ao-liste-zeile{display:grid;grid-template-columns:150px 1.6fr 130px 120px 110px 130px 108px;gap:14px;align-items:center;padding:11px 16px;border-top:1px solid var(--ao-linie);cursor:pointer;font-size:13px}
.ao-liste-zeile:hover{background:var(--ao-f1)}
.ao-liste-zeile.kopf{cursor:default;background:var(--ao-f2);border-top:none;font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ao-muted)}
.ao-liste-zeile.kopf:hover{background:var(--ao-f2)}
.ao-pill{display:inline-block;padding:2px 9px;font-size:11px;font-weight:600;background:var(--ao-f1);color:var(--ao-gruen-d)}
.ao-pill.grau{background:#eef1ef;color:#52605a}
.ao-pill.rot{background:#fbedeb;color:var(--ao-rot)}

/* Duplizieren-Knopf in der Liste (03.09.2026) */
.ao-btn-klein{padding:3px 9px;font-size:11.5px;line-height:1.5;border-radius:7px}
.ao-liste-zeile:not(.kopf) .ao-btn-klein{opacity:0;transition:opacity .12s}
.ao-liste-zeile:hover .ao-btn-klein{opacity:1}