/* IOS-1 04.10.2026 – Admin kompakt im iPhone-Stil (Betreiber: „schön, aber Linux-Style, so komplex – kompakt, einfach, bedienbar“).
   Nur Optik + Dichte: gleiche Farben/Dunkelmodus, alle Funktionen und Inhalte bleiben. Wird als LETZTES Stylesheet geladen. */
:root{--ios-r:12px;--ios-sep:#1f2d44;--ios-cell:#0f1929;--ios-dim:#8291aa}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Rahmen: Seitenleiste, Kopf, Seite ---------- */
.sidebar{padding:18px 10px 10px}
@media (min-width:761px){.sidebar{width:214px}main{margin-left:214px}}
@media (max-width:760px){.sidebar{width:236px}.page-content{padding:12px 12px 22px}.page-heading h1{font-size:18px}.stats{grid-template-columns:1fr 1fr}}
.brand{padding:0 8px 14px}
.sidebar nav{gap:1px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}
.nav{min-height:33px;padding:6px 10px;font-size:12.5px;gap:10px;border-radius:9px;color:#b4c0d3;font-weight:520;white-space:nowrap;text-align:left}
.nav svg{width:16px;height:16px}
.nav.active{background:var(--blue-wash);color:#9cc2ff;font-weight:600}
.nav-sub{padding-left:36px;min-height:29px;font-size:12px}
.nav-sub svg{width:13px;height:13px}
.nav-count{margin-left:auto}
.nav-sep{font-size:9.5px;letter-spacing:1.1px;text-transform:uppercase;color:#64748e;padding:11px 10px 3px;font-weight:650}
.sidebar-link{display:none!important}
.sidebar-foot{padding:10px 5px 0;margin-top:8px}
@media (min-width:761px){.topbar{height:46px;padding:0 20px}.page-content{padding:14px 20px 26px;max-width:1720px}}
.page-heading{margin-bottom:12px;align-items:flex-end}
.page-heading h1{font-size:20px;margin:0 0 2px;letter-spacing:-.4px}
.page-heading>div>p:last-child{font-size:11.5px}
.page-heading .eyebrow,.date-chip{display:none}
.main-footer{display:none}

/* ---------- Grundbausteine dichter ---------- */
.panel{padding:12px 14px;margin-bottom:12px;border-radius:var(--ios-r)}
.stats{gap:8px;margin-bottom:10px}
.stat{padding:10px 13px;border-radius:11px}
.stat-top{margin-bottom:3px}
.stat>strong{font-size:20px;line-height:1.15}
.stat>small{font-size:10.5px}
button{min-height:30px;padding:5px 11px}
input,select,textarea{min-height:32px;padding:6px 10px}
.toolbar{gap:8px;margin-bottom:4px;align-items:end}
.filters-panel{padding:10px 12px 6px}
.list-heading{margin:10px 0 8px}
.banner{padding:9px 12px;margin:8px 0}
.toast.ios-undo{display:flex;align-items:center;justify-content:space-between;gap:14px}
.toast.ios-undo button{min-height:26px;padding:3px 10px;font-size:11px;background:transparent;color:inherit;border-color:currentColor;flex-shrink:0}

/* ---------- iOS-Bausteine ---------- */
.ios-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.ios-toolbar-note{font-size:11px;color:var(--ios-dim)}
.ios-seg{display:inline-flex;gap:2px;padding:3px;background:var(--sidebar);border:1px solid var(--line);border-radius:10px;max-width:100%}
.ios-seg-scroll{overflow-x:auto;scrollbar-width:none}
.ios-seg button{border:0;background:transparent;color:var(--muted);min-height:28px;padding:4px 12px;border-radius:7px;font-size:12px;font-weight:550;white-space:nowrap}
.ios-seg button:hover{background:#ffffff0a}
.ios-seg button.active,.ios-seg button.chosen{background:var(--panel-high);color:var(--ink);box-shadow:0 1px 4px #0006}
.ios-count{margin-left:6px;font-size:10px;color:var(--ios-dim);background:#ffffff0f;border-radius:8px;padding:1px 6px;font-weight:550}
.ios-seg button.active .ios-count{color:var(--blue)}
.ios-search{flex:0 1 280px;min-width:180px}
.ios-search input{border-radius:10px;background:var(--sidebar);border-color:var(--line);min-height:32px}
.ios-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--ios-r);overflow:hidden}
.ios-group{margin-bottom:10px}
.ios-group-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--ios-dim);padding:2px 6px 5px;font-weight:650}
.ios-cell{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;border:0;border-radius:0;background:transparent;padding:8px 12px;text-align:left;min-height:46px;border-bottom:1px solid var(--ios-sep);color:var(--ink)}
.ios-cell:last-child{border-bottom:0}
.ios-cell:hover{background:var(--panel-high);border-color:var(--ios-sep)}
.ios-cell.selected{background:var(--blue-wash);box-shadow:inset 3px 0 var(--blue)}
.ios-cell-main{min-width:0}
.ios-cell-main strong{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios-cell-main small,.ios-cell-side small{display:block;color:var(--muted);font-size:10.5px;font-weight:400;margin-top:2px}
.ios-cell-side{display:flex;align-items:center;gap:6px;flex-shrink:0}
.ios-chev{font-size:18px;line-height:1;color:#5b6b86}
.ios-chip-row{display:flex;flex-wrap:wrap;gap:6px}
.ios-chip{display:inline-flex;align-items:center;gap:6px;background:var(--blue-wash);color:var(--blue);border:1px solid #3d608d;border-radius:20px;padding:2px 4px 2px 10px;font-size:11px}
.ios-chip button{min-height:20px;width:20px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:inherit;font-size:10px}
.ios-foot{font-size:11px;color:var(--ios-dim);margin:8px 2px}
.ios-btn{min-height:28px;padding:4px 10px;font-size:11.5px;border-radius:8px;white-space:nowrap}
a.button.ios-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--control-line);background:var(--panel-high);color:var(--ink);text-decoration:none}
a.button.ios-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
a.button.ios-btn.ghost{background:transparent;border-color:transparent;padding:4px 6px}

/* ---------- Abos & Lizenzen: eine Zeile je Nutzer ---------- */
#page-memberships [data-stats]{margin-bottom:8px}
#page-memberships .filter-foot{display:none}
#page-memberships .ios-acc{background:var(--panel);border:1px solid var(--line);border-radius:var(--ios-r);margin-bottom:8px;overflow:hidden;box-shadow:none}
.ios-acc-row{display:grid;grid-template-columns:32px minmax(160px,1.25fr) minmax(190px,2fr) minmax(150px,1.05fr) 74px minmax(96px,auto) 12px;align-items:center;gap:12px;padding:9px 14px;cursor:pointer}
.ios-acc-row:hover{background:var(--panel-high)}
.ios-acc-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.ios-acc-row .avatar{width:32px;height:32px;border-radius:50%}
.ios-acc-id{min-width:0}
.ios-acc-id strong{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios-acc-id small,.ios-acc-plan small,.ios-acc-seats small,.ios-acc-shops>small{display:block;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios-acc-shops{min-width:0}
.ios-acc-shops>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-height:44px;overflow:hidden}
.ios-acc-shops .account-shop-chip{padding:2px 7px;font-size:10.5px;border-radius:20px}
.ios-acc-shops .ios-more{font-size:10.5px;color:var(--ios-dim);align-self:center}
.ios-acc-plan strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios-acc-plan .manual-card-label{color:var(--green)}
.ios-acc-seats strong{display:block;font-size:14px;font-weight:650}
.ios-acc-state{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#page-memberships .ios-acc-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 14px;border-top:1px solid var(--ios-sep);background:#0d1625}
.ios-acc-tools .ios-label{font-size:10.5px;color:var(--ios-dim)}
.ios-acc-tools .ios-seg button{min-height:24px;padding:2px 10px;font-size:11px}
.ios-acc-tools>button{min-height:26px;padding:3px 10px;font-size:11px}
.ios-acc-tools .ios-spacer{flex:1}
.ios-acc-tools .text-button{font-size:11px}
#page-memberships .ios-acc-more{border:0;border-top:1px solid var(--ios-sep);margin:0;border-radius:0}
#page-memberships .ios-acc-more>summary{display:none}
#page-memberships .ios-acc-more:not([open]){border-top:0}
#page-memberships .ios-acc-more>.account-body{padding:12px 14px}
#page-memberships .account-card[open]+.license-quick-row{display:flex}
@media (max-width:1180px){.ios-acc-row{grid-template-columns:32px minmax(140px,1fr) minmax(130px,1fr) 64px minmax(90px,auto) 12px}.ios-acc-shops{display:none}}
@media (max-width:760px){.ios-acc-row{grid-template-columns:32px minmax(0,1fr) 12px}.ios-acc-plan,.ios-acc-seats,.ios-acc-state{display:none}}

/* ---------- Nutzer-Akte: etwas dichter ---------- */
#page-members .profile-command-bar{margin-top:12px;gap:6px}
#page-members .profile-command-bar button{min-height:30px;font-size:12px;flex:0 0 auto}
#page-members .profile-facts{margin-top:12px;gap:8px}
#page-members .profile-tabs{padding:3px;margin-bottom:12px;border-radius:10px}
#page-members .profile-tabs button{min-height:28px;padding:4px 13px;border-radius:7px;font-size:12px}
#page-members .ip-group{margin-bottom:6px;border-radius:10px}
#page-members .ip-group>summary{padding:7px 12px;align-items:center;gap:10px}
#page-members .ip-group-title small{font-size:10.5px}
#page-members .ios-ip-btn{min-height:26px;padding:2px 10px;font-size:11px;min-width:92px;flex-shrink:0}
#page-members [data-member-file] .member-csv-file{padding:8px 12px;margin-bottom:6px;align-items:center}
#page-members [data-member-file] .member-csv-file p{margin:1px 0}
#page-members [data-member-file] h3{margin:12px 0 6px}
#page-members [data-member-file] .member-csv-toolbar{margin-bottom:6px}

/* ---------- Aktivität & Archiv: Shops + echtes Dashboard ---------- */
.ios-dash-wrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:12px;height:calc(100vh - 168px);min-height:520px}
.ios-dash-side{display:flex;flex-direction:column;gap:8px;min-height:0}
.ios-dash-side .ios-search{flex:none;min-width:0}
.ios-dash-list{overflow:auto;flex:1;min-height:0;padding-right:2px;scrollbar-width:thin}
.ios-dash-main{border:1px solid var(--line);border-radius:var(--ios-r);background:var(--panel);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ios-dash-main>.empty-state{margin:auto}
.ios-dash-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line)}
.ios-dash-head strong{font-size:13.5px}
.ios-dash-head small{display:block;font-size:10.5px;color:var(--muted);margin-top:1px}
.ios-dash-actions{display:flex;gap:6px}
.ios-dash-actions button{min-height:28px;padding:3px 10px;font-size:12px}
.ios-dash-frame{flex:1;min-height:0;position:relative;background:#f4f6fa}
.ios-dash-frame>.loading-state,.ios-dash-frame>.banner{position:absolute;inset:0;margin:0;border-radius:0;background:var(--panel)}
.ios-dash-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}
@media (max-width:900px){.ios-dash-wrap{grid-template-columns:1fr;height:auto}.ios-dash-list{max-height:260px}.ios-dash-main{height:75vh}}

/* ---------- CSV-Archiv: eine Zeile je Datei ---------- */
.ios-csv .ios-toolbar .ios-seg{flex:1 1 auto}
.ios-csv-list .ios-row{display:grid;grid-template-columns:104px 118px minmax(150px,1fr) minmax(220px,1.6fr) 62px 178px;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--ios-sep)}
.ios-row-who strong small{display:inline!important;margin-left:4px;font-weight:500}
.ios-csv-list .ios-row:last-child{border-bottom:0}
.ios-csv-list .ios-row:hover{background:var(--panel-high)}
.ios-csv-list .ios-row.is-new{box-shadow:inset 3px 0 var(--green)}
.ios-row-time{font-size:11px;color:var(--muted)}
.ios-row-who,.ios-row-what{min-width:0}
.ios-row-who strong,.ios-row-what strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios-row-who small,.ios-row-what small{display:block;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.ios-row-size{font-size:11px;color:var(--muted);text-align:right}
.ios-row-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center}
@media (max-width:1100px){.ios-csv-list .ios-row{grid-template-columns:96px minmax(0,1fr) auto}.ios-row-kind,.ios-row-what,.ios-row-size{display:none}}

/* ---------- Support & Tickets: alles auf einen Blick, ohne Seitenscrollen ---------- */
#page-support .support-health{padding:6px 12px;margin-bottom:8px}
#page-support .support-health-title,#page-support .support-presence-hint{display:none}
#page-support .support-health-bottom{margin:0;padding:0;border:0;display:flex;align-items:center;gap:14px}
#page-support .support-team{flex:1 1 auto;display:flex;flex-wrap:nowrap;gap:6px;min-width:0}
#page-support .support-person{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:3px 6px;min-height:0;border:0;background:transparent}
#page-support .support-person>div{min-width:0;flex:1}
#page-support .support-person strong{font-size:12px}
#page-support .support-person small{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-support .support-avatar{width:28px;height:28px;flex:0 0 28px}
#page-support .support-person button{min-height:24px;padding:2px 8px;font-size:10.5px;flex-shrink:0}
#page-support .support-health-meta{display:flex;gap:14px;flex:0 0 auto;margin:0;padding:0 0 0 12px;border-left:1px solid var(--line)}
#page-support .support-health-meta>div{display:flex;flex-direction:column;gap:1px;padding:0;border:0;max-width:210px}
#page-support .support-health-meta span{font-size:9.5px;color:var(--ios-dim)}
#page-support .support-health-meta strong{font-size:11.5px;line-height:1.3}
#page-support .support-health-meta small{font-size:9.5px}
#page-support .support-filters{padding:8px 12px;margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:end;gap:8px}
#page-support .support-filters>label{flex:1 1 140px}
#page-support .support-filters>.support-search{flex:2 1 260px}
#page-support .support-workspace{gap:10px;height:calc(100vh - 262px);min-height:440px}
#page-support .support-inbox,#page-support .support-detail{max-height:none;height:100%;min-height:0;overflow:auto;margin:0}
#page-support .support-inbox-heading{padding:10px 14px}
#page-support .support-ticket{padding:9px 14px;gap:4px}
#page-support .support-ticket-preview{-webkit-line-clamp:1}
#page-support .support-ticket-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:6px}
#page-support .support-detail>.empty-state{padding:60px 25px}
@media (max-width:900px){#page-support .support-workspace{height:auto}#page-support .support-inbox{max-height:420px}}

/* ---------- Übersicht/Listen leicht dichter ---------- */
#page-members .package-strip{margin-bottom:8px}
#page-members .group-card>summary,#page-members .account-card>summary{padding:10px 14px}

/* ---------- IOS-4 Suche oben (Strg+K) ---------- */
.topbar{gap:12px}
.ios-gs-host{position:relative;flex:0 1 380px;min-width:0;margin:0 auto 0 12px}
.ios-gs{display:flex;flex-direction:row;align-items:center;gap:8px;height:32px;font-weight:400;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--sidebar);color:var(--ios-dim)}
.ios-gs:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #73a8ff22}
.ios-gs svg{width:15px;height:15px;flex-shrink:0}
.ios-gs input{flex:1;min-width:0;min-height:0;height:28px;padding:0;border:0;background:transparent;color:var(--ink);font-size:12.5px;box-shadow:none!important;outline:0}
.ios-gs kbd{font:600 9.5px/1 inherit;color:var(--ios-dim);border:1px solid var(--line);border-radius:5px;padding:3px 5px;white-space:nowrap}
.ios-gs-list{position:absolute;left:0;right:0;top:38px;z-index:60;background:var(--panel);border:1px solid var(--control-line);border-radius:12px;box-shadow:0 14px 40px #000a;overflow:hidden;max-height:min(420px,70vh);overflow-y:auto}
.ios-gs-item{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:0;background:transparent;padding:8px 12px;min-height:46px;text-align:left;color:var(--ink);border-bottom:1px solid var(--ios-sep)}
.ios-gs-item:last-child{border-bottom:0}
.ios-gs-item.active,.ios-gs-item:hover{background:var(--blue-wash)}
.ios-gs-item .avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;font-size:12px}
.ios-gs-item .ios-cell-main{flex:1}
.ios-gs-empty{margin:0;padding:12px;font-size:12px;color:var(--muted)}
@media (max-width:760px){.ios-gs-host{flex:1 1 auto;margin:0 6px}.ios-gs kbd{display:none}.topbar-tools .freshness{display:none}}

/* ---------- IOS-4 Übersicht 2.0 (Cockpit) ---------- */
.ck-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ck-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--ios-r);background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}
.ck-kpi:hover{background:var(--panel-high);border-color:var(--control-line)}
.ck-kpi-top{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.2px}
.ck-kpi-top svg{width:14px;height:14px;color:var(--blue)}
.ck-kpi>strong{font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.4px}
.ck-kpi>strong span{font-size:13px;color:var(--ios-dim);font-weight:550}
.ck-kpi>small{font-size:10.5px;color:var(--muted)}
.ck-kpi.blue{box-shadow:inset 3px 0 var(--blue)}
.ck-kpi.warn{box-shadow:inset 3px 0 var(--amber,#efc36b)}.ck-kpi.warn .ck-kpi-top svg{color:var(--amber,#efc36b)}
.ck-kpi.bad{box-shadow:inset 3px 0 var(--red,#ff8c9b)}.ck-kpi.bad .ck-kpi-top svg,.ck-kpi.bad>strong{color:var(--red,#ff8c9b)}
.ck-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.ck-card{min-width:0}
.ck-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 6px;flex-wrap:wrap}
.ck-head h2{margin:0;font-size:13px;font-weight:650;letter-spacing:-.1px}
.ck-head .text-button{font-size:11.5px;min-height:0;padding:0}
.ck-list{max-height:390px;overflow-y:auto;scrollbar-width:thin}
.ck-row,.ck-shop,.ck-more{cursor:pointer}
.ck-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--blue-wash);color:var(--blue)}
.ck-ico svg{width:15px;height:15px}
.ck-ico.amber{background:#352b1c;color:#efc36b}.ck-ico.red{background:#361e2b;color:#ff8c9b}
.ck-row,.ck-shop{justify-content:flex-start}
.ck-row .ios-cell-main,.ck-shop .ios-cell-main{flex:1}
.ck-shop .status-dot{flex-shrink:0}
.ck-shop .status-dot.offline{background:#536783;box-shadow:none}
.ck-mk{font-size:10px;color:var(--ios-dim);font-weight:500;margin-left:3px}
.ck-more{justify-content:space-between}
.ck-done{display:flex;flex-direction:column;align-items:center;gap:3px;padding:26px 12px;color:var(--muted);text-align:center}
.ck-done svg{width:24px;height:24px;color:#61d8ab}
.ck-done strong{color:var(--ink);font-size:13px}
.ck-done small{font-size:11px}
.ck-empty{margin:0;padding:16px 12px;font-size:12px;color:var(--muted)}
.ck-plans{display:flex;flex-wrap:wrap;gap:4px}
.ck-plan{min-height:24px;padding:2px 9px;font-size:11px;border-radius:20px;background:var(--sidebar);border-color:var(--line);color:var(--muted)}
.ck-plan b{color:var(--ink);margin-left:3px}
.ck-new{justify-content:space-between;gap:10px;cursor:default}
.ck-new-id{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:transparent;padding:0;min-height:0;text-align:left;color:var(--ink)}
.ck-new-id .avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;font-size:12px}
.ck-new-lic{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ck-new-lic .ios-seg button{min-height:24px;padding:2px 10px;font-size:11px}
@media (max-width:1280px){.ck-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:980px){.ck-cols{grid-template-columns:1fr}}
@media (max-width:560px){.ck-kpis{grid-template-columns:1fr 1fr}.ck-new{flex-wrap:wrap}.ck-new-lic{width:100%;justify-content:space-between}}

/* ---------- IOS-4 Akte: Stripe-Block + Geräte kompakt ---------- */
.ios-stripe .dash-section-heading{margin-bottom:8px}
.ios-stripe-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:8px}
.ios-stripe-grid>div{background:var(--sidebar);border:1px solid var(--ios-sep);border-radius:9px;padding:6px 10px;min-width:0}
.ios-stripe-grid small{display:block;font-size:10px;color:var(--ios-dim)}
.ios-stripe-grid strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios-stripe-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ios-stripe-actions button{min-height:28px;padding:3px 10px;font-size:11.5px}
.ios-stripe p.small{margin:6px 0 0;font-size:10.5px}
@media (max-width:900px){.ios-stripe-grid{grid-template-columns:1fr 1fr}}
#page-members .connection-summary{margin:0 0 6px;font-size:11px}
#page-members .profile-device-list{gap:6px}
#page-members .connection-card{padding:8px 12px;border-radius:10px;gap:6px}
#page-members .connection-heading{gap:8px;align-items:center}
#page-members .connection-heading strong{font-size:12.5px}
#page-members .connection-heading small{font-size:10.5px}
#page-members .connection-card>.connection-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 10px;margin:4px 0 2px}
#page-members .connection-facts>div{min-width:0;padding:0;border:0;background:transparent}
#page-members .connection-facts dt{font-size:9.5px;color:var(--ios-dim)}
#page-members .connection-facts dd{margin:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-members .connection-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:2px}
#page-members .connection-actions{display:flex;flex-wrap:wrap;gap:5px}
#page-members .connection-actions button{min-height:26px;padding:2px 10px;font-size:11px}
#page-members .connection-agent>summary{font-size:10.5px;padding:2px 0}
@media (max-width:1100px){#page-members .connection-card>.connection-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* IOS-4b: Feinschliff nach Bildprüfung */
.ck-shop .ios-cell-main strong small.ck-mk,.ios-cell-main strong small.ck-mk{display:inline!important;margin:0 0 0 4px}
.ck-new-id{justify-content:flex-start}
.ck-new-id .ios-cell-main{flex:1;text-align:left}
#page-members .connection-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
#page-members .connection-ips{display:flex;flex-wrap:wrap;gap:3px;align-items:center;max-height:44px;overflow-y:auto;scrollbar-width:thin}
#page-members .connection-ips .ip-strip-label{font-size:10px;color:var(--ios-dim);margin-right:2px}
#page-members .connection-ips .ip-chip{min-height:18px;padding:0 6px;font-size:10px;border-radius:6px;line-height:18px}
#page-members .connection-actions{justify-content:flex-end}
@media (max-width:1100px){#page-members .connection-bottom{grid-template-columns:1fr}}
@media (max-width:760px){#breadcrumb-current{display:none}.topbar-tools .toggle-button{white-space:nowrap;font-size:11px;padding:4px 8px}.topbar-tools{gap:6px}}
/* IOS-4b: Support „Neue Nachrichten“ = ein Klick filtert auf offene Tickets mit ungelesener Kundennachricht (wie die Zahl in der Navigation) */
#page-support .ios-unread-chip{flex:0 0 auto;align-self:end;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px;border-radius:20px;border:1px solid var(--line);background:var(--sidebar);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}
#page-support .ios-unread-chip b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-grid;place-items:center;font-size:10.5px;background:#ffffff14;color:var(--ink)}
#page-support .ios-unread-chip b:empty{display:none}
#page-support .ios-unread-chip.has{border-color:#3d608d;color:#9cc2ff}
#page-support .ios-unread-chip.has b{background:#efc36b;color:#1b1406}
#page-support .ios-unread-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}
#page-support .ios-unread-chip.active b{background:#fff;color:var(--brand)}
#support-open-count{cursor:pointer}
#support-open-count:hover{filter:brightness(1.15);outline:2px solid #efc36b55;outline-offset:1px}