/* ═══ USER MGMT / ROLE PROFILES / BOOKING REQUESTS / TREATMENT ADMIN / NOTIFICATION GUIDE ═══ */

/* ── Plan Usage Bar ── */
.plan-usage-box{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r2);padding:12px 14px;margin-bottom:14px}
.plan-usage-hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.plan-usage-txt{font-size:12px;color:var(--t3)}
.plan-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:100px}
.plan-badge.plan-basic{background:rgba(107,122,158,.12);color:var(--t2);border:1px solid var(--b2)}
.plan-badge.plan-pro{background:rgba(200,149,90,.12);color:var(--np);border:1px solid rgba(200,149,90,.3)}
.plan-limit-badge{font-size:10.5px;font-weight:700;color:#d94040;background:rgba(217,64,64,.1);border:1px solid rgba(217,64,64,.25);padding:2px 8px;border-radius:100px}
.plan-bar-track{height:5px;background:var(--b1);border-radius:100px;overflow:hidden}
.plan-bar-fill{height:100%;background:linear-gradient(90deg,var(--np),var(--ngold2));border-radius:100px;transition:width .4s ease}
.plan-bar-fill.plan-bar-over{background:linear-gradient(90deg,#d94040,#b02a2a)}

/* ── Danger Zone Settings ── */
.set-danger-zone{border-color:rgba(217,64,64,.2)!important}
.set-nav-danger{color:#d94040!important}
.set-nav-danger:hover{background:rgba(217,64,64,.08)!important;color:#d94040!important}
.set-nav-danger.active{background:rgba(217,64,64,.12)!important;color:#d94040!important}
.set-nav-danger svg{color:#d94040}
.danger-action-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.danger-action-info{flex:1;min-width:0}
.danger-action-title{font-size:13px;font-weight:700;color:var(--t1);margin-bottom:4px}
.danger-action-sub{font-size:12px;color:var(--t3);line-height:1.6}
.btn-danger{background:transparent;border:1.5px solid rgba(217,64,64,.5);color:#d94040;flex-shrink:0}
.btn-danger:hover{background:#d94040;color:#fff;border-color:#d94040}

/* Read-only page enforcement */
.page.readonly .btn-p,
.page.readonly .btn-d,
.page.readonly .btn-danger{display:none!important}
.page.readonly input:not([type="search"]):not([type="checkbox"]):not([type="radio"]),
.page.readonly select,
.page.readonly textarea{pointer-events:none;opacity:.65}

/* Inner tab switcher (Rollen | Benutzer | Protokoll) */
.inner-tabs{display:flex;gap:4px;border-bottom:1px solid var(--b1);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.inner-tabs::-webkit-scrollbar{display:none}
.inner-tab{background:none;border:none;border-bottom:2px solid transparent;padding:7px 14px 8px;font-size:13px;font-weight:600;color:var(--t3);cursor:pointer;margin-bottom:-1px;transition:var(--tr);border-radius:0;white-space:nowrap;flex-shrink:0;touch-action:manipulation}
.inner-tab:hover{color:var(--t1)}
.inner-tab.active{color:var(--np);border-bottom-color:var(--np)}

/* Role color dot */
.role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}

/* Permission matrix */
.perm-matrix{display:flex;flex-direction:column;gap:4px}
.perm-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--b1)}
.perm-row:last-child{border-bottom:none}
.perm-tab-name{font-size:12px;color:var(--t2);min-width:120px;flex-shrink:0}
.perm-pills{display:flex;gap:3px}
.perm-pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;cursor:pointer;border:1px solid transparent;background:var(--s3);color:var(--t4);transition:var(--tr)}
.perm-pill:hover{background:var(--s4,var(--s3));color:var(--t2)}
.perm-pill.active-p0{background:rgba(220,60,60,.1);color:#d94040;border-color:rgba(220,60,60,.3)}
.perm-pill.active-p1{background:rgba(212,148,58,.1);color:var(--na);border-color:rgba(212,148,58,.3)}
.perm-pill.active-p2{background:rgba(29,217,122,.1);color:var(--ng);border-color:rgba(29,217,122,.3)}

/* Color chip picker */
.color-chip{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:var(--tr);outline:none}
.color-chip:hover{transform:scale(1.15)}
.color-chip.selected{border-color:#fff;box-shadow:0 0 0 2px var(--np),0 0 8px rgba(200,149,90,.4)}
#rm-color-row{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}

/* Audit log rows */
.audit-row:hover td{background:var(--s2)}

/* Inner tab badges */
.itab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;border-radius:100px;font-size:10px;font-weight:700;background:var(--s3);color:var(--t3);margin-left:5px;transition:var(--tr)}
.inner-tab.active .itab-badge{background:rgba(200,149,90,.15);color:var(--np)}

/* Role card with accent border */
.rp-card-accent{border-left:3px solid var(--role-color,var(--b2))}

/* Permission summary chips */
.psc{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px}
.psc-w{background:rgba(29,217,122,.1);color:var(--ng);border:1px solid rgba(29,217,122,.25)}
.psc-r{background:rgba(212,148,58,.1);color:var(--na);border:1px solid rgba(212,148,58,.25)}
.psc-none{background:var(--s3);color:var(--t4);border:1px solid var(--b1)}

/* Role system badge */
.role-sys-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--t3);padding:2px 7px;border-radius:100px;background:var(--s3);border:1px solid var(--b1)}

/* Bulk-set buttons on role card */
.role-bulk-btns{display:flex;gap:4px;margin-right:8px}
@media(max-width:640px){.role-bulk-btns{display:none}}

/* Permission groups */
.perm-group{margin-bottom:10px}
.perm-group:last-child{margin-bottom:0}
.perm-cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid var(--b1)}
.perm-cat-label{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t3)}
.perm-cat-btns{display:flex;gap:3px}
.pcat-btn{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:var(--tr)}
.pcat-0{background:rgba(220,60,60,.08);color:#d94040;border-color:rgba(220,60,60,.2)}
.pcat-0:hover{background:rgba(220,60,60,.18)}
.pcat-1{background:rgba(212,148,58,.08);color:var(--na);border-color:rgba(212,148,58,.2)}
.pcat-1:hover{background:rgba(212,148,58,.18)}
.pcat-2{background:rgba(29,217,122,.08);color:var(--ng);border-color:rgba(29,217,122,.2)}
.pcat-2:hover{background:rgba(29,217,122,.18)}

/* 2-column permission grid */
.perm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:3px}
@media(max-width:560px){.perm-grid-2{grid-template-columns:1fr}}
.perm-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;border-radius:6px;background:var(--s2)}
.perm-row:hover{background:var(--s3)}
.perm-tab-name{font-size:11.5px;color:var(--t2);flex-shrink:0;min-width:90px}
.perm-admin-note{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--t3);padding:10px 12px;background:rgba(200,149,90,.06);border-radius:8px;border:1px solid rgba(200,149,90,.15)}

/* User cards */
.um-user-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--s2);border:1px solid var(--b1);border-radius:12px;transition:var(--tr)}
.um-user-card:hover{border-color:var(--b2);box-shadow:var(--sh1)}
.um-user-self{border-color:var(--np);background:rgba(200,149,90,.04)}
.um-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.um-info{flex:1;min-width:0}
.um-name{font-size:13px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:6px}
.um-sub{font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.um-you-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:100px;background:rgba(200,149,90,.15);color:var(--np);border:1px solid rgba(200,149,90,.3)}
.um-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.um-times{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.um-times span{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--t3)}
.um-actions{display:flex;gap:5px;flex-shrink:0}
@media(max-width:560px){.um-meta{display:none}}

