/* w271 (04.11.2026, Julian: „Profil-Fenster wie bei Schulte und Vogt, das ganze Einstellungsding ist unübersichtlich“): Profil und Einstellungen im Handwerker-Portal.
   Aufbau wie das Regulierer-Portal: links Navigation in Gruppen, rechts genau ein Bereich, unten eine Speicherleiste. Farben kommen aus den Portal-Tokens, hell und dunkel ziehen mit. */
#profileModal.hwp-an .modal.hwp{max-width:1060px;width:100%;height:min(88vh,860px);margin:auto;display:flex;flex-direction:column;overflow:hidden}
.hwp-kopf{flex:none;display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--card)}
.hwp-kopf h2{margin:0;font-size:16px;font-weight:700;color:var(--text);white-space:nowrap}
.hwp-suche{margin-left:auto;flex:0 1 280px;min-width:0}
.hwp-suche input{width:100%;height:34px;box-sizing:border-box;padding:0 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg);color:var(--text);font-size:13px;font-family:inherit}
.hwp-suche input::placeholder{color:var(--text-muted)}
.hwp-rumpf{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr)}
.hwp-nav{overflow-y:auto;padding:12px 10px 16px;border-right:1px solid var(--border);background:var(--bg)}
.hwp-gruppe{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:14px 10px 5px}
.hwp-gruppe:first-child{margin-top:2px}
.hwp-nav button{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer}
.hwp-nav button:hover{background:var(--card-hover)}
.hwp-nav button.an{background:var(--accent-glow);color:var(--text);font-weight:600}
.hwp-nav button span.t{flex:1;min-width:0;overflow-wrap:anywhere}
.hwp-punkt{flex:none;width:8px;height:8px;border-radius:50%;background:transparent}
.hwp-punkt.ok{background:var(--accent)}.hwp-punkt.warn{background:var(--warning)}.hwp-punkt.off{background:var(--border-strong)}
.hwp-leer{padding:10px;font-size:13px;color:var(--text-muted)}
.hwp-inhalt{overflow-y:auto;padding:20px 26px 28px;background:var(--bg);min-width:0}
.hwp-zurueck{display:none;margin-bottom:10px}
.hwp-pane{display:none;max-width:720px}.hwp-pane.an{display:block}
.hwp-titel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 3px}
.hwp-titel h3{margin:0;font-size:19px;font-weight:700;color:var(--text)}
.hwp-text{margin:0 0 16px;font-size:13.5px;line-height:1.5;color:var(--text-muted)}
.hwp-pane .profile-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin:0 0 14px}
.hwp-pane .profile-section>h3.hwp-weg{display:none}
.hwp-pane .profile-section>p:first-of-type:not(.hwp-bleibt){display:none}
.hwp-pane .profile-section .hwp-feld{display:block;min-width:0}
.hwp-feld>span{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:5px}
#hwCdSection button[onclick^="hwProfilSpeichern"]{display:none}
#hwCdStatus{font-size:12.5px;color:var(--text-muted)}
#googleCalConnectBtn{color:var(--text)!important;box-shadow:none!important;border-color:var(--border-strong)!important}
#googleCalConnected div[style*="#047857"]{color:var(--fg-green)!important}
#googleCalNotConfigured{color:var(--fg-amber)!important}
.hwp-fuss{flex:none;display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--border);background:var(--card)}
.hwp-fusstext{flex:1;min-width:0;font-size:12.5px;color:var(--text-muted)}
.hwp-fusstext.dirty{color:var(--fg-amber);font-weight:600}
.hwp-fussknoepfe{display:flex;gap:8px;flex:none}
.hwp-zeilen{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.hwp-zeile{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.hwp-zeile:last-child{border-bottom:0}.hwp-zeile:hover{background:var(--card-hover)}
.hwp-zeile .n{flex:0 0 150px;font-size:13.5px;font-weight:600}
.hwp-zeile .d{flex:1;min-width:0;font-size:12.5px;color:var(--text-muted);overflow-wrap:anywhere}
.hwp-stand{font-size:14px;font-weight:600;color:var(--text);margin:0 0 10px}
.hwp-konto{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:9px 0;border-top:1px solid var(--border);font-size:13px;color:var(--text)}
.hwp-konto .m{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}.hwp-konto small{display:block;color:var(--text-muted);font-size:12px}
.hwp-konto label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2);cursor:pointer}
.hwp-hinweis{padding:10px 12px;margin:0 0 14px;border-radius:9px;border:1px solid var(--line-amber);background:var(--tint-amber-soft);color:var(--fg-amber);font-size:13px;line-height:1.45}
.hwp-nav button:focus-visible,.hwp-zeile:focus-visible,.hwp-suche input:focus-visible,.hwv-knoepfe button:focus-visible,.hwp-konto input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media (prefers-reduced-motion:no-preference){.hwp-nav button,.hwp-zeile{transition:background .12s}}
@media (max-width:719.98px){
  #profileModal.hwp-an .modal.hwp{height:100vh;height:100dvh;max-width:100%;margin:0;border-radius:0;border:0}
  .hwp-kopf{flex-wrap:wrap;padding:10px 12px}.hwp-kopf .modal-close{margin-left:auto;order:2}.hwp-suche{order:3;flex:1 1 100%}
  .hwp-rumpf{grid-template-columns:minmax(0,1fr)}
  .hwp-nav{border-right:0}.hwp-nav button{min-height:44px;font-size:14.5px}
  .hwp-inhalt{display:none;padding:14px 14px 22px}
  .hwp.m-detail .hwp-nav{display:none}.hwp.m-detail .hwp-inhalt{display:block}
  .hwp.m-detail .hwp-suche{display:none}
  .hwp-zurueck{display:inline-flex}
  .hwp-fuss{padding:8px 12px;flex-wrap:wrap}.hwp-fusstext{flex:1 1 100%}.hwp-fussknoepfe{margin-left:auto}
  .hwp-zeile{flex-wrap:wrap}.hwp-zeile .n{flex:1 1 auto}.hwp-zeile .d{flex:1 1 100%;order:3}
}