/* Sky Devbot Control Center V2 — polished dashboard styles, scoped to dashboard only. */
:root { --dash-surface:#0d1423; --dash-surface-2:#10192b; --dash-line:rgba(143,167,220,.13); --dash-ink:#f3f6ff; --dash-sub:#a1b0cc; --dash-dim:#7283a6; --dash-blue:#6688ff; --dash-violet:#937dff; }
.dash-root { padding:48px 24px 108px; min-height:82vh; position:relative; isolation:isolate; }
.dash-root::before { content:""; position:absolute; top:0; right:6%; width:min(580px,60vw); height:440px; background:radial-gradient(ellipse at 50% 0%,rgba(71,93,196,.11),transparent 65%); pointer-events:none; z-index:-1; }
.dash-root .dash-container { max-width:1312px; }
.dash-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:32px; min-width:0; }
.dash-head-copy { min-width:0; }
.dash-kicker,.dash-overline { color:#9cb4ff; font-size:11px; letter-spacing:.16em; line-height:1.6; font-weight:850; }
.dash-kicker { display:flex; align-items:center; gap:9px; }
.dash-kicker-dot { width:8px; height:8px; flex-shrink:0; border-radius:50%; background:#728efe; box-shadow:0 0 0 4px rgba(110,139,250,.1); }
.dash-head h1 { font-size:clamp(2.3rem,4.9vw,4.1rem); line-height:1.08; letter-spacing:-.052em; margin:14px 0 11px; font-weight:820; }
.dash-head h1 span { background:linear-gradient(110deg,#b2bfff,#739dff 50%,#85d3fc); color:transparent; -webkit-background-clip:text; background-clip:text; }
.dash-head p { margin:0; font-size:15.5px; line-height:1.75; color:var(--dash-sub); max-width:720px; }
.dash-account { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:11px 12px; border:1px solid var(--dash-line); border-radius:15px; background:rgba(15,22,39,.6); max-width:100%; }
.dash-avatar { width:35px; height:35px; overflow:hidden; flex-shrink:0; border-radius:10px; border:1px solid rgba(125,145,216,.28); }
.dash-avatar img { width:100%; height:100%; object-fit:cover; }
.dash-account-meta { display:grid; gap:1px; min-width:0; }
.dash-account-caption { font-size:9px; font-weight:850; letter-spacing:.1em; color:var(--dash-dim); }
.dash-account-meta strong { font-size:12.5px; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.dash-button { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:40px; padding:9px 16px; border-radius:10px; border:1px solid rgba(122,147,226,.26); background:#1a2850; color:#eaf0ff; font-size:12.5px; font-weight:750; font-family:inherit; line-height:1.4; white-space:nowrap; cursor:pointer; text-decoration:none; transition:background .18s,border-color .18s,transform .18s,box-shadow .18s; }
.dash-button:hover:not(:disabled) { background:#283866; border-color:#6689d5; transform:translateY(-1px); }
.dash-button:focus-visible,.dash-tab:focus-visible,.dash-quicklink:focus-visible,.dash-dialog-x:focus-visible,.dash-text-action:focus-visible { outline:2px solid #99b8ff; outline-offset:3px; }
.dash-button:disabled { opacity:.48; cursor:not-allowed; }
.dash-button.primary { background:linear-gradient(110deg,#5077f4,#746cf3); border-color:#8b9eff; color:#fff; box-shadow:0 7px 20px rgba(80,114,228,.15); }
.dash-button.primary:hover:not(:disabled) { background:linear-gradient(110deg,#6389ff,#817bff); box-shadow:0 9px 24px rgba(80,114,228,.3); }
.dash-button.outline,.dash-button.quiet { background:rgba(127,147,204,.06); border-color:var(--dash-line); }
.dash-button.quiet { min-height:34px; padding:6px 11px; }
.dash-button.large { min-height:48px; font-size:14px; padding:13px 22px; }
.dash-notice { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 22px; padding:13px 15px; border-radius:12px; color:#d6e4ff; background:#101e36; border:1px solid rgba(95,145,240,.35); font-size:13.5px; overflow-wrap:anywhere; }
.dash-notice.success { border-color:rgba(66,192,149,.31); background:rgba(19,72,65,.35); color:#b5f2d9; }
.dash-notice.error { border-color:rgba(244,102,120,.34); background:rgba(91,34,51,.31); color:#ffcbd4; }
.dash-notice button { flex-shrink:0; color:inherit; background:transparent; border:0; font-size:20px; line-height:1; cursor:pointer; }
#notice[hidden],#signin[hidden],#loading[hidden],#dashboard-app[hidden],.dash-panel[hidden],#load-more-commands[hidden] { display:none !important; }
.dash-gateway { max-width:620px; margin:45px auto 75px; padding:45px clamp(22px,5vw,64px); text-align:center; border:1px solid rgba(120,143,240,.22); border-radius:26px; background:radial-gradient(ellipse at 50% -28%,rgba(91,110,239,.17),transparent 75%),linear-gradient(150deg,#111a2b,#0c1220); box-shadow:0 25px 75px rgba(0,0,0,.32); }
.dash-gateway-logo { width:72px; height:72px; padding:3px; margin:0 auto 18px; border-radius:19px; background:#172949; border:1px solid rgba(120,153,229,.34); overflow:hidden; }
.dash-gateway-logo img { width:100%; height:100%; object-fit:cover; border-radius:16px; }
.dash-gateway .dash-kicker { justify-content:center; }
.dash-gateway h2 { font-size:clamp(1.7rem,4vw,2.3rem); letter-spacing:-.035em; line-height:1.17; margin:14px 0; }
.dash-gateway p { margin:0 auto 26px; color:var(--dash-sub); max-width:440px; }
.dash-gateway-note { color:var(--dash-dim); font-size:12px; margin-top:21px; }
.dash-spinner { height:38px; width:38px; margin:8px auto 18px; border-radius:50%; border:3px solid rgba(124,147,227,.17); border-top-color:#8ba5ff; animation:dashspin .85s linear infinite; }
@keyframes dashspin { to { transform:rotate(360deg); } }
.dash-toolbar { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; background:linear-gradient(105deg,rgba(25,37,68,.74),rgba(12,19,33,.78)); border:1px solid rgba(126,153,228,.2); box-shadow:0 12px 35px rgba(0,0,0,.1); border-radius:18px; margin-bottom:20px; padding:15px 20px; }
.dash-guild-block { display:flex; align-items:center; gap:12px; min-width:0; }
.dash-server-icon { width:47px; height:47px; border:1px solid rgba(122,145,236,.37); border-radius:14px; background:linear-gradient(135deg,#2a3b6a,#1e2d50); display:grid; place-items:center; flex-shrink:0; color:#d5e0ff; font-size:21px; font-weight:850; overflow:hidden; }
.dash-server-icon img { width:100%; height:100%; object-fit:cover; }
.dash-guild-picker { display:grid; gap:4px; color:#8195b9; font-size:10px; font-weight:800; letter-spacing:.09em; min-width:0; }
.dash-guild-picker select,.dash-filters select,.dash-field select { width:100%; min-width:0; max-width:100%; appearance:none; color:#f2f5ff; background:#162139; border:1px solid rgba(133,158,218,.28); border-radius:10px; padding:10px 38px 10px 13px; font:inherit; font-size:13px; font-weight:680; letter-spacing:normal; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d1ee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 11px center; }
.dash-guild-picker select { min-width:250px; max-width:350px; }
.dash-guild-picker select:focus-visible,.dash-filters select:focus-visible,.dash-field select:focus-visible,.dash-search-wrap:focus-within { outline:none; border-color:#869fff; box-shadow:0 0 0 3px rgba(112,139,255,.16); }
.dash-toolbar-right { display:flex; align-items:center; gap:17px; color:var(--dash-dim); font-size:12px; }
.dash-live-pill { display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:750; color:#caeede; border:1px solid rgba(96,209,166,.21); border-radius:999px; background:rgba(29,124,97,.11); padding:8px 13px; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#4ddd9f; box-shadow:0 0 0 3px rgba(65,215,153,.13); flex-shrink:0; }
.status-dot.waiting { background:#ffbe67; box-shadow:0 0 0 3px rgba(255,190,103,.16); }
.dash-toolbar-divider { width:1px; height:21px; background:var(--dash-line); }
.dash-grid { display:grid; grid-template-columns:238px minmax(0,1fr); gap:20px; align-items:start; }
.dash-sidebar { display:flex; flex-direction:column; gap:5px; padding:20px 12px 13px; border:1px solid var(--dash-line); background:linear-gradient(170deg,rgba(15,22,37,.89),rgba(10,15,27,.92)); border-radius:18px; min-width:0; position:sticky; top:91px; }
.dash-sidebar-label { padding:0 12px; margin:3px 0 9px; font-size:10px; font-weight:850; letter-spacing:.135em; color:#697d9f; }
.dash-tab { display:flex; align-items:center; gap:13px; width:100%; min-height:45px; padding:11px 13px; border:1px solid transparent; border-radius:11px; background:transparent; color:#99a7c0; text-align:left; font:inherit; font-size:13px; font-weight:660; cursor:pointer; white-space:normal; transition:background .18s,color .18s,border-color .18s; }
.dash-tab:hover { color:#f1f4ff; background:rgba(115,137,203,.07); }
.dash-tab.current { color:#e7ecff; border-color:rgba(108,136,240,.22); background:linear-gradient(100deg,rgba(83,111,236,.2),rgba(91,105,228,.08)); box-shadow:inset 3px 0 0 #7696ff; }
.dash-nav-icon { display:flex; align-items:center; justify-content:center; width:20px; height:20px; flex-shrink:0; color:#8499c3; }
.dash-nav-icon svg { width:19px; height:19px; }
.dash-tab.current .dash-nav-icon { color:#a4b8ff; }
.dash-sidebar-rule { height:1px; margin:18px 10px 15px; background:var(--dash-line); }
.dash-sidebar-foot { background:rgba(102,123,188,.075); border:1px solid rgba(113,136,222,.12); border-radius:13px; margin:28px 1px 1px; padding:17px; }
.dash-sidebar-foot strong { display:block; font-size:12px; margin:4px 0; color:#d7e0fb; }
.dash-sidebar-foot p { color:#8c9dbb; font-size:11.5px; margin:4px 0 0; line-height:1.55; }
.dash-foot-spark { color:#9db0ff; font-size:18px; }
.dash-content { min-width:0; }
.dash-panel { background:linear-gradient(155deg,rgba(16,23,39,.9),rgba(9,14,26,.96)); border:1px solid var(--dash-line); border-radius:20px; padding:30px; min-height:400px; box-shadow:0 18px 55px rgba(0,0,0,.13); }
.dash-panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:26px; }
.dash-panel-head h2 { color:var(--dash-ink); font-size:clamp(1.55rem,2.8vw,2rem); letter-spacing:-.036em; line-height:1.3; margin:6px 0 7px; }
.dash-panel-head p { color:var(--dash-sub); font-size:13.5px; max-width:670px; line-height:1.65; margin:0; }
.dash-head-icon { width:50px; height:50px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border:1px solid rgba(106,140,246,.19); border-radius:14px; background:rgba(93,124,230,.095); color:#afc1ff; }
.dash-head-icon svg { width:23px; height:23px; }
.dash-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.dash-metric { background:linear-gradient(145deg,rgba(31,44,73,.68),rgba(19,30,50,.5)); border:1px solid rgba(143,164,226,.16); border-radius:16px; min-width:0; padding:22px; }
.dash-metric-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; }
.dash-metric-top span { color:#a9bbd9; font-size:10px; font-weight:850; letter-spacing:.12em; }
.dash-metric-top svg { width:20px; height:20px; color:#92a6db; }
.dash-metric strong { display:block; font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.045em; line-height:1.2; font-weight:830; }
.dash-metric small { display:block; color:#8d9bb4; font-size:11.5px; margin-top:11px; }
.dash-overview-callout { display:flex; gap:16px; align-items:flex-start; padding:20px; margin:19px 0 23px; border:1px solid rgba(94,157,174,.22); border-radius:15px; background:linear-gradient(110deg,rgba(30,76,87,.21),rgba(23,51,66,.06)); }
.dash-callout-icon { background:rgba(85,194,182,.11); border:1px solid rgba(75,190,164,.18); color:#91dfd0; width:41px; height:41px; border-radius:12px; flex-shrink:0; display:grid; place-items:center; }
.dash-callout-icon svg { width:20px; height:20px; }
.dash-overview-callout strong { display:block; color:#e1fff9; font-size:14px; margin-bottom:5px; }
.dash-overview-callout p { margin:0; color:#a7c5c9; font-size:12.5px; line-height:1.7; }
.dash-overview-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dash-quicklink { display:flex; align-items:center; text-align:left; gap:12px; min-width:0; padding:16px; border:1px solid var(--dash-line); border-radius:13px; background:rgba(255,255,255,.02); color:#fff; cursor:pointer; transition:.2s; font:inherit; }
.dash-quicklink:hover { background:rgba(115,138,226,.12); border-color:rgba(124,148,243,.36); transform:translateY(-2px); }
.dash-quicklink > span:nth-child(2) { display:grid; gap:2px; min-width:0; }
.dash-quicklink strong { font-size:13px; }
.dash-quicklink small { color:var(--dash-dim); font-size:11px; }
.dash-chevron { margin-left:auto; color:#9bafff; }
.dash-list { display:flex; flex-direction:column; gap:9px; min-width:0; }
.dash-list-summary { display:flex; justify-content:space-between; gap:10px; align-items:center; flex-wrap:wrap; margin:0 0 13px; color:#b8c7e3; font-weight:730; font-size:12px; }
.dash-list-note { color:var(--dash-dim); font-weight:500; }
.dash-item { display:flex; align-items:center; justify-content:space-between; min-width:0; gap:18px; border:1px solid rgba(139,162,217,.115); background:rgba(255,255,255,.021); border-radius:12px; padding:16px 18px; transition:background .15s,border-color .15s; }
.dash-item:hover { background:rgba(109,132,205,.06); border-color:rgba(132,163,245,.22); }
.dash-item-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.dash-item-title { display:block; color:#e6ecff; font-size:13.5px; font-weight:740; overflow-wrap:anywhere; }
.dash-item-title.code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; font-weight:670; color:#c2d2ff; }
.dash-item-detail { font-size:11.5px; color:var(--dash-dim); overflow-wrap:anywhere; }
.dash-switch { display:inline-flex; position:relative; width:45px; height:26px; flex-shrink:0; cursor:pointer; }
.dash-switch input { width:100%; height:100%; position:absolute; inset:0; opacity:0; cursor:pointer; z-index:1; margin:0; }
.dash-switch span { pointer-events:none; position:absolute; inset:0; border-radius:22px; background:#38445c; box-shadow:inset 0 0 0 1px rgba(255,255,255,.085); transition:background .2s; }
.dash-switch span::before { content:""; position:absolute; width:20px; height:20px; top:3px; left:3px; border-radius:50%; background:#f0f3ff; box-shadow:0 2px 5px rgba(0,0,0,.25); transition:transform .2s; }
.dash-switch input:checked + span { background:#5e81f8; }
.dash-switch input:checked + span::before { transform:translateX(19px); }
.dash-switch input:focus-visible + span { outline:3px solid #9cb6ff; outline-offset:3px; }
.dash-switch input:disabled + span { opacity:.42; cursor:not-allowed; }
.dash-filters { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:12px; margin-bottom:16px; }
.dash-search-wrap { display:flex; align-items:center; gap:10px; padding:0 14px; min-width:0; background:#141e31; border:1px solid rgba(124,151,211,.23); border-radius:11px; height:45px; transition:border-color .15s,box-shadow .15s; }
.dash-search-wrap input { flex:1; min-width:0; width:100%; background:transparent; border:0; outline:0; padding:11px 0; color:#f2f6ff; font-size:13px; font-family:inherit; }
.dash-search-wrap input::placeholder { color:#6f82a1; }
.dash-search-icon { color:#8194bc; display:inline-flex; align-items:center; }
.dash-search-icon svg { width:18px; height:18px; }
.dash-filters select { height:45px; font-size:13px; }
.load-more { display:flex; margin:20px auto 0; }
.dash-section-heading { display:flex; align-items:start; justify-content:space-between; gap:16px; margin:2px 0 17px; }
.dash-section-heading h3 { font-size:17px; letter-spacing:-.015em; margin:0 0 4px; color:#f1f4ff; }
.dash-section-heading p { font-size:12.5px; color:var(--dash-sub); line-height:1.65; margin:0; max-width:710px; }
.dash-count-pill { display:inline-flex; align-items:center; white-space:nowrap; border-radius:999px; padding:5px 10px; font-size:11px; color:#b4c6ff; background:rgba(96,119,225,.1); border:1px solid rgba(109,131,226,.2); }
.dash-feature-card { border:1px solid rgba(142,163,222,.13); border-radius:14px; background:rgba(255,255,255,.022); padding:19px; min-width:0; }
.dash-feature-top { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.dash-feature-info { min-width:0; }
.dash-feature-info h4 { font-size:14px; margin:0 0 5px; color:#eaf0ff; }
.dash-feature-info p { color:#94a3bd; font-size:12px; margin:0; line-height:1.6; }
.dash-feature-badge { color:#a0abc3; font-size:11px; white-space:nowrap; background:rgba(119,133,167,.1); border:1px solid var(--dash-line); padding:5px 9px; border-radius:8px; }
.dash-feature-badge.has-roles { color:#b9dbff; border-color:rgba(102,157,225,.27); background:rgba(73,117,217,.1); }
.dash-feature-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:17px; }
.dash-feature-bottom .dash-button { flex-shrink:0; }
.dash-selected-line { display:flex; align-items:center; flex-wrap:wrap; min-height:24px; min-width:0; gap:7px; }
.dash-selected-role { display:inline-flex; align-items:center; gap:8px; min-width:0; max-width:240px; padding:5px 9px; border-radius:8px; border:1px solid rgba(125,147,204,.2); background:rgba(120,138,196,.09); color:#c4d0ec; font-size:11.5px; }
.dash-selected-role > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dash-role-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; box-shadow:0 0 0 2px rgba(255,255,255,.07); }
.dash-none { color:var(--dash-dim); font-size:12px; font-style:italic; }
.dash-extra-count { color:#a9b8d5; font-size:11.5px; }
.dash-section-divider { height:1px; background:var(--dash-line); margin:29px 0; }
.dash-command-access { padding:21px; background:rgba(15,22,39,.83); border:1px solid rgba(121,146,213,.18); border-radius:15px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.dash-field { display:grid; gap:8px; width:min(100%,590px); color:#8fa2c5; font-size:11px; letter-spacing:.07em; font-weight:790; }
.dash-field select { min-height:45px; }
.dash-tip { padding:14px 17px; margin-top:17px; border-radius:11px; border:1px solid rgba(142,161,203,.14); background:rgba(125,148,191,.045); font-size:12px; color:#8ea0c0; }
.dash-empty-inline,.dash-inline-error { padding:16px; border:1px dashed rgba(133,156,208,.23); border-radius:11px; color:#9cabcb; font-size:13px; line-height:1.6; margin:0; overflow-wrap:anywhere; }
.dash-inline-error { border-color:rgba(231,122,141,.36); color:#ffc1cc; background:rgba(113,44,63,.1); }
.dash-role-dialog { inset:0; margin:auto; border:1px solid rgba(132,159,244,.3); padding:0; border-radius:20px; background:#0d1423; color:#f1f5ff; max-width:min(600px,calc(100vw - 28px)); width:100%; max-height:min(770px,calc(100dvh - 28px)); box-shadow:0 40px 130px rgba(0,0,0,.8); overflow:hidden; }
.dash-role-dialog::backdrop { background:rgba(2,5,14,.8); backdrop-filter:blur(7px); }
.dash-dialog-shell { display:flex; flex-direction:column; max-height:min(770px,calc(100dvh - 28px)); }
.dash-dialog-top { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:26px 26px 17px; border-bottom:1px solid var(--dash-line); background:linear-gradient(120deg,rgba(62,75,159,.12),transparent); }
.dash-dialog-top h2 { font-size:21px; letter-spacing:-.02em; line-height:1.3; margin:5px 0 5px; }
.dash-dialog-top p { color:var(--dash-sub); font-size:12.5px; line-height:1.55; margin:0; }
.dash-dialog-x { background:rgba(125,143,189,.08); color:#c8d4f1; border:1px solid var(--dash-line); border-radius:9px; min-width:32px; height:32px; line-height:26px; font-size:23px; cursor:pointer; }
.dash-dialog-selected { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:17px 25px 10px; color:#bdc9e8; font-size:12px; font-weight:720; }
.dash-text-action { border:0; background:transparent; color:#aebfff; cursor:pointer; font:inherit; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.dash-dialog-search { margin:4px 25px 13px; flex-shrink:0; }
.dash-dialog-list { min-height:100px; flex:1; overflow:auto; padding:0 20px 10px 25px; scrollbar-width:thin; scrollbar-color:#35466c transparent; }
.dash-role-choice { display:flex; align-items:center; gap:12px; padding:11px 13px; margin-bottom:6px; border:1px solid rgba(132,150,198,.1); border-radius:10px; background:rgba(255,255,255,.017); color:#d9e1f4; font-size:13px; cursor:pointer; transition:.16s; min-height:44px; }
.dash-role-choice:hover { background:rgba(97,121,205,.1); border-color:rgba(129,153,222,.2); }
.dash-role-choice:has(input:checked) { background:rgba(91,117,218,.16); border-color:rgba(119,149,247,.47); }
.dash-role-choice input { width:17px; height:17px; margin:0; flex-shrink:0; accent-color:#718aff; cursor:pointer; }
.dash-role-choice-name { display:flex; align-items:center; gap:11px; min-width:0; }
.dash-role-choice-name > span:last-child { overflow-wrap:anywhere; }
.dash-dialog-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 25px 20px; border-top:1px solid var(--dash-line); background:rgba(9,14,25,.92); }
.dash-dialog-bottom > span { color:#8295b5; font-size:11px; line-height:1.5; max-width:205px; }
.dash-dialog-actions { display:flex; gap:8px; }
@media(max-width:1150px) { .dash-grid { grid-template-columns:215px minmax(0,1fr); } .dash-panel { padding:24px; } .dash-account { max-width:310px; } }
@media(max-width:960px) { .dash-root { padding:36px 18px 90px; } .dash-head { align-items:flex-start; } .dash-account { margin-top:7px; } .dash-grid { grid-template-columns:1fr; } .dash-sidebar { flex-direction:row; flex-wrap:nowrap; overflow:auto; position:static; gap:6px; padding:9px; scrollbar-width:thin; } .dash-sidebar-label,.dash-sidebar-rule,.dash-sidebar-foot { display:none; } .dash-tab { width:auto; white-space:nowrap; flex:0 0 auto; min-height:43px; padding:9px 12px; } .dash-tab.current { box-shadow:inset 0 -3px 0 #7696ff; } .dash-panel { padding:25px; } }
@media(max-width:720px) { .dash-head { flex-direction:column; align-items:flex-start; gap:17px; } .dash-head p { font-size:13.5px; } .dash-account { width:100%; max-width:none; } .dash-account .dash-button { margin-left:auto; } .dash-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .dash-metric:last-child { grid-column:span 2; } .dash-overview-links { grid-template-columns:1fr; } .dash-filters { grid-template-columns:1fr; } .dash-toolbar-right { flex-wrap:wrap; } .dash-toolbar-divider,.dash-sync-label { display:none; } }
@media(max-width:520px) { .dash-root { padding:26px 13px 70px; } .dash-head h1 { font-size:2.5rem; } .dash-panel { border-radius:15px; padding:18px 15px; } .dash-toolbar { align-items:stretch; flex-direction:column; padding:14px; } .dash-guild-block,.dash-guild-picker { width:100%; } .dash-guild-picker select { min-width:0; max-width:100%; } .dash-guild-picker { flex:1; } .dash-metrics { grid-template-columns:1fr; } .dash-metric:last-child { grid-column:auto; } .dash-metric { padding:17px; } .dash-feature-top { flex-direction:column; } .dash-feature-bottom { align-items:stretch; } .dash-feature-bottom .dash-button { width:100%; } .dash-section-heading { flex-direction:column; } .dash-panel-head { align-items:start; } .dash-head-icon { width:38px; height:38px; border-radius:11px; } .dash-head-icon svg { width:19px; height:19px; } .dash-dialog-top { padding:20px 17px 13px; } .dash-dialog-selected { padding:14px 18px 10px; } .dash-dialog-search { margin:4px 17px 12px; } .dash-dialog-list { padding:0 12px 8px 17px; } .dash-dialog-bottom { align-items:stretch; flex-direction:column; padding:14px 17px 17px; } .dash-dialog-bottom > span { max-width:none; } .dash-dialog-actions { width:100%; } .dash-dialog-actions .dash-button { flex:1; } .dash-gateway { margin:20px auto; } }
@media(prefers-reduced-motion:reduce) { .dash-root * { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }


/* ───────────────────────────────────────────────────
   Sky Devbot Control Center V3 · precision polish
   ─────────────────────────────────────────────────── */
:root{--dash-ink:#f5f7ff;--dash-sub:#a4b1cb;--dash-dim:#7e90af;--dash-blue:#7c9bff}
.dash-root{padding-top:32px;background:radial-gradient(circle at 96% 0%,rgba(53,80,157,.08),transparent 42%)}
.dash-root .dash-container{max-width:1280px}
.dash-head{margin-bottom:23px;align-items:center;gap:24px}
.dash-head h1{font-size:clamp(2.3rem,4.3vw,3.9rem);letter-spacing:-.058em;line-height:1.06;margin:11px 0 10px}
.dash-head p{max-width:550px;font-size:14px;line-height:1.65}
.dash-kicker{font-size:10px;letter-spacing:.145em}
.dash-account{border-radius:14px;box-shadow:none;min-height:60px;background:rgba(17,25,43,.63)}
.dash-toolbar{padding:13px 17px;margin-bottom:17px;border-radius:16px;overflow:visible;background:linear-gradient(120deg,#121d34,#0f1729);box-shadow:none}
.dash-guild-block{gap:13px;min-width:0}
.dash-guild-picker{position:relative;display:flex;flex-direction:column;gap:5px;width:min(100%,320px);min-width:210px}
.dash-workspace-label{font-size:10px;font-weight:760;letter-spacing:.12em;color:#8297bd}
.dash-server-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:9px 11px 9px 0;color:#f0f4ff;font-family:inherit;font-size:14px;text-align:left;background:transparent;border:0;cursor:pointer;min-width:0;border-radius:8px;transition:color .16s}
.dash-server-trigger strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:730}
.dash-server-trigger:hover,.dash-server-trigger.is-open{color:#b9caff}
.dash-server-trigger:focus-visible{outline:2px solid #9bb4ff;outline-offset:2px}
.dash-trigger-chevron{font-size:21px;color:#93a9cf;line-height:1;transition:transform .2s}
.dash-server-trigger.is-open .dash-trigger-chevron{transform:rotate(180deg)}
.dash-server-popover{position:absolute;top:calc(100% + 12px);left:-65px;width:min(390px,calc(100vw - 30px));max-height:min(425px,70dvh);display:flex;flex-direction:column;z-index:80;padding:10px;background:#111a2b;border:1px solid rgba(139,162,227,.27);border-radius:15px;box-shadow:0 26px 64px rgba(0,0,0,.6)}
.dash-server-popover[hidden]{display:none!important}
.dash-server-search{margin:0 0 7px;height:43px;border-radius:9px}
.dash-server-menu-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#3a4a69 transparent}
.dash-server-option{display:flex;gap:11px;align-items:center;min-height:59px;width:100%;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#dce5fa;font:inherit;padding:8px 10px;cursor:pointer}
.dash-server-option:hover,.dash-server-option:focus-visible{background:#1b2a45;border-color:rgba(136,168,245,.2);outline:none}
.dash-server-option[aria-selected="true"]{background:rgba(93,122,219,.13);border-color:rgba(127,154,233,.25)}
.dash-server-option-icon{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:10px;background:#243a68;color:#e3eaff;font-weight:750;overflow:hidden}
.dash-server-option-icon img{width:100%;height:100%;object-fit:cover}
.dash-server-option-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.dash-server-option-copy strong{font-size:12.5px;font-weight:730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-server-option-copy small{font-size:10.5px;color:#8298b9}
.dash-server-check{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;background:#4162cb;color:white;font-weight:800}
.dash-server-menu-foot{padding:11px 8px 4px;border-top:1px solid rgba(145,167,211,.12);margin-top:6px;color:#798fb0;font-size:10.5px}
.dash-menu-empty{text-align:center;color:#8296b9;padding:24px 12px;font-size:12px}
.dash-toolbar-right{margin-left:auto}
.dash-grid{grid-template-columns:235px minmax(0,1fr);gap:18px}
.dash-sidebar{border-radius:16px;padding:16px 10px;box-shadow:none;background:rgba(12,19,32,.86)}
.dash-tab{border-radius:10px}
.dash-panel{border-radius:17px;padding:28px;box-shadow:none;background:linear-gradient(145deg,#101727,#0d1422)}
.dash-panel-head h2{font-size:clamp(1.45rem,2.4vw,1.9rem)}
.dash-notice{position:fixed;bottom:23px;right:24px;z-index:130;max-width:min(440px,calc(100vw - 32px));margin:0;box-shadow:0 15px 45px rgba(0,0,0,.36);backdrop-filter:blur(20px);border-radius:13px}
.dash-role-dialog{width:min(620px,calc(100vw - 30px));max-width:none;max-height:min(725px,calc(100dvh - 26px));border-radius:17px;background:#101725;border-color:rgba(131,158,223,.23);box-shadow:0 34px 100px rgba(0,0,0,.65)}
.dash-dialog-shell{max-height:min(725px,calc(100dvh - 26px));min-height:0;height:min(725px,calc(100dvh - 26px));overflow:hidden}
.dash-dialog-top{flex:none;gap:13px;padding:23px 24px 20px;background:#121b2d;border-color:rgba(153,169,205,.1)}
.dash-dialog-top h2{font-size:22px;margin:7px 0 7px;letter-spacing:-.035em}
.dash-dialog-top p{font-size:12px;color:#94a7c6}
.dash-dialog-x{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;line-height:1;font-size:21px}
.dash-dialog-tools{flex:none;padding:18px 22px 10px;border-bottom:1px solid rgba(140,160,197,.12)}
.dash-dialog-search{margin:0 0 12px;height:46px;border-radius:10px;background:#172238}
.dash-dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.dash-role-tabs{display:inline-flex;gap:4px;border:1px solid rgba(145,169,218,.15);padding:3px;border-radius:10px;background:rgba(7,13,24,.65)}
.dash-role-tabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;white-space:nowrap;border:0;border-radius:7px;background:transparent;color:#8b9ebc;font:inherit;font-size:11.5px;font-weight:710;cursor:pointer}
.dash-role-tabs button.is-active{background:#263655;color:#eef3ff;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.dash-role-tabs button:focus-visible{outline:2px solid #90a9ff;outline-offset:2px}
.dash-role-tabs button span{background:rgba(157,181,235,.14);color:#bdcbed;border-radius:20px;padding:1px 6px;font-size:10px}
.dash-text-action{font-size:11px;text-decoration:none;font-weight:710;white-space:nowrap;color:#a5baff}
.dash-text-action:hover{color:#d2dfff}
.dash-text-action:disabled{opacity:.38;cursor:not-allowed}
.dash-modal-chips{display:flex;align-items:center;gap:5px;min-height:24px;overflow:hidden;margin-top:10px;flex-wrap:wrap}
.dash-modal-chip{display:inline-flex;align-items:center;gap:7px;max-width:170px;padding:4px 8px;background:#1c2a42;border:1px solid rgba(145,170,223,.14);border-radius:7px;font-size:10.5px;color:#c8d5f0}
.dash-modal-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-modal-chip-extra{color:#98acda}
.dash-modal-none{font-size:11px;color:#768cac}
.dash-dialog-list{flex:1;min-height:0;overscroll-behavior:contain;overflow-y:auto;padding:12px 20px 16px;scrollbar-color:#3c5074 #111b2e;scrollbar-width:thin}
.dash-role-choice{position:relative;display:flex;align-items:center;gap:12px;min-height:50px;padding:11px 14px;margin-bottom:6px;border:1px solid rgba(146,164,207,.11);border-radius:10px;background:#141d2c;font-size:12px;transition:background .15s,border-color .15s}
.dash-role-choice:hover{background:#1a2841;border-color:rgba(140,168,227,.25)}
.dash-role-choice:has(input:checked){background:#1a2b4a;border-color:rgba(108,147,240,.5)}
.dash-role-choice input{width:17px;height:17px;flex:none;accent-color:#7799ff}
.dash-role-choice-name{flex:1;gap:10px;min-width:0}
.dash-role-choice-name>span:last-child{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-role-state{color:#7187a7;font-size:10px;font-weight:700}
.dash-role-choice:has(input:checked) .dash-role-state{color:#a9beff}
.dash-role-empty{display:grid;place-items:center;text-align:center;min-height:170px;font-size:12px;color:#95a5c4}
.dash-dialog-bottom{flex:none;gap:18px;padding:16px 22px;background:#101724}
.dash-dialog-bottom>span{max-width:270px;font-size:11px}
.dash-dialog-actions .dash-button{min-height:42px;border-radius:10px}
.dash-command-access{padding:18px;border-radius:13px;gap:16px}
.dash-command-access-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
.dash-command-error{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(207,150,88,.29);background:rgba(103,74,42,.13);border-radius:11px}
.dash-command-error[hidden]{display:none!important}
.dash-command-error-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:rgba(228,161,77,.13);color:#efb876;font-weight:800}
.dash-command-error-copy{flex:1;min-width:0}
.dash-command-error-copy strong{display:block;color:#f7d5ad;font-size:12px}
.dash-command-error-copy p{margin:4px 0 0;font-size:11px;color:#c9af94;line-height:1.5;overflow-wrap:anywhere}
.dash-command-error .dash-button{white-space:nowrap;flex:none}
.dash-field select:disabled{opacity:.57}
@media(max-width:960px){.dash-grid{grid-template-columns:1fr}.dash-sidebar{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;position:static;padding:9px}.dash-sidebar-label,.dash-sidebar-rule,.dash-sidebar-foot{display:none}.dash-tab{flex:0 0 auto;width:auto;white-space:nowrap}}
@media(max-width:720px){.dash-head{align-items:start}.dash-guild-picker{min-width:0}.dash-server-popover{left:-58px}.dash-notice{right:12px;bottom:12px}}
@media(max-width:520px){.dash-head h1{font-size:2.45rem}.dash-guild-block{width:100%;gap:9px}.dash-guild-picker{flex:1;min-width:0}.dash-server-trigger{font-size:12px}.dash-toolbar-right{margin-left:0}.dash-server-popover{left:-52px;width:min(365px,calc(100vw - 26px))}.dash-role-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.dash-dialog-shell{height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.dash-dialog-tools{padding:14px 15px 10px}.dash-dialog-list{padding:12px 12px 10px}.dash-dialog-top{padding:18px 15px 13px}.dash-dialog-bottom{padding:12px 15px 15px}.dash-dialog-controls{gap:6px}.dash-role-tabs button{padding:7px 9px;font-size:10.5px}.dash-command-error{flex-wrap:wrap}.dash-command-error .dash-button{margin-left:42px}.dash-account{width:100%}.dash-role-choice-name>span:last-child{white-space:normal}}


/* V4 cleaner interactions */
.dash-head h1{font-size:clamp(2.1rem,3.8vw,3.5rem)}
.dash-head p{max-width:600px}
.dash-account-meta strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-workspace-label{font-size:10px;letter-spacing:.16em;color:#8fa3c8}
.dash-server-trigger{min-height:54px;padding:12px 14px;background:linear-gradient(180deg,#182542,#132038);border:1px solid rgba(136,162,227,.22);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.dash-server-trigger:hover,.dash-server-trigger.is-open{color:#eef3ff;background:linear-gradient(180deg,#1a2a49,#17253f);border-color:rgba(151,178,244,.34)}
.dash-server-trigger:active{transform:translateY(1px);background:#1c2d4f}
.dash-trigger-chevron{font-size:18px;background:rgba(131,161,240,.1);padding:2px 8px;border-radius:999px}
.dash-server-popover{left:0;width:min(420px,calc(100vw - 30px))}
.dash-server-option:active,.dash-tab:active,.dash-quicklink:active,.dash-feature-card:active,.dash-button:active,.dash-role-choice:active{background:#223657!important;border-color:rgba(127,157,233,.45)!important;transform:translateY(1px)}
.dash-server-option,.dash-tab,.dash-quicklink,.dash-feature-card,.dash-button,.dash-role-choice,.dash-dialog-x{-webkit-tap-highlight-color:rgba(120,155,255,.22)}
.dash-panel-head{margin-bottom:18px}
.dash-panel-head p{max-width:640px}
.dash-overline{font-size:11px;letter-spacing:.17em}
.dash-metrics{gap:16px}
.dash-metric{border-radius:18px;min-height:174px;padding:26px 28px}
.dash-metric strong{font-size:clamp(2.4rem,4.4vw,4.1rem);line-height:1}
.dash-quicklink{min-height:92px;align-items:center}
.dash-filters{align-items:stretch;gap:12px}
#module-filter,#role-command,.dash-filters select{min-height:48px;border-radius:14px;background:#17253f;border:1px solid rgba(137,162,222,.26);padding:0 16px;font-weight:650;color:#eff4ff}
#module-filter:focus,#role-command:focus,.dash-filters select:focus{outline:2px solid #9ab2ff;outline-offset:2px}
.dash-list-summary{margin-bottom:14px}
.dash-inline-error{margin:0;padding:14px 16px;border:1px solid rgba(194,107,129,.28);background:rgba(88,29,43,.22);border-radius:14px;color:#f5cad4;line-height:1.55}
.dash-feature-card{border-radius:16px;overflow:hidden;border:1px solid rgba(135,157,214,.14);background:linear-gradient(180deg,#121b2f,#0f1728)}
.dash-feature-top{gap:18px;padding-bottom:12px}
.dash-feature-info h4{font-size:1.05rem}
.dash-feature-info p{line-height:1.6}
.dash-feature-bottom{gap:12px;align-items:flex-start;flex-wrap:wrap}
.dash-selected-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dash-selected-role{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#18253d;border:1px solid rgba(136,161,220,.18);font-size:12px;color:#dbe5fa;max-width:210px}
.dash-selected-role span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-extra-count,.dash-none{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:rgba(140,161,209,.08);color:#9fb1cf;font-size:11px}
.dash-command-access{border-radius:16px;background:linear-gradient(180deg,#101929,#0f1726);border:1px solid rgba(133,157,214,.13)}
.dash-command-error{margin-bottom:2px}
.dash-command-access-foot{align-items:flex-start}
.dash-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:34px;padding:0 14px;border-radius:999px;background:#1a2742;border:1px solid rgba(136,161,220,.18);font-weight:760;color:#ecf2ff;font-variant-numeric:tabular-nums}
.dash-role-dialog{width:min(700px,calc(100vw - 24px))}
.dash-dialog-top{padding:24px 26px 18px}
.dash-dialog-tools{padding:18px 24px 12px}
.dash-dialog-controls{align-items:center}
.dash-role-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;font-variant-numeric:tabular-nums}
.dash-modal-chips{gap:8px}
.dash-modal-chip{display:inline-flex;align-items:center;gap:8px;max-width:210px;padding:7px 10px;background:#182641;border:1px solid rgba(145,170,223,.18);border-radius:999px;font-size:11px;color:#d7e2fb;cursor:pointer}
.dash-modal-chip span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-modal-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.08);color:#dfe8ff;font-size:13px;line-height:1}
.dash-modal-chip:hover{background:#203152;border-color:rgba(145,170,223,.28)}
.dash-modal-chip-extra{cursor:default}
.dash-modal-none{font-size:11.5px}
.dash-dialog-list{padding-top:10px}
.dash-role-choice{min-height:56px;padding:12px 14px;border-radius:14px}
.dash-role-choice-name{display:flex;align-items:center}
.dash-role-state{padding-left:10px}
.dash-role-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:10px;background:rgba(234,91,113,.14);color:#f4bcc6;font-size:16px;cursor:pointer}
.dash-role-remove:hover{background:rgba(234,91,113,.22)}
.dash-role-remove[hidden]{display:none!important}
.dash-dialog-bottom{padding:17px 24px}
.dash-dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.dash-dialog-actions .dash-button{min-width:132px;min-height:48px}
.dash-activity-card{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:16px;border:1px solid rgba(135,157,214,.14);background:linear-gradient(180deg,#121a2b,#0f1726)}
.dash-activity-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.dash-activity-title{font-size:1.03rem;color:#eef3ff}
.dash-activity-user{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#1a2742;color:#d8e4ff;font-size:11.5px;font-weight:700}
.dash-activity-user::before{content:'👤';font-size:12px}
.dash-activity-meta{display:flex;gap:16px;flex-wrap:wrap;color:#95a8c8;font-size:12px}
.site-footer{margin-top:40px;border-top:1px solid rgba(120,147,206,.12);background:linear-gradient(180deg,#09101d,#0b1220)}
.footer-inner{max-width:1280px;margin:0 auto;padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.footer-brand img{width:40px;height:40px;border-radius:12px}
.footer-note{max-width:560px;color:#98aac8;line-height:1.6}
.footer-links{display:flex;gap:12px;flex-wrap:wrap}
.footer-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:12px;background:#13213a;border:1px solid rgba(132,158,219,.16);color:#dce5fa}
.footer-links a:hover{background:#1a2d4f;color:#fff}
@media (max-width: 900px){
  .dash-grid{grid-template-columns:1fr}
  .dash-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
  .dash-sidebar-label,.dash-sidebar-rule,.dash-sidebar-foot{grid-column:1/-1}
}
@media (max-width: 720px){
  .dash-head{align-items:flex-start}
  .dash-account{width:100%}
  .dash-toolbar{padding:14px}
  .dash-guild-picker{width:100%}
  .dash-toolbar-right{width:100%;margin-left:0;justify-content:space-between}
  .dash-server-trigger{min-height:58px}
  .dash-panel{padding:22px 18px}
  .dash-dialog-top,.dash-dialog-tools,.dash-dialog-bottom{padding-left:18px;padding-right:18px}
  .dash-dialog-actions{width:100%}
  .dash-dialog-actions .dash-button{flex:1;min-width:0}
  .footer-inner{padding:20px 18px}
}

/* V5 setup editors */
.v5-editor-intro{padding:17px 20px;border:1px solid rgba(111,160,222,.19);border-radius:16px;background:linear-gradient(130deg,rgba(37,60,104,.26),rgba(14,25,45,.82));margin-bottom:22px}
.v5-editor-intro strong{display:block;color:#e9f0ff;font-size:14px;font-weight:750}
.v5-editor-intro p{margin:7px 0 0;color:#94a7c8;font-size:12.5px;line-height:1.6}
.v5-editor-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid rgba(126,155,207,.12)}
.v5-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 14px;border:1px solid rgba(132,158,218,.23);border-radius:12px;background:rgba(25,40,68,.7);color:#dce6fc;font:inherit;font-size:12px;font-weight:730;cursor:pointer;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;-webkit-tap-highlight-color:rgba(120,160,255,.22)}
.v5-btn:hover,.v5-btn:focus-visible{background:#263d67;border-color:rgba(163,183,252,.53);outline:0;box-shadow:0 0 0 2px rgba(101,141,238,.13)}
.v5-btn:active{transform:translateY(1px);background:#314e86}
.v5-btn.primary{background:linear-gradient(135deg,#5179e8,#7369e8);border-color:rgba(159,183,255,.52);color:#fff}
.v5-btn.primary:hover{background:linear-gradient(135deg,#6187ed,#8378f7);box-shadow:0 6px 20px rgba(71,101,230,.2)}
.v5-btn.danger{color:#ffbec7;border-color:rgba(224,101,126,.27);background:rgba(115,34,53,.17)}
.v5-btn.danger:hover{background:rgba(149,47,70,.37);border-color:rgba(237,119,148,.48)}
.v5-editor-tabs .v5-btn.is-active{background:#273d6a;border-color:#769aff;color:#fff;box-shadow:inset 0 -2px 0 #83a9ff}
.v5-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.v5-editor-body{min-height:220px}
.v5-card{min-width:0;padding:22px;border:1px solid rgba(137,163,213,.17);border-radius:18px;background:linear-gradient(180deg,#121d30,#111a2b);margin-bottom:16px}
.v5-card>h3{font-size:19px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;color:#f3f6ff}
.v5-card>h4{font-size:13px;margin:20px 0 12px}
.v5-card-desc{margin:0 0 20px;color:#9eafcc;font-size:12px;line-height:1.65}
.v5-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}
.v5-field>span{font-size:11px;letter-spacing:.045em;font-weight:750;color:#b2c2e2}
.v5-field input,.v5-field textarea,.v5-field select{min-width:0;width:100%;min-height:44px;padding:11px 12px;appearance:auto;border:1px solid rgba(145,171,223,.24);border-radius:11px;background:#18253b;color:#eff4ff;font:inherit;font-size:13px;outline:0;transition:background .2s,border-color .2s,box-shadow .2s}
.v5-field input:focus,.v5-field textarea:focus,.v5-field select:focus{border-color:#8eabfa;box-shadow:0 0 0 3px rgba(97,138,248,.16);background:#1b2a45}
.v5-field input[type=color]{height:48px;padding:6px;cursor:pointer}
.v5-check{display:flex;align-items:center;gap:11px;color:#d6e0f5;font-size:12.5px;line-height:1.45;cursor:pointer}
.v5-check input{width:17px;height:17px;accent-color:#7398f8;flex-shrink:0}
.v5-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.v5-status{margin:0 0 18px;padding:12px 15px;border:1px solid rgba(64,193,157,.34);border-radius:12px;background:rgba(27,86,78,.19);color:#a6ecda;font-size:12px}
.v5-status.bad{border-color:rgba(218,89,117,.35);background:rgba(90,30,50,.2);color:#fbc4d3}
.v5-status[hidden]{display:none}
.v5-block-editor{margin:17px 0}
.v5-block-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.v5-block-toolbar .v5-btn{min-height:34px;padding:7px 9px;font-size:11px}
.v5-block-list{display:flex;flex-direction:column;gap:11px;margin-top:10px}
.v5-block{border:1px solid rgba(135,156,204,.17);background:#0f1726;padding:13px;border-radius:12px}
.v5-block-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.v5-block-top strong{font-size:10px;letter-spacing:.09em;color:#9aafe3}
.v5-block-actions{display:flex;gap:4px}
.v5-block-actions .v5-btn{min-width:31px;min-height:29px;padding:4px 7px;border-radius:8px}
.v5-block .v5-field:last-child{margin-bottom:0}
.v5-muted{color:#8da3c4;font-size:11px;line-height:1.6}
.v5-preview{padding:20px 18px;border:1px solid;border-left:4px solid #7289ff;border-radius:13px;background:#0c1422;min-height:140px;overflow-wrap:anywhere}
.v5-preview h3{margin:0 0 12px;color:#ecf3ff;font-size:22px}
.v5-preview p{margin:0 0 12px;color:#bdcae3;line-height:1.65;font-size:13px;white-space:pre-wrap}
.v5-preview hr{border:0;border-top:1px solid #4c5971;margin:13px 0}
.v5-preview-media{display:flex;flex-direction:column;gap:10px;font-size:10px;text-transform:uppercase;color:#8ba3cf}
.v5-preview-media img{max-width:100%;height:auto;max-height:170px;border-radius:10px;object-fit:contain;object-position:left}
.v5-editor-body>.v5-actions{margin:14px 0 24px}
.v5-entry-list,.v5-template-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 18px}
.v5-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(133,159,211,.15);background:#0e1728;border-radius:12px}
.v5-entry strong{font-size:13px;color:#edf1fb}
.v5-entry p{margin:4px 0 0;color:#94a8c8;font-size:11px;overflow-wrap:anywhere}
.v5-entry .v5-actions{justify-content:flex-end}
.v5-accordion{margin:10px 0;border:1px solid rgba(130,157,208,.17);border-radius:12px;overflow:hidden;background:#101929}
.v5-accordion summary{padding:15px;color:#e3ecff;font-weight:730;font-size:12px;cursor:pointer;user-select:none}
.v5-accordion summary:hover{background:#1b2a46}
.v5-log-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:8px;border-top:1px solid rgba(132,159,203,.12);padding:10px 12px}
.v5-log-row .v5-field{margin:0}
.v5-log-row .v5-field>span{font-size:9px}
.v5-log-row .v5-field select{font-size:11px;min-height:36px;padding:7px}
.v5-role-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:400px;overflow-y:auto;padding:8px;border-radius:12px;background:#0d1727}
.v5-role-checks .v5-check{padding:8px;background:#17233a;border-radius:8px}
.v5-catalog-list{display:flex;flex-direction:column;gap:8px;max-height:650px;overflow-y:auto}
.v5-command-row{border:1px solid rgba(138,165,218,.16);padding:13px;border-radius:11px;background:#101929}
.v5-command-top{display:flex;gap:10px;justify-content:space-between;align-items:center}
.v5-command-top code{font-size:12px;color:#b9cdfc;overflow-wrap:anywhere}
.v5-command-top small{color:#8ca3cc;font-size:10px}
.v5-command-row p{margin:6px 0;color:#a0b1d0;font-size:12px}
@media(max-width:1050px){.v5-editor-grid{grid-template-columns:1fr}}
@media(max-width:650px){.v5-card{padding:15px}.v5-editor-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:11px;scrollbar-width:thin}.v5-editor-tabs .v5-btn{white-space:nowrap}.v5-log-row{grid-template-columns:1fr}.v5-role-checks{grid-template-columns:1fr}.v5-editor-body>.v5-actions .v5-btn{width:100%}}


/* V6 polish */
.dash-live-pill.offline{background:rgba(101,35,49,.32);border-color:rgba(223,104,132,.25);color:#ffd5df}
.dash-live-pill.offline .status-dot{background:#ff5d7b;box-shadow:0 0 0 6px rgba(255,93,123,.18)}
.dash-more-button{cursor:pointer}
.dash-extra-count.dash-more-button{border:1px solid rgba(128,154,224,.2);background:rgba(33,46,75,.78);border-radius:999px;padding:8px 11px;color:#b9ccfb;font-weight:760}
.dash-extra-count.dash-more-button:hover,.dash-extra-count.dash-more-button:focus-visible{background:#243a68;color:#edf3ff;outline:none}
.dash-selected-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dash-selected-role{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#1a2741;border:1px solid rgba(134,159,225,.18);border-radius:14px;color:#dce7ff;font-size:12px}
.dash-modal-chip{border-radius:12px;padding:6px 10px;cursor:pointer}
.dash-modal-chip-remove{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.08);margin-left:2px;font-size:12px;line-height:1}
.dash-role-choice{border-radius:14px;min-height:56px}
.dash-role-choice:hover,.dash-role-choice:focus-within{box-shadow:0 0 0 1px rgba(116,152,244,.18),0 8px 26px rgba(11,17,28,.24)}
.dash-role-remove{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:10px;background:rgba(255,255,255,.05);color:#bfd1ff;cursor:pointer}
.dash-role-remove:hover,.dash-role-remove:focus-visible{background:rgba(104,131,196,.22);outline:none;color:#fff}
.dash-dialog-actions .dash-button.primary{min-width:164px;min-height:48px;border-radius:14px}
.dash-server-trigger{padding:14px 16px;border-radius:16px;background:rgba(22,33,56,.85);border:1px solid rgba(126,154,218,.14)}
.dash-server-trigger:hover,.dash-server-trigger.is-open,.dash-server-trigger:focus-visible{background:#1d2d4a;border-color:rgba(131,166,248,.36)}
.dash-item,.dash-feature-card,.dash-metric,.dash-quicklink,.dash-panel,.v5-card,.v5-entry,.v5-command-row,.v5-block,.dash-server-option{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
@media (hover:hover) and (pointer:fine){
  .dash-item:hover,.dash-feature-card:hover,.dash-metric:hover,.dash-quicklink:hover,.v5-card:hover,.v5-entry:hover,.v5-command-row:hover,.v5-block:hover,.dash-server-option:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(4,8,20,.22);border-color:rgba(124,157,244,.28)}
}
.dash-item:active,.dash-feature-card:active,.dash-metric:active,.dash-quicklink:active,.v5-card:active,.v5-entry:active,.v5-command-row:active,.v5-block:active,.dash-server-option:active,.dash-role-choice:active,.v5-picker-row:active{transform:scale(.997);background:#1a2944}
.v5-picker-field .v5-picker-shell{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid rgba(135,161,218,.19);border-radius:16px;background:linear-gradient(180deg,#131d30,#11192a)}
.v5-picker-summary{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}
.v5-picker-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.v5-picker-empty{font-size:12px;color:#8da0c3}
.v5-picker-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 11px;border:1px solid rgba(139,161,221,.18);border-radius:13px;background:#1a2843;color:#e4ecff;font:inherit;font-size:12px;cursor:pointer}
.v5-picker-chip span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.v5-picker-chip-remove{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.08);font-size:12px;line-height:1}
.v5-picker-dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.v5-picker-actions{display:flex;gap:8px;flex-wrap:wrap}
.v5-picker-actions .v5-btn{min-height:38px;border-radius:12px}
.v5-picker-more{padding-inline:12px}
.v5-picker-panel{border:1px solid rgba(134,159,215,.15);border-radius:14px;background:#0f1726;padding:12px}
.v5-picker-search{display:flex;align-items:center;gap:10px;height:42px;margin-bottom:10px;padding:0 12px;border:1px solid rgba(140,164,215,.18);border-radius:12px;background:#162338}
.v5-picker-search input{background:transparent;border:0;outline:0;color:#eef4ff;font:inherit;width:100%}
.v5-picker-search-icon{font-size:13px;color:#88a0cb}
.v5-picker-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto;scrollbar-width:thin}
.v5-picker-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:52px;padding:12px;border:1px solid rgba(143,165,214,.13);border-radius:14px;background:#141f33;cursor:pointer}
.v5-picker-row:hover,.v5-picker-row:focus-within{background:#1a2944;border-color:rgba(121,154,241,.28);box-shadow:0 0 0 1px rgba(116,152,244,.14)}
.v5-picker-row input{width:16px;height:16px;accent-color:#7e9cff}
.v5-picker-row-copy{display:flex;align-items:center;gap:10px;min-width:0;color:#e7eefc}
.v5-picker-row-copy span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v5-picker-row-state{font-size:10.5px;font-weight:750;color:#9eb2db}
.v5-picker-row-remove{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:10px;background:rgba(255,255,255,.05);color:#c3d2fa;cursor:pointer}
.v5-picker-row-remove:hover,.v5-picker-row-remove:focus-visible{background:rgba(103,133,203,.2);outline:none;color:#fff}
.v5-picker-empty-row{display:grid;place-items:center;min-height:80px;border:1px dashed rgba(141,161,203,.18);border-radius:12px;color:#8fa4c8;font-size:12px}
@media(max-width:760px){.v5-picker-chip span:nth-child(2){max-width:120px}.v5-picker-row{grid-template-columns:18px minmax(0,1fr) auto}.v5-picker-row-state{display:none}.v5-picker-actions .v5-btn{flex:1}.dash-dialog-actions .dash-button.primary,.dash-dialog-actions .dash-button.outline{flex:1}}

/* V6.1 editor expansion */
.v61-check-field{min-height:42px;padding:9px 11px;background:#17243a;border:1px solid rgba(124,155,218,.17);border-radius:12px;margin-bottom:10px}
.v61-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.v61-setup-card{min-width:0;background:linear-gradient(155deg,#151f34,#101929);border:1px solid rgba(134,163,228,.16);padding:18px;border-radius:16px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.v61-setup-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v61-setup-top h4{margin:0;font-weight:780;font-size:15px;letter-spacing:-.02em;color:#ecf2ff}
.v61-setup-card>p{margin:12px 0}
.v61-setup-badge{padding:5px 8px;font-size:10px;font-weight:730;letter-spacing:.02em;border-radius:9px;background:#263758;color:#c8d9ff;white-space:nowrap}
.v61-setup-badge.web_editor{background:#163e38;color:#a8f0d9}
.v61-setup-badge.needs_source,.v61-setup-badge.not_loaded{background:#3d3042;color:#edc7dc}
.v61-setup-commands{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.v61-command-pill{min-height:30px!important;padding:5px 9px!important;font:500 11px ui-monospace,monospace!important;max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:left}
.v61-source-note{font-size:11px!important;color:#bfabd1!important;line-height:1.5}
.v61-setup-card .v5-actions{margin-top:16px}
@media(hover:hover) and (pointer:fine){.v61-setup-card:hover{transform:translateY(-2px);border-color:rgba(136,171,247,.4);background:#1a2a44;box-shadow:0 15px 32px rgba(4,9,26,.23)}}
.v61-setup-card:active{background:#223454;border-color:#83a8f8}
@media(max-width:850px){.v61-setup-grid{grid-template-columns:1fr}}
@media(max-width:600px){.v61-setup-card{padding:14px}.v61-setup-commands{gap:7px}.v61-command-pill{min-height:38px!important}}

/* Cloudflare Turnstile login security · v6.2 */
.dash-turnstile-gate{margin:22px auto 16px;padding:18px;border:1px solid rgba(133,166,234,.25);border-radius:17px;background:linear-gradient(155deg,rgba(23,37,66,.9),rgba(14,22,37,.96));max-width:430px;text-align:left}
.dash-turnstile-gate[hidden],.dash-turnstile-error[hidden]{display:none!important}
.dash-turnstile-header{display:flex;align-items:center;gap:9px;color:#e8efff;font-size:14px}
.dash-turnstile-header>span{color:#9cb8ff;font-size:18px}
.dash-turnstile-gate p{margin:9px 0 14px;text-align:left;font-size:12px;line-height:1.5;color:#aebddd}
.dash-turnstile-widget{display:flex;align-items:center;justify-content:center;min-height:65px;max-width:100%;overflow:visible}
.dash-turnstile-error{color:#ffc4d1!important;margin-bottom:0!important}
#discord-signin-button{cursor:pointer;margin-top:10px;min-width:min(100%,250px)}
@media(max-width:480px){.dash-turnstile-gate{padding:13px}.dash-turnstile-widget{justify-content:flex-start}#discord-signin-button{width:100%}}

/* Modules load recovery and accessible tap/hover response */
.dash-retry-modules { align-self:flex-start; margin-top:14px; min-height:44px; }
.dash-retry-modules:hover,.dash-retry-modules:focus-visible { box-shadow:0 0 0 3px rgba(105,144,245,.18); }