.exclusive-grid{display:grid;gap:14px;margin:18px 0}
.exclusive-card{margin:0;border-color:#34535c;background:linear-gradient(120deg,#19353d,var(--card))}
.exclusive-card .card-h{gap:12px;flex-wrap:wrap}
.exclusive-card h2{font-size:18px}
.exclusive-card .pill{white-space:normal;text-align:right}
.card-actions{display:flex;gap:10px;margin-top:16px}
.card-actions .btn{flex:1;min-height:46px}
.connection-summary{display:grid;gap:8px}
.connection-summary span,.connection-summary small{color:var(--muted);font-size:12px;line-height:1.6}
.hosting-group{margin-top:26px}
.hosting-group>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:15px}
.hosting-group>summary>span{font-size:12px;color:var(--muted);margin-left:auto}
.hosting-group[open]>summary{margin-bottom:14px;border-color:var(--accent-deep)}
.task-row h3{margin:0;font-size:15px;line-height:1.6}
.task-toggle{display:grid;place-items:center;min-width:48px;min-height:44px}
/* Rounded toggle buttons; native state/change events retain existing API behavior. */
body:not([data-admin-role="true"]) :is(.check-row,.task-toggle,.cand) input[type="checkbox"]{-webkit-appearance:none;appearance:none;position:relative;display:inline-block;box-sizing:border-box;width:46px;height:26px;flex:0 0 46px;margin:0;border:1px solid #58717a;border-radius:999px;background:#263f48;cursor:pointer;vertical-align:middle;transition:background .18s,border-color .18s}
body:not([data-admin-role="true"]) :is(.check-row,.task-toggle,.cand) input[type="checkbox"]::before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}
body:not([data-admin-role="true"]) :is(.check-row,.task-toggle,.cand) input[type="checkbox"]:checked{background:#42a482;border-color:#42a482}
body:not([data-admin-role="true"]) :is(.check-row,.task-toggle,.cand) input[type="checkbox"]:checked::before{transform:translateX(20px)}
body:not([data-admin-role="true"]) :is(.check-row,.task-toggle,.cand) input[type="checkbox"]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body:not([data-admin-role="true"]) :is(.check-row,.task-toggle,.cand) input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed}
body:not([data-admin-role="true"]) .switch input:checked+span{background:#42a482}
body:not([data-admin-role="true"]) .switch input:checked+span::after{background:#fff}
.task-row .card-h{margin-bottom:4px}
.task-row .task-state{font-size:12px;color:var(--accent);margin:6px 0 10px}
.task-row p{overflow-wrap:anywhere}
.task-row details>summary{min-height:44px;padding:12px 0;cursor:pointer;color:var(--accent);font-size:13px}
.task-row .field{margin-top:12px}
.task-row .field small{display:block;font-size:11px;line-height:1.6;margin-top:6px}
.hosting-master .check-row{align-items:flex-start}
.hosting-master .check-row small{line-height:1.6}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tabbar{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-admin-role="true"] .tabbar{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:900px){.exclusive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exclusive-card .card-h{display:block}.exclusive-card .pill{display:inline-flex;margin-top:8px}.hosting-group{max-width:860px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}