/* Audit items — expandable */
.audit-list{padding:8px 10px;display:flex;flex-direction:column;gap:3px}
.audit-item{border-radius:9px;border:1px solid transparent;overflow:hidden;transition:border-color .15s,background .15s}
.audit-item:hover{background:var(--s2);border-color:var(--b1)}
.audit-item-open{background:var(--s2)!important;border-color:var(--b2)!important;box-shadow:var(--sh1)}
.audit-item-hd{display:flex;align-items:center;gap:9px;padding:8px 10px;cursor:pointer;user-select:none}
.audit-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.audit-body{flex:1;min-width:0}
.audit-label{font-size:12px;font-weight:600;color:var(--t1)}
.audit-detail{font-weight:400;color:var(--t3)}
.audit-who{font-size:10.5px;color:var(--t4);margin-top:1px}
.audit-chev{font-size:10px;color:var(--t4);margin-left:auto;flex-shrink:0;transition:transform .2s}
.audit-item-open .audit-chev{transform:rotate(90deg);color:var(--np)}
.audit-dp{display:none;padding:0 12px 12px 40px;border-top:1px solid var(--b1);background:var(--s1)}
.audit-dp.open{display:block}
.ald-grid{display:flex;flex-direction:column;gap:5px;padding-top:10px}
.ald-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:baseline;font-size:11.5px}
.ald-k{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t4);padding-top:2px}
.ald-v{color:var(--t1);line-height:1.5}
.ald-cat{font-size:10px;font-weight:700;padding:1px 7px;border-radius:100px;border:1px solid;display:inline-flex;align-items:center}
.ald-dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle;margin-right:5px}

