/* Einstellungen: Reiter-Navigation (vorher <style>-Block in settings.html) */
/* Segmented-Control-Optik: ruhiger Container, klar hervorgehobener aktiver Reiter */
.settings-subnav {
  display:inline-flex; flex-wrap:wrap; gap:4px; margin-bottom:26px;
  background:var(--bg-secondary, #F9FAFB); padding:5px; border:1px solid var(--border);
  border-radius:12px;
}
.settings-subnav-item {
  display:inline-flex; align-items:center; gap:8px;
  background:transparent; border:none; border-radius:9px;
  padding:9px 16px; font-size:13.5px; font-weight:600; color:var(--text-secondary);
  cursor:pointer; font-family:inherit; line-height:1.2;
  transition:background .15s,color .15s,box-shadow .15s;
}
.settings-subnav-item .ico { font-size:14px; line-height:1; opacity:.75; }
.settings-subnav-item:hover { color:var(--text-primary); background:rgba(255,255,255,.9); }
.settings-subnav-item:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.25); }
.settings-subnav-item.active {
  background:#fff; color:var(--accent);
  box-shadow:0 1px 3px rgba(16,24,40,.10), 0 1px 2px rgba(16,24,40,.06);
}
.settings-subnav-item.active .ico { opacity:1; }
@media (max-width:680px){
  .settings-subnav{ display:flex; overflow-x:auto; flex-wrap:nowrap; }
  .settings-subnav-item{ white-space:nowrap; }
}

/* Abo: Umschalter monatlich/jährlich und Testphase */
.plan-intervall { display:flex; flex-wrap:wrap; gap:16px; margin:4px 0 12px; font-size:13px; color:var(--text-primary); }
.plan-intervall label { display:inline-flex; align-items:center; gap:6px; cursor:pointer; }
.plan-intervall-hinweis { font-size:11px; font-weight:600; color:var(--green); background:var(--green-bg); border-radius:999px; padding:2px 8px; }
.plan-btn-upgrade.plan-btn-test { background:var(--green); }
.plan-btn-upgrade.plan-btn-test:hover { background:var(--green); filter:brightness(0.95); }
.plan-test-hinweis { margin:10px 0 0; font-size:12px; color:var(--text-secondary); }

/* Gemeinsame Speichern-Leiste der Rechnungsstellung */
.speicherleiste { position:fixed; left:50%; bottom:20px; transform:translateX(-50%); z-index:900;
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:center;
  background:var(--surface, #fff); border:1px solid var(--border, #E2E5EA); border-radius:12px;
  box-shadow:0 8px 24px rgba(15,23,42,.18); padding:10px 14px; font-size:14px; max-width:calc(100vw - 32px); }
.speicherleiste span { font-weight:600; }

/* Aufklappbare Zusatzangaben (z. B. GLN) */
.weitere-angaben { margin:4px 0 12px; }
.weitere-angaben summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--text-secondary, #6B7280); padding:6px 0; }
.weitere-angaben[open] summary { margin-bottom:8px; }

/* Steuerberater-Zugänge */
.advisor-leer { font-size:13px; color:var(--text-secondary, #6B7280); margin:4px 0 12px; }
.advisor-mail { font-size:12px; color:var(--text-secondary, #6B7280); }
.advisor-abgelaufen { color:#b45309; font-weight:600; }
.advisor-aktionen { white-space:nowrap; text-align:right; }
.advisor-form { margin-top:18px; padding-top:16px; border-top:1px solid var(--border-light, #EEF0F3); }
.advisor-form-titel { font-weight:600; font-size:14px; margin-bottom:10px; }
.advisor-senden { margin-top:26px; }
#advisorList .data-table, #advisorLog .data-table { margin-bottom:8px; }

/* Rechnungsformate (Einstellungen → Rechnung) */
.format-liste { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:12px 20px; }
.format-gruppe { border:1px solid var(--border-light, #EEF0F3); border-radius:8px; padding:10px 14px 12px; margin:0; }
.format-gruppe legend { font-size:12px; font-weight:600; color:var(--text-secondary); padding:0 4px; text-transform:uppercase; letter-spacing:.3px; }
.format-gruppe .checkbox-label { display:flex; align-items:center; gap:8px; font-size:14px; padding:4px 0; cursor:pointer; }
.settings-hinweis { font-size:12.5px; color:var(--text-secondary); margin:10px 0 0; }
.plan-subscription-info.neutral { background:var(--bg-secondary, #f5f6f8); border-color:var(--border, #e2e5ea); color:var(--text-secondary); }

/* Angemeldete Apps (Android-App) */
.app-geraete-liste { display: flex; flex-direction: column; gap: 8px; }
.app-geraet { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--border-light); border-radius: 10px; }
.app-geraet-zeit { font-size: 12.5px; color: var(--text-secondary); margin-top: 2px; }
.app-geraet-leer { font-size: 13px; color: var(--text-secondary); margin: 0; }