/* Conexio Suite: schlanke Leiste ganz oben mit Programmwechsel (BetreuungsDesk, ConexioFinance) */
html{--suite-h:0px}
html.has-suite{--suite-h:44px}
.suite-bar{position:sticky;top:0;z-index:100;height:44px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#15171b;color:#e8eaee;border-bottom:1px solid #000;font-family:Manrope,"Segoe UI",system-ui,sans-serif;box-sizing:border-box}
.suite-brand{display:flex;align-items:center;gap:8px;margin-right:10px;font-weight:800;font-size:14px;letter-spacing:.01em;color:#fff;text-decoration:none;white-space:nowrap}
.suite-brand .mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#0b6874,#1f7a4d);display:flex;align-items:center;justify-content:center}
.suite-brand .mark svg{width:14px;height:14px;color:#fff}
.suite-brand span.light{font-weight:500;color:#aeb4bd}
.suite-tabs{display:flex;align-items:center;gap:4px;height:100%}
.suite-tab{position:relative;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border-radius:8px;color:#c9ced6;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;border:1px solid transparent}
.suite-tab:hover{background:#23262c;color:#fff}
.suite-tab .ico{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
.suite-tab .ico svg{width:14px;height:14px}
.suite-tab.bd .ico{background:#0b6874}.suite-tab.fin .ico{background:#1f7a4d}.suite-tab.soon .ico{background:#4a4f58}
.suite-tab.active{background:#2a2e35;color:#fff;border-color:#3a3f47}
.suite-tab.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-5px;height:3px;border-radius:2px;background:var(--tab-color,#fff)}
.suite-tab.bd.active{--tab-color:#41c2d1}.suite-tab.fin.active{--tab-color:#4fd18d}
.suite-tab.soon{opacity:.55;cursor:default;pointer-events:none}
.suite-spacer{flex:1}
.suite-hint{font-size:12px;color:#8e95a0;padding-right:6px}
@media(max-width:700px){.suite-brand .light,.suite-hint{display:none}.suite-tab{padding:0 8px 0 6px}.suite-tab .label{display:none}.suite-tab.active .label{display:inline}}
