/* glampr-neu · Zusatzoptionen (01.11.2026) — Farben über theme.css-Variablen */
.op{padding:18px 22px 40px;max-width:1280px}
.op-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.op-head h1{margin:0;font-size:1.45rem}.op-sub{color:var(--text-muted);font-size:.9rem}
.op-sp{flex:1}
.op-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px;overflow-x:auto}
.op-tabs button{background:none;border:0;padding:9px 14px;font:inherit;font-weight:650;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.op-tabs button.on{color:var(--text);border-bottom-color:var(--accent,#245244)}
.op-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}
.op-empty h3{margin:0 0 6px}.op-empty p{color:var(--text-muted);max-width:60ch}
.op-err{color:#b42318;font-size:.88rem;margin-top:8px}
.op-skel{height:18px;border-radius:6px;background:var(--surface-2,#eef1f4);margin:8px 0}
.op-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.op-item{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--surface,#fff);border:1px solid var(--border);border-radius:14px;padding:14px;font:inherit;color:inherit;cursor:pointer}
.op-item:hover,.op-item:focus-visible{border-color:var(--accent,#245244);outline:none}
.op-item.aus{opacity:.6}
.op-ic{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2,#eef1f4);color:var(--accent,#245244)}
.op-ic svg{width:20px;height:20px}
.op-it{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.op-it small{color:var(--text-muted)}.op-pr{font-weight:650;font-variant-numeric:tabular-nums}
.op-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.op-chip{font-size:.72rem;padding:2px 8px;border-radius:99px;background:var(--surface-2,#eef1f4);color:var(--text-muted)}
.op-chip.warn{background:#fff4e5;color:#8a4b00}
.op-stat{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.op-stat b{font-size:1.15rem}.op-stat small{color:var(--text-muted);font-size:.72rem}
.op-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.op-pa h3{margin:0}.op-pa small{color:var(--text-muted)}
.op-abr{margin:12px 0;max-width:620px}
.op-kv{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--border);font-variant-numeric:tabular-nums}
.op-kv.sum{font-weight:700;border-bottom:1px solid var(--border)}.op-kv.pos b{color:#1f7a4d}.op-kv.neg b{color:#b42318}
.op-hint{color:var(--text-muted);font-size:.86rem;margin:6px 0}
.op-acts{display:flex;gap:8px;flex-wrap:wrap}
.op-tab{width:100%;border-collapse:collapse;font-size:.9rem}.op-tab th,.op-tab td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
.op-tab .r{text-align:right}.op-tab tr.storno td{color:var(--text-muted);text-decoration:line-through}.op-tab tr.storno td:last-child{text-decoration:none}
.op-mon{max-width:200px}
.op-dr-wrap{position:fixed;inset:0;z-index:9000}
.op-dr-bg{position:absolute;inset:0;background:rgba(10,20,15,.35)}
.op-dr{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--bg,#f6f7f5);box-shadow:-8px 0 30px rgba(0,0,0,.15);display:flex;flex-direction:column}
.op-dr-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface,#fff)}
.op-dr-body{padding:16px;overflow:auto;flex:1}
.op-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap}
.op-steps li{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-muted)}
.op-steps li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2,#eef1f4);font-weight:700;font-size:.75rem}
.op-steps li.on{color:var(--text);font-weight:650}.op-steps li.on span{background:var(--accent,#245244);color:#fff}
.op-steps li.done span{background:#d6ebdf;color:#1f7a4d}
.op-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.op-type{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);font:inherit;color:inherit;cursor:pointer}
.op-type.on,.op-type:hover{border-color:var(--accent,#245244)}.op-type small{color:var(--text-muted);font-size:.78rem}
.op-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.op-f{display:flex;flex-direction:column;gap:4px;font-size:.84rem;font-weight:600}
.op-f input,.op-f select,.op-f textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface,#fff);color:inherit}
.op-wide{grid-column:1/-1}
.op-check{display:flex;align-items:center;gap:8px;font-size:.9rem;grid-column:1/-1}
.op-days{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}.op-days label{display:flex;align-items:center;gap:4px;font-size:.85rem}
.op-kan{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.op-sum{background:var(--surface-2,#eef1f4);border-radius:10px;padding:10px 12px;margin-top:12px}.op-sum p{margin:4px 0 0}
.op-nav{display:flex;align-items:center;gap:8px;margin-top:16px}
.op-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}
.op-pi{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);font:inherit;color:inherit;cursor:pointer;text-align:left}
.op-pi.on,.op-pi:hover{border-color:var(--accent,#245244)}.op-pi small{color:var(--text-muted)}.op-pi .op-ic{flex:0 0 30px;height:30px;width:30px}
.op-slots{display:flex;gap:6px;flex-wrap:wrap}
.op-slot{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:70px}
.op-slot small{color:var(--text-muted);font-size:.72rem}.op-slot.on{border-color:var(--accent,#245244);background:#e3efe8}.op-slot:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:640px){.op{padding:12px}.op-grid{grid-template-columns:1fr}.op-types,.op-form,.op-pick{grid-template-columns:1fr}.op-tab th:nth-child(4),.op-tab td:nth-child(4){display:none}.op-head .btn span{display:none}}
[data-theme="dark"] .op-slot.on{background:#1d3a2d}[data-theme="dark"] .op-chip.warn{background:#3d2c12;color:#f3c37a}