/* User mgmt rows + role badges */
.user-row{background:var(--s2);border:1px solid var(--b1);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.user-av-sm{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--np),var(--nv));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.role-b{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px}
.role-admin{background:rgba(200,149,90,.12);color:var(--np);border:1px solid rgba(200,149,90,.25)}
.role-user{background:rgba(59,158,255,.12);color:var(--nb);border:1px solid rgba(59,158,255,.25)}
.role-guest{background:rgba(155,111,212,.12);color:var(--nv);border:1px solid rgba(155,111,212,.25)}

/* Role profile cards (in user mgmt) */
.rp-card{background:var(--s2);border:1px solid var(--b2);border-radius:14px;padding:15px;margin-bottom:10px}
.rp-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rp-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rp-icon-admin{background:rgba(200,149,90,.12)}
.rp-icon-user{background:rgba(59,158,255,.12)}
.rp-icon-guest{background:rgba(155,111,212,.12)}
.rp-name{font-size:13px;font-weight:700;color:var(--t1)}
.rp-meta{font-size:11px;color:var(--t3)}
.rp-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.rp-tab-pill{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;cursor:pointer;font-size:11px;font-weight:600;transition:var(--tr);user-select:none;border:1px solid transparent}
.rp-tab-pill.on{background:rgba(59,158,255,.1);border-color:rgba(59,158,255,.3);color:var(--nb)}
.rp-tab-pill.on-p{background:rgba(200,149,90,.09);border-color:rgba(200,149,90,.25);color:var(--np)}
.rp-tab-pill.on-v{background:rgba(155,111,212,.1);border-color:rgba(155,111,212,.3);color:var(--nv)}
.rp-tab-pill.off{background:var(--s3);border-color:var(--b1);color:var(--t4)}
.rp-tab-pill.locked{background:rgba(200,149,90,.06);border-color:rgba(200,149,90,.15);color:rgba(200,149,90,.6);cursor:default}
.rp-tab-pill input[type=checkbox]{width:12px;height:12px;cursor:pointer}

