/* ANGEBOTSMAPPE v1 · INTQ-123 (23.10.2026) — nur die Fenster-Hülle im Cockpit.
   Die Mappe selbst steckt im geschützten Modul (GET /api/ang-app) und bringt ihr eigenes Design mit.
   Variablen und Muster wie "Angebote & Erwartungswert" (INTQ-119): --bg-body, --bg-dark, --primary, --accent. */
#mmf-angebotsmappe{position:fixed;inset:0;z-index:9400;display:none;flex-direction:column;background:var(--bg-body,#f2f0ec);font-family:inherit;color:var(--text-primary,#1a3c34);}
#mmf-angebotsmappe.am-open{display:flex;}
#mmf-angebotsmappe .am-top{flex:none;background:linear-gradient(100deg,var(--bg-dark,#0d1b16),var(--primary,#1a3c34));color:#fff;padding:11px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:2px solid var(--accent,#c9a84c);}
#mmf-angebotsmappe .am-logo{font-weight:800;font-size:17px;letter-spacing:.4px;}
#mmf-angebotsmappe .am-logo b{color:var(--accent,#c9a84c);}
#mmf-angebotsmappe .am-badge{background:var(--accent,#c9a84c);color:var(--bg-dark,#0d1b16);font-weight:800;font-size:11px;padding:3px 11px;border-radius:999px;letter-spacing:1px;}
#mmf-angebotsmappe .am-stat{font-size:11px;color:rgba(255,255,255,.62);letter-spacing:.2px;}
#mmf-angebotsmappe .am-sp{flex:1 1 auto;}
#mmf-angebotsmappe .am-btn,#mmf-angebotsmappe .am-close{font-family:inherit;font-size:12.5px;font-weight:700;color:#f4efe2;background:rgba(255,255,255,.08);border:1px solid rgba(201,168,76,.4);border-radius:8px;padding:7px 13px;cursor:pointer;}
#mmf-angebotsmappe .am-btn:hover,#mmf-angebotsmappe .am-close:hover{background:rgba(255,255,255,.16);}
#mmf-angebotsmappe .am-body{flex:1 1 auto;min-height:0;position:relative;}
#mmf-angebotsmappe #am-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;}
#mmf-angebotsmappe .am-msg{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;padding:24px;background:var(--bg-body,#f2f0ec);}
#mmf-angebotsmappe .am-msg.on{display:flex;}
#mmf-angebotsmappe .am-msg .am-card{max-width:560px;background:#fff;border:1px solid var(--border,#e0ddd6);border-left:4px solid var(--accent,#c9a84c);border-radius:12px;padding:18px 22px;font-size:13.5px;line-height:1.6;box-shadow:0 6px 24px rgba(13,27,22,.08);}
#mmf-angebotsmappe .am-msg.err .am-card{border-left-color:#9b1c1c;}
#mmf-angebotsmappe .am-msg h3{margin:0 0 6px;font-size:15px;color:var(--primary,#1a3c34);}
#mmf-angebotsmappe .am-msg p{margin:4px 0;color:var(--text-secondary,#4a5a54);}
#mmf-angebotsmappe .am-msg .am-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
#mmf-angebotsmappe .am-msg .am-act{font-family:inherit;font-size:12.5px;font-weight:700;color:var(--accent,#c9a84c);background:var(--primary,#1a3c34);border:1px solid var(--primary,#1a3c34);border-radius:999px;padding:7px 15px;cursor:pointer;}
@media(max-width:820px){#mmf-angebotsmappe .am-top{padding:9px 12px;gap:8px;}#mmf-angebotsmappe .am-stat{display:none;}}