/* glampr-neu · Aufgaben (03.11.2026, C4/C5/C6). Präfix af-, nutzt die Farben aus theme.css. */
.af{max-width:1200px;margin:0 auto;padding:18px 20px 40px}
.af-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.af-head h1{font-family:var(--font-head,Satoshi,Inter,sans-serif);font-size:1.6rem;margin:0 0 4px}
.af-sub{color:var(--text-muted);max-width:720px;line-height:1.45}
.af-sp{flex:1}
.af .btn svg,.af-ov .btn svg{width:18px;height:18px}
.af-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin:6px 0 14px;overflow-x:auto;scrollbar-width:none}
.af-tabs::-webkit-scrollbar{display:none}
.af-tabs button{display:flex;align-items:center;gap:7px;padding:10px 12px;border:0;background:none;color:var(--text-muted);font:600 .92rem var(--font,Inter,sans-serif);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.af-tabs button svg{width:18px;height:18px}
.af-tabs button.on{color:var(--accent,#245244);border-bottom-color:var(--accent,#245244)}
.af-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}
.af-card h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 10px}
.af-card h3 svg{width:18px;height:18px;color:var(--accent,#245244)}
.af-empty{color:var(--text-muted);text-align:center;padding:28px 16px}
.af-help{display:flex;gap:10px;align-items:flex-start;color:var(--text-muted);line-height:1.45}
.af-help svg{flex:none;width:20px;height:20px;color:var(--accent,#245244);margin-top:1px}
.af-hint{display:flex;gap:8px;align-items:center;color:var(--text-muted);font-size:.88rem}
.af-hint svg{width:16px;height:16px}
.af-p{color:var(--text-muted);font-size:.9rem;margin:0 0 10px;line-height:1.45}
.af-skel{height:44px;border-radius:10px;background:var(--surface-2);margin:8px 0;animation:afp 1.2s ease-in-out infinite}
@keyframes afp{50%{opacity:.5}}
.af-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.af-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer;min-width:0}
div.af-kpi{cursor:default}
.af-kpi b{font-size:1.5rem;font-family:var(--font-head,Satoshi,Inter,sans-serif)}
.af-kpi span{color:var(--text-muted);font-size:.86rem}
.af-kpi.on{border-color:var(--accent,#245244);box-shadow:0 0 0 2px var(--accent-soft,rgba(36,82,68,.12))}
.af-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.af-seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
.af-seg button{border:0;background:none;padding:8px 14px;font:600 .88rem var(--font,Inter,sans-serif);color:var(--text-muted);cursor:pointer}
.af-seg button.on{background:var(--accent,#245244);color:#fff}
.af-chips,.af-tr,.af-qz{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.af-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:500 .86rem var(--font,Inter,sans-serif);cursor:pointer}
.af-chip svg{width:15px;height:15px}
.af-chip.on{background:var(--accent-soft,rgba(36,82,68,.1));border-color:var(--accent,#245244);color:var(--accent,#245244)}
.af-list{padding:4px}
.af-row,.af-srow{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-bottom:1px solid var(--border);background:none;color:var(--text);text-align:left;font:inherit;cursor:pointer;border-radius:10px}
.af-srow{cursor:default;flex-wrap:wrap}.af-srow .af-rm{flex:1 1 240px}
.af-row:last-child,.af-srow:last-child{border-bottom:0}
.af-row:hover,.af-row:focus-visible{background:var(--surface-2);outline:none}
.af-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--text-subtle)}
.af-dot.r{background:var(--danger,#B8442C)}.af-dot.of{background:var(--warning,#9A6A0E)}.af-dot.ia{background:var(--info,#2563A8)}.af-dot.ok{background:var(--success,#2F7A55)}.af-dot.ab{background:var(--text-subtle)}
.af-rm{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.af-rm b{font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.af-ms{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--text-muted);font-size:.84rem}
.af-m{display:inline-flex;align-items:center;gap:4px;min-width:0}
.af-m svg{width:14px;height:14px;flex:none}
.af-st{flex:none;font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}
.af-st.of{background:var(--warning-bg,#FBF0DA);color:var(--warning,#9A6A0E)}.af-st.ia{background:var(--info-bg,#E3EEF9);color:var(--info,#2563A8)}.af-st.ok{background:var(--success-bg,#E1F0E8);color:var(--success,#2F7A55)}.af-st.r{background:var(--danger-bg,#FBE7E2);color:var(--danger,#B8442C)}
.af-nr{flex:none;font-size:.78rem;color:var(--text-subtle);font-variant-numeric:tabular-nums}
.af-ra{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto}
.af-ib{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);cursor:pointer}
.af-ib svg{width:16px;height:16px}
.af-ib:hover{color:var(--danger,#B8442C);border-color:var(--danger,#B8442C)}
/* Vollbild */
body.af-lock{overflow:hidden}
.af-ov{position:fixed;inset:0;z-index:9000;background:var(--bg);display:flex;flex-direction:column}
.af-ovbar{position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}
.af-backbtn{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px 0 6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:600 .92rem var(--font,Inter,sans-serif);cursor:pointer}
.af-backbtn svg{width:20px;height:20px}
.af-ovt{font-family:var(--font-head,Satoshi,Inter,sans-serif);font-size:1.05rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.af-ovin{flex:1;overflow:auto;padding:16px;-webkit-overflow-scrolling:touch}
.af-ovin>*{max-width:1100px;margin-left:auto;margin-right:auto}
.af-dgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
.af-dh{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.af-dh .af-nr{margin-left:auto}
.af-dt{font-family:var(--font-head,Satoshi,Inter,sans-serif);font-size:1.3rem;margin:4px 0 8px;line-height:1.25;overflow-wrap:anywhere}
.af-note{white-space:normal;line-height:1.5;background:var(--surface-2);border-radius:10px;padding:10px 12px;margin:10px 0 0;overflow-wrap:anywhere}
.af-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.af-src{display:flex;gap:12px;align-items:flex-start}
.af-src>svg{flex:none;width:22px;height:22px;color:var(--accent,#245244);margin-top:2px}
.af-src>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.af-src span{color:var(--text-muted);font-size:.9rem}
.af-src q{display:block;font-style:italic;background:var(--surface-2);border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}
.af-rm2{display:inline-flex;gap:6px;align-items:flex-start}
.af-rm2 svg{width:16px;height:16px;flex:none;margin-top:2px}
.af-src .btn{margin-top:6px}
.af-tr select{height:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:0 10px;font:inherit;font-size:.86rem;max-width:100%}
.af-trbox{margin-top:10px;border-left:3px solid var(--accent,#245244);background:var(--surface-2);border-radius:0 10px 10px 0;padding:10px 12px}
.af-trbox span{font-size:.78rem;font-weight:700;color:var(--accent,#245244);text-transform:uppercase;letter-spacing:.04em}
.af-trbox p{margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere}
.af-trbox.err{border-left-color:var(--danger,#B8442C);color:var(--danger,#B8442C)}
.af-fotos{display:flex;gap:8px;flex-wrap:wrap}
.af-foto{padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;width:96px;height:96px;background:var(--surface-2);cursor:zoom-in}
.af-foto img{width:100%;height:100%;object-fit:cover;display:block}
.af-big{text-align:center}.af-big img{max-width:100%;max-height:calc(100vh - 120px);border-radius:12px}
.af-t{width:100%;border-collapse:collapse;font-size:.9rem}
.af-t th,.af-t td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.af-t th{font-size:.78rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.af-t .r{text-align:right;white-space:nowrap}
.af-t td svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px}
.af-t small{display:block;color:var(--text-subtle);font-size:.76rem}
.af-t tfoot td{font-weight:600;border-bottom:0}
.af-tw{overflow-x:auto}
.af-click{cursor:pointer}.af-click:hover,.af-click:focus{background:var(--surface-2);outline:none}
.af-pf{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.af-pf>b{font-size:.84rem;color:var(--text-muted);margin-top:4px}
.af-fr{display:flex;gap:6px;flex-wrap:wrap}
.af-fr input{height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 10px;font:inherit;font-size:16px;min-width:0}
.af-fr input:first-child{flex:2 1 180px}
.af-fr input[type=number]{flex:0 1 92px}
#afMe{flex:0 1 70px}#afMp{flex:1 1 130px}#afZt{flex:2 1 160px}
.af-vl{list-style:none;margin:0;padding:0}
.af-vl li{display:flex;flex-direction:column;padding:6px 0 6px 14px;border-left:2px solid var(--border);margin-left:4px;position:relative}
.af-vl li::before{content:"";position:absolute;left:-5px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--accent,#245244)}
.af-vl span{color:var(--text-muted);font-size:.84rem}
.af-chat{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.af-bub{max-width:82%;padding:8px 12px;border-radius:14px;line-height:1.45;overflow-wrap:anywhere}
.af-bub span{display:block;font-size:.72rem;font-weight:700;opacity:.75;margin-bottom:2px}
.af-bub.l{align-self:flex-start;background:var(--surface-2)}
.af-bub.g{align-self:flex-end;background:var(--accent-soft,rgba(36,82,68,.1))}
.af-form label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.88rem;margin-bottom:10px;min-width:0}
.af-form input,.af-form select,.af-form textarea{height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 10px;font:inherit;font-size:16px;font-weight:400;min-width:0;width:100%}
.af-form textarea{height:auto;min-height:80px;padding:10px}
.af-fr2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 10px}
.af-wt{border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 14px}
.af-wt legend{font-weight:600;font-size:.88rem;padding:0 4px}
.af-wt label{flex-direction:row;align-items:center;gap:6px;font-weight:500;margin:0}
.af-wt input{width:18px;height:18px}
.af-in{display:flex;flex-direction:column;font-size:.8rem;color:var(--text-muted);gap:3px}
.af-in input{height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 8px;font:inherit}
.af-bar .btn{align-self:flex-end}
.af-qrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.af-qr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:0}
.af-qrimg{width:150px;height:150px;background:#fff;border-radius:10px;padding:6px}
.af-qrimg svg{width:100%;height:100%}
.af-qr .af-acts{justify-content:center}
.tnum{font-variant-numeric:tabular-nums}
@media (max-width:860px){.af-dgrid{grid-template-columns:1fr}}
@media (max-width:560px){.af{padding:12px 12px 90px}.af-head h1{font-size:1.35rem}.af-head .btn{width:100%;justify-content:center}.af-kpis{gap:6px}.af-kpi{padding:10px}.af-kpi b{font-size:1.2rem}.af-kpi span{font-size:.78rem}.af-row{flex-wrap:wrap;gap:8px}.af-row .af-rm{flex:1 1 calc(100% - 30px)}.af-row .af-st{margin-left:22px}.af-ovbar{flex-wrap:nowrap;gap:6px;padding-left:10px;padding-right:10px}.af-ovbar .btn{padding:0 10px;flex:none}.af-ovbar .af-sp{flex:1 1 0;min-width:0}.af-ovin{padding:12px}.af-srow .af-ra{margin-left:22px}.af-t{font-size:.84rem}}
/* C3 Flex Days im Cockpit (Buchen in 3 Klicks) */
.nb-flex select{height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 8px;font:inherit}
.nb-fx{padding:12px 14px}
.nb-fx-h{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin-bottom:8px}
.nb-fx-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.nb-fx-c{flex:none;min-width:128px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.nb-fx-c b{font-size:.86rem}.nb-fx-p{font-weight:700}
.nb-fx-c.on{border-color:var(--accent,#245244);box-shadow:0 0 0 2px var(--accent-soft,rgba(36,82,68,.12))}
.nb-fx-c.no{opacity:.55;cursor:default}
.nb-fx-t{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent,#245244)}