/* Booking requests (Anfragen) */
.bc-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r3);padding:15px;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}
.bc-card:hover{border-color:var(--b2);box-shadow:var(--sh2)}
.bc-new{border-left:3px solid var(--na)}
.bc-conf{border-left:3px solid var(--ng);background:rgba(29,217,122,.03);box-shadow:0 0 0 1px rgba(29,217,122,.12),0 4px 20px rgba(29,217,122,.08);animation:bc-conf-pulse 3s ease-in-out infinite}
.bc-canc{border-left:3px solid var(--t4);opacity:.65}
.bc-suspicious{border-left:3px solid #d94040!important;background:linear-gradient(to right,rgba(220,60,60,.07),transparent 60%)!important;box-shadow:0 0 0 1px rgba(220,60,60,.22),0 4px 18px rgba(220,60,60,.1)!important}
.bc-susp-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(220,60,60,.12);color:#d94040;border:1px solid rgba(220,60,60,.35);letter-spacing:.02em}
.bc-susp-panel{background:rgba(220,60,60,.04);border:1px solid rgba(220,60,60,.2);border-radius:9px;padding:9px 12px;margin:8px 0;font-size:11.5px;color:var(--t2)}
.bc-susp-panel summary{cursor:pointer;font-weight:700;color:#d94040;list-style:none;display:flex;align-items:center;gap:6px;user-select:none}
.bc-susp-panel summary::-webkit-details-marker{display:none}
.bc-susp-panel summary::before{content:'▸';display:inline-block;transition:transform .2s;font-size:10px}
.bc-susp-panel[open] summary::before{transform:rotate(90deg)}
.bc-susp-list{margin:7px 0 2px;padding-left:18px;line-height:1.7}
.bc-susp-list li{color:var(--t2)}
.btn-real{background:rgba(29,217,122,.1);color:var(--ng);border:1px solid rgba(29,217,122,.3)}
.btn-real:hover{background:rgba(29,217,122,.2)}
@keyframes bc-conf-pulse{0%,100%{box-shadow:0 0 0 1px rgba(29,217,122,.12),0 4px 20px rgba(29,217,122,.06)}50%{box-shadow:0 0 0 1px rgba(29,217,122,.22),0 4px 28px rgba(29,217,122,.16)}}
.btn-confirm{background:rgba(59,158,255,.12);color:var(--nb);border:1px solid rgba(59,158,255,.35);box-shadow:0 0 10px rgba(59,158,255,.18),inset 0 0 0 1px rgba(59,158,255,.1)}
.btn-confirm:hover{background:rgba(59,158,255,.2);box-shadow:0 0 18px rgba(59,158,255,.32),inset 0 0 0 1px rgba(59,158,255,.2)}
.btn-details{background:rgba(29,217,122,.08);color:var(--ng);border:1px solid rgba(29,217,122,.3);box-shadow:0 0 10px rgba(29,217,122,.12),inset 0 0 0 1px rgba(29,217,122,.08)}
.btn-details:hover{background:rgba(29,217,122,.16);box-shadow:0 0 18px rgba(29,217,122,.26),inset 0 0 0 1px rgba(29,217,122,.18)}
.btn-reschedule{background:rgba(212,148,58,.1);color:var(--na);border:1px solid rgba(212,148,58,.3)}
.btn-reschedule:hover{background:rgba(212,148,58,.18)}
.csrc{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:100px;margin-top:4px}
.csrc-online{background:rgba(59,158,255,.1);color:var(--nb);border:1px solid rgba(59,158,255,.25)}
.csrc-manual{background:rgba(155,111,212,.1);color:var(--nv);border:1px solid rgba(155,111,212,.25)}
.csrc-custom{background:rgba(212,148,58,.1);color:var(--na);border:1px solid rgba(212,148,58,.25)}
.bc-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px}
.bc-b-new{background:rgba(255,170,44,.12);color:var(--na);border:1px solid rgba(255,170,44,.3)}
.bc-b-conf{background:rgba(29,217,122,.12);color:var(--ng);border:1px solid rgba(29,217,122,.3)}
.bc-b-canc{background:rgba(255,255,255,.07);color:var(--t3);border:1px solid var(--b2)}

/* Treatment admin cards */
.ta-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r3);padding:15px;margin-bottom:10px;transition:var(--tr)}
.ta-card:hover{border-color:var(--b2)}
.ta-name{font-size:14px;font-weight:700;color:var(--t1);margin-bottom:6px}
.ta-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.ta-chip{font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--s3);border:1px solid var(--b2);color:var(--t2)}

/* Extras editor (treat modal) */
.tex-row{display:grid;grid-template-columns:1fr 88px 88px auto;gap:6px;align-items:center;margin-bottom:6px}
.tex-row .iw{margin:0}
.tex-row input{padding:7px 9px;font-size:12px}
.tex-row .iw .isfx{font-size:10px}
.tex-row .btn-ico{width:30px;height:30px}
@media(max-width:520px){.tex-row{grid-template-columns:1fr 1fr 1fr auto}}

/* Extras chips (shared: appt list, day view, rechner) */
.extra-chip{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;background:rgba(155,111,212,.12);color:var(--nv);border:1px solid rgba(155,111,212,.28)}
.extra-chip::before{content:'+';font-weight:700;opacity:.8}

/* Extras inside Termin-Modal checklist */
.cklist-extras{margin-left:22px;margin-top:4px;display:none}
.cklist-extras.show{display:block}
.ckitem-extra{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:11.5px;color:var(--t2);border-radius:6px;cursor:pointer;user-select:none}
.ckitem-extra:hover{background:var(--s3)}
.ckitem-extra input[type=checkbox]{width:13px;height:13px;accent-color:var(--nv)}
.ckitem-extra .ckx-name{flex:1}
.ckitem-extra .ckx-meta{font-size:10.5px;color:var(--nv);font-family:var(--mono);font-weight:700;display:inline-flex;align-items:center;gap:4px}

/* Editierbarer Preis pro Termin (Termin-Modal) */
.apt-price-inp{width:58px;padding:3px 6px;font-size:11px;text-align:right;border:1px solid var(--b1);border-radius:6px;background:var(--s1);color:var(--t1);font-family:var(--mono);font-weight:600;transition:var(--tr);-moz-appearance:textfield}
.apt-price-inp::-webkit-outer-spin-button,.apt-price-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.apt-price-inp:hover{border-color:var(--np)}
.apt-price-inp:focus{outline:none;border-color:var(--np);box-shadow:0 0 0 2px rgba(200,99,126,.18)}
.ckitem-extra .apt-price-inp{width:52px;padding:2px 5px;font-size:10.5px}
.apt-price-inp.modified{border-color:var(--na)!important;background:rgba(255,170,44,.09)!important;color:var(--na)!important}
/* Behandlung-Preis-Zeile */
.apt-prow{display:flex;align-items:center;gap:8px;padding:5px 10px 8px 34px;background:rgba(200,149,90,.05);border:1px solid rgba(200,149,90,.15);border-top:none;border-radius:0 0 9px 9px;margin:-2px 0 4px}
.apt-prow-lbl{font-size:11px;font-weight:600;color:var(--t3);white-space:nowrap}
.apt-prow .apt-price-inp{width:80px;font-size:15px;font-weight:700;padding:5px 9px;text-align:right}
.apt-prow-unit{font-size:14px;font-weight:700;color:var(--t1)}
.apt-prow-badge{font-size:10.5px;color:var(--t3);margin-left:auto;white-space:nowrap}
.apt-prow-badge.custom{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--na);background:rgba(255,170,44,.15);border:1px solid rgba(255,170,44,.3);border-radius:4px;padding:1px 7px}
.apt-price-reset-btn{display:none;align-items:center;justify-content:center;height:26px;padding:0 8px;border-radius:6px;border:1px solid rgba(255,170,44,.5);background:rgba(255,170,44,.12);color:var(--na);cursor:pointer;font-size:11px;font-weight:600;gap:3px;transition:var(--tr);flex-shrink:0;font-family:var(--font);white-space:nowrap}
.apt-price-reset-btn:hover{background:var(--na);color:#fff;border-color:var(--na)}

/* Notification guide (Make.com) */
.ng-step{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r2);padding:13px 15px;margin-bottom:10px}
.ng-step-hdr{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.ng-num{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--np),var(--nv));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ng-title{font-size:13px;font-weight:700;color:var(--t1)}
.ng-body{font-size:12px;color:var(--t2);line-height:1.75}
.ng-body ul{padding-left:18px;margin-top:4px}.ng-body li{margin-bottom:3px}
.ng-msg{font-size:11.5px;line-height:1.8;background:var(--s3);border:1px solid var(--b1);border-radius:8px;padding:11px 13px;font-family:var(--mono);color:var(--t1);white-space:pre-wrap;margin-top:8px}
.wa-send-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:var(--tr);font-family:var(--font)}
.wa-send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,211,102,.4)}

/* ═══ EINSTELLUNGEN — NEUE ELEMENTE ═══ */

/* Sidebar-Kategorie-Labels */
.set-nav-group{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);padding:14px 10px 4px;user-select:none}

/* Anti-Spam Preset-Karten */
.spam-preset-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.spam-preset-card{background:var(--s2);border:1.5px solid var(--b1);border-radius:12px;padding:12px 10px;cursor:pointer;text-align:center;transition:var(--tr);user-select:none}
.spam-preset-card:hover{border-color:var(--b2);background:var(--s3)}
.spam-preset-card.active{border-color:var(--np);background:rgba(200,149,90,.07);box-shadow:0 0 0 1px rgba(200,149,90,.2)}
.spam-preset-icon{font-size:20px;margin-bottom:5px;line-height:1}
.spam-preset-name{font-size:12.5px;font-weight:700;color:var(--t1);margin-bottom:3px}
.spam-preset-desc{font-size:10.5px;color:var(--t3);line-height:1.4}
@media(max-width:420px){.spam-preset-cards{grid-template-columns:1fr}.spam-preset-card{display:flex;align-items:center;gap:12px;text-align:left}.spam-preset-icon{font-size:18px;margin-bottom:0}}

/* Anti-Spam Erweitert collapsible */
.spam-advanced{border:1px solid var(--b1);border-radius:10px;margin-top:6px}
.spam-advanced summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--t2);padding:10px 13px;list-style:none;display:flex;align-items:center;gap:7px;user-select:none}
.spam-advanced summary::-webkit-details-marker{display:none}
.spam-advanced summary::before{content:'▸';font-size:10px;transition:transform .2s;opacity:.6}
.spam-advanced[open] summary::before{transform:rotate(90deg)}
.spam-advanced-body{padding:0 13px 13px;display:flex;flex-direction:column;gap:8px}

/* Öffnungszeiten Grid */
.biz-hours-grid{display:flex;flex-direction:column;gap:8px}
.biz-hour-row{display:grid;grid-template-columns:80px 1fr auto 1fr;align-items:center;gap:8px}
.biz-day-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none}
.biz-day-toggle input[type=checkbox]{width:15px;height:15px;accent-color:var(--np);flex-shrink:0}
.biz-day-label{font-size:13px;font-weight:700;color:var(--t2);min-width:22px}
.biz-time{background:var(--s2);border:1px solid var(--b1);border-radius:8px;padding:7px 9px;font-size:12.5px;color:var(--t1);width:100%;font-family:var(--mono);transition:var(--tr)}
.biz-time:focus{outline:none;border-color:var(--np);box-shadow:0 0 0 2px rgba(200,149,90,.15)}
.biz-time:disabled{opacity:.35;cursor:not-allowed}
.biz-sep{font-size:12px;color:var(--t3);text-align:center}
.biz-row-disabled .biz-day-label{opacity:.45}
@media(max-width:480px){.biz-hour-row{grid-template-columns:70px 1fr auto 1fr;gap:5px}}
@media(max-width:360px){
  .biz-hour-row{grid-template-columns:1fr auto 1fr;row-gap:4px}
  .biz-day-toggle{grid-column:1/-1}
}

/* Zahlungsoptionen */
.payment-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.payment-check-item{display:flex;align-items:center;gap:9px;background:var(--s2);border:1.5px solid var(--b1);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--t1);transition:var(--tr);user-select:none}
.payment-check-item:hover{border-color:var(--b2);background:var(--s3)}
.payment-check-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--np);flex-shrink:0}
.payment-check-item input:checked~span{color:var(--np)}
.payment-check-icon{font-size:16px;line-height:1}

/* Backup Warnhinweis */
.backup-warning{display:flex;gap:10px;align-items:flex-start;background:rgba(212,148,58,.08);border:1px solid rgba(212,148,58,.3);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--t2);line-height:1.6;color:#b5873a}
.backup-warning strong{color:#a0712e}

/* Template-Vorschau Overlay */
.tpl-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;display:none;align-items:center;justify-content:center;padding:20px}
.tpl-preview-overlay.open{display:flex}
.tpl-preview-box{background:var(--s1);border:1px solid var(--b2);border-radius:16px;max-width:440px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.tpl-preview-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--b1);font-size:13px;font-weight:700;color:var(--t1)}
.tpl-preview-content{margin:0;padding:16px;font-size:12.5px;font-family:var(--mono);line-height:1.75;color:var(--t1);white-space:pre-wrap;word-break:break-word;max-height:65vh;overflow-y:auto}

/* ═══ NEON "TEST" BADGE (Testdaten-Marker) ═══ */
/* Standard: kompaktes Inline-Pill, wird neben Namen/Status-Badges platziert */
.test-badge{
  display:inline-block;
  vertical-align:middle;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.3px;
  padding:2px 6px;
  border-radius:4px;
  background:#1a1400;
  color:#ffe600;
  border:1px solid #ffe600;
  box-shadow:0 0 5px #ffe600aa, 0 0 11px #ffe60055;
  text-shadow:0 0 3px #ffe600;
  font-family:'Courier New',ui-monospace,monospace;
  user-select:none;
  animation:test-neon-pulse 2s ease-in-out infinite;
  text-transform:uppercase;
  white-space:nowrap;
  line-height:1.3;
  pointer-events:none;
}
/* Corner-Variante für schmale Kalender-Events */
.test-badge.corner{
  position:absolute;
  top:3px; right:3px;
  z-index:3;
  font-size:7.5px;
  letter-spacing:.8px;
  padding:1px 4px;
  border-radius:3px;
}
@keyframes test-neon-pulse{
  0%,100%{box-shadow:0 0 4px #ffe600aa, 0 0 9px #ffe60055;}
  50%{box-shadow:0 0 7px #ffe600ff, 0 0 16px #ffe60099;}
}
/* Relative-Positionierung nur für Corner-Kontext */
.cal2-mevt, .cal2-evt{position:relative}