/* Skynner workspace UI. Presentation only; existing API contracts are unchanged. */
:root { color-scheme: dark; --bg:#0b101b; --panel:#121a29; --sidebar:#0e1522; --field:#0d1421; --ink:#edf2fc; --muted:#9caac1; --line:#263146; --accent:#9ab4ff; --button:#4775ee; --soft:#1d2c4e; --shadow:0 12px 36px #00000018; }
:root[data-theme="light"] { color-scheme:light; --bg:#f3f5fa; --panel:#fff; --sidebar:#fff; --field:#f7f9fc; --ink:#19243a; --muted:#5b6980; --line:#dce2ed; --accent:#315ecc; --button:#315ecc; --soft:#eaf0ff; --shadow:0 8px 26px #23396008; }
:root {--button-ink:#fff;--hero:#17284b;--hero-border:#344d7b;--brand:#4775ee;--logo-light:#9cbeff;--logo-dark:#416bd3;--hero-ink:#d5e2ff;--hero-text:#b9c9e8}
:root[data-accent="yellow"] {--accent:#f4d661;--button:#f2cf50;--button-ink:#211b06;--soft:#352f1a;--hero:#332b14;--hero-border:#685a2b;--brand:#f2cf50;--logo-light:#fff0a5;--logo-dark:#d5a925;--hero-ink:#fff1b4;--hero-text:#dfd2a6}
:root[data-accent="red"] {--accent:#ff9c9c;--button:#bd303e;--soft:#3b202b;--hero:#381e2a;--hero-border:#774052;--brand:#bd303e;--logo-light:#ffc2c2;--logo-dark:#ce5262;--hero-ink:#ffd6dc;--hero-text:#e6bfc7}
:root[data-accent="pink"] {--accent:#f7a5d3;--button:#a52c70;--soft:#362039;--hero:#321d39;--hero-border:#6e4173;--brand:#a52c70;--logo-light:#ffd0ed;--logo-dark:#ca64a7;--hero-ink:#ffd9ef;--hero-text:#e2bcd9}
:root[data-theme="light"][data-accent="yellow"] {--accent:#775400;--button:#f2cf50;--soft:#fff5cb}
:root[data-theme="light"][data-accent="red"] {--accent:#ab2536;--soft:#ffe9ed}
:root[data-theme="light"][data-accent="pink"] {--accent:#a02770;--soft:#ffe8f6}
.skynner-ui .brand-mark {background:var(--brand);color:var(--button-ink)}
.skynner-ui button,.skynner-ui .btn-primary,.skynner-ui .btn-login {color:var(--button-ink)}
* {box-sizing:border-box}
html {min-width:320px; scroll-behavior:smooth}
body.skynner-ui {margin:0; min-height:100vh; height:auto; overflow:auto; display:block; background:var(--bg); color:var(--ink); font:15px/1.55 Inter, "Segoe UI", Arial,sans-serif;}
.skynner-ui h1,.skynner-ui h2,.skynner-ui h3 {color:var(--ink); text-shadow:none; letter-spacing:-.035em; line-height:1.2; margin:0 0 12px}
.skynner-ui p {margin:0 0 14px}
.skynner-ui a {color:var(--accent)}
.skynner-ui :focus-visible {outline:3px solid var(--accent); outline-offset:4px}
.skynner-ui [hidden],.skynner-ui .hidden {display:none!important}
.skynner-ui .nav-panel {position:fixed; inset:0 auto 0 0; width:238px; height:100dvh; padding:32px 20px 24px; background:var(--sidebar); border:0; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:34px; box-shadow:none; backdrop-filter:none; z-index:30; overflow-y:auto;}
.skynner-ui .brand {font-size:18px; font-weight:800; display:flex; align-items:center; gap:11px; color:var(--ink); letter-spacing:1px; text-shadow:none; white-space:nowrap}
.brand-mark {display:grid; place-items:center; width:34px; height:36px; border-radius:11px; background:#4775ee; color:white; font-size:23px; font-weight:900; font-style:italic}
.brand-word small {display:block; color:var(--muted); font-size:9px; font-weight:500; letter-spacing:3.5px; margin-top:-1px}
.nav-caption,.eyebrow {font-size:10px; letter-spacing:2px; font-weight:700; color:var(--muted); text-transform:uppercase}
.nav-caption {margin:0 14px 14px}
.skynner-ui .nav-panel nav a {display:flex; gap:12px; align-items:center; min-height:47px; padding:12px 14px; margin:0 0 6px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--muted); font-size:14px; font-weight:500; box-shadow:none; text-decoration:none; transition:background .15s;}
.skynner-ui .nav-panel nav a i {color:inherit; width:18px; font-size:15px}
.skynner-ui .nav-panel nav a:hover {transform:none; background:var(--soft); color:var(--ink); border-color:transparent}
.skynner-ui .nav-panel nav a.active {background:var(--soft); color:var(--accent); border:1px solid var(--line); box-shadow:none; font-weight:650}
.skynner-ui .nav-panel nav a.logout {margin-top:28px; border-top:1px solid var(--line); border-radius:0; padding-top:20px}
.sidebar-foot {margin-top:auto; padding:18px 12px 0; border-top:1px solid var(--line); font-size:12px; color:var(--muted)}
.sidebar-foot strong {display:block; margin-bottom:4px; color:var(--ink); font-weight:600}
.skynner-ui .page,.skynner-ui .main {margin:0 0 0 238px; width:calc(100% - 238px); max-width:none; padding:30px clamp(22px,4vw,64px) 42px; min-height:100vh; overflow:visible; background:none; flex:unset;}
.workspace-bar {display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:40px; margin-bottom:32px; color:var(--muted); font-size:12px}
.workspace-bar .breadcrumb {display:flex; gap:12px; align-items:center}
.workspace-bar .breadcrumb strong {color:var(--ink); font-weight:500}
.ui-tools {display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.skynner-ui button,.skynner-ui .btn-primary,.skynner-ui .btn-login {font-family:inherit; background:var(--button); color:white; border:1px solid transparent; border-radius:9px; padding:11px 17px; font-size:13px; line-height:1.4; min-height:42px; font-weight:600; cursor:pointer; text-transform:none; letter-spacing:0; box-shadow:none; transition:filter .15s; animation:none;}
.skynner-ui button:hover {filter:brightness(1.1); transform:none; box-shadow:none}
.skynner-ui button:disabled {opacity:.5; cursor:not-allowed}
.skynner-ui .ui-button,.skynner-ui .btn-secondary {width:auto; background:var(--panel); color:var(--ink); border:1px solid var(--line); padding:9px 13px; min-height:40px; margin:0; font-size:12px}
.skynner-ui .topbar,.skynner-ui .header {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:0; margin:0 0 28px; background:none; border:0; box-shadow:none; backdrop-filter:none; border-radius:0;}
.skynner-ui .topbar h1,.skynner-ui .header h1 {font-size:30px; font-weight:650; color:var(--ink); text-shadow:none; margin:0}
.skynner-ui .timebox,.skynner-ui .clock,#clockDisplay {background:none; color:var(--muted); border:0; padding:0; font-size:12px; font-family:inherit; font-weight:400}
.muted,.section-sub {color:var(--muted); font-size:13px}
.overview-heading {margin-bottom:28px}
.overview-heading h1 {font-size:32px; margin-bottom:8px}
.skynner-ui .hero {position:relative; isolation:isolate; overflow:hidden; padding:32px 34px; min-height:200px; background:#17284b; border:1px solid #344d7b; border-radius:16px; color:#eef3ff; display:flex; align-items:center; margin:0 0 24px;}
.hero-copy {max-width:75%; z-index:1}
.skynner-ui .hero h2 {color:#f7f9ff; font-size:30px; line-height:1.2; max-width:460px; margin:9px 0 12px}
.hero p {color:#b9c9e8; max-width:440px; font-size:13px}
.hero .eyebrow {color:#aac3ff}
.hero-art {position:absolute; right:25px; top:50%; transform:translateY(-50%); width:200px; height:200px; border:1px solid #6389d744; border-radius:50%; display:grid; place-items:center; color:#b8ceff; font-size:56px; font-weight:800; font-style:italic;}
.hero-art::before,.hero-art::after {content:"";position:absolute;inset:23px;border:1px solid #7194d866;border-radius:50%}
.hero-art::after {inset:47px; background:#3b5f9c22}
.greeting-dot {color:var(--accent)}
.nav-glyph {width:18px; font-size:18px; text-align:center;line-height:1}
.metric-icon {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#20355c;color:#b4ccff;font-size:15px}
.metric-icon.lilac {background:#302a48;color:#c4b2f1}
.metric-icon.mint {background:#183b3b;color:#9fdbcf}
.metric-unit {margin-left:auto;font-size:9px;border:1px solid var(--line);padding:2px 6px;border-radius:5px;color:var(--muted)}
.section-heading {display:flex;justify-content:space-between;align-items:center;gap:14px}
.section-heading .eyebrow,.detail-grid>.tile>.eyebrow {font-size:9px;margin-bottom:9px}
.section-symbol {font-size:27px;color:var(--accent)}
.orbit-scene {position:absolute;right:35px;top:50%;transform:translateY(-50%);width:250px;height:250px;}
.orbit {position:absolute;border:1px solid #9dbbff4d;border-radius:50%;inset:0;transform:rotate(-30deg) scaleY(.7)}
.orbit-two {transform:rotate(40deg) scaleY(.7);inset:14px;border-color:#93c3ff77}
.orbit-three {transform:rotate(100deg) scaleY(.7);inset:0}
.orbit-core {position:absolute;inset:65px;border-radius:30px;transform:rotate(-10deg);display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(140deg,#9cbeff,#416bd3);border:1px solid #bfdaff;box-shadow:12px 18px 35px #030c3460,inset 2px 2px 8px #d4e6ff55;color:#102953;font-size:68px;font-weight:850;font-style:italic;line-height:.85}
.orbit-core span {font-size:9px;letter-spacing:2px;font-style:normal;margin-top:12px}
.orbit-node {position:absolute;background:#203762;border:1px solid #658ed0;box-shadow:0 6px 15px #05132966;border-radius:11px;width:35px;height:35px;display:grid;place-items:center;color:#d8e7ff;font-size:20px;}
.node-one {right:8px;top:26px}.node-two {left:8px;bottom:31px}.node-three {bottom:6px;right:25px;width:25px;height:25px;font-size:15px}
.hero-art span {position:relative;z-index:1}
.skynner-ui .hero .ui-link {background:#edf3ff; color:#172c53!important; border-color:#edf3ff;}
.ui-link {display:inline-flex; gap:12px; align-items:center; padding:10px 16px; border-radius:8px; border:1px solid var(--line); text-decoration:none; font-size:12px; font-weight:600; color:var(--ink)!important;}
.skynner-ui .cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:24px}
.skynner-ui .tile,.skynner-ui .card,.skynner-ui .table-card {background:var(--panel); border:1px solid var(--line); border-radius:13px; padding:24px; box-shadow:var(--shadow); backdrop-filter:none; margin:0; min-width:0; width:auto; animation:none;}
.skynner-ui .tile:hover,.skynner-ui .card:hover {transform:none; border-color:var(--line); box-shadow:var(--shadow)}
.skynner-ui .tile.big {grid-column:span 1; border-color:var(--line)}
.skynner-ui .tile-head {display:flex; align-items:center; gap:9px; color:var(--muted); font-size:12px; text-transform:none; letter-spacing:0; margin-bottom:18px; font-weight:500}
.skynner-ui .tile-head i {color:var(--accent); font-size:15px}
.skynner-ui .tile-value {font-size:27px; font-weight:650; letter-spacing:-.5px; color:var(--ink); overflow-wrap:anywhere; margin:0 0 8px;}
.stat-foot {font-size:11px; color:var(--muted); display:flex; align-items:center; justify-content:space-between; gap:8px}
.stat-foot a {text-decoration:none}
.detail-grid {display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}
.section-title {font-size:16px!important; margin-bottom:6px!important; letter-spacing:-.3px!important}
.credentials-form {margin-top:22px}
.skynner-ui label {display:block; color:var(--muted); text-transform:none; font-size:12px; font-weight:550; margin:16px 0 7px; letter-spacing:0;}
.skynner-ui input,.skynner-ui select {display:block; width:100%; min-width:0; min-height:44px; font:14px/1.4 inherit; font-family:inherit; padding:11px 13px!important; background:var(--field)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:8px!important; outline-offset:3px; margin:0!important; box-shadow:none!important;}
.skynner-ui input:focus,.skynner-ui select:focus {border-color:var(--accent)!important; outline:2px solid var(--accent);}
.skynner-ui input::placeholder {color:var(--muted); opacity:1}
.skynner-ui input[readonly] {font-family:Consolas,monospace; font-size:13px}
.skynner-ui .password-field {display:flex; gap:8px; align-items:center}
.password-field input {flex:1; width:0!important}
.password-field button {flex-shrink:0}
.credential-note {margin-top:18px!important; padding-top:16px; border-top:1px solid var(--line); font-size:11px; color:var(--muted)}
.action-list {display:flex;flex-direction:column;margin-top:18px}
.action-list a {display:flex; align-items:center; gap:13px; padding:17px 0; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink)}
.action-list a:last-child {border-bottom:0}
.action-icon {height:36px;width:36px;border:1px solid var(--line);border-radius:9px;background:var(--soft);display:grid;place-items:center;color:var(--accent);flex-shrink:0;font-size:17px}
.action-list strong {display:block;font-size:13px;font-weight:600}
.action-list small {display:block;color:var(--muted);font-size:11px;margin-top:2px}
.action-list .arrow {margin-left:auto;color:var(--muted)}
.page-foot {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap; margin-top:30px; padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.skynner-ui .content {display:grid; grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; width:auto; padding:0; max-width:none}
.skynner-ui .card h3 {font-size:17px; color:var(--ink);text-transform:none}
.skynner-ui form button[type=submit] {margin-top:18px}
.skynner-ui #saveCallerIdBtn,.skynner-ui #saveSipBtn {background:var(--button)!important;border-radius:9px!important;}
.skynner-ui #currentPlan {color:var(--ink)!important}
.skynner-ui .tabs {display:flex;gap:8px;margin-bottom:20px}
.skynner-ui .tab {background:transparent;color:var(--muted);border:1px solid var(--line);}
.skynner-ui .tab.active {background:var(--soft);color:var(--accent);box-shadow:none;}
.skynner-ui .table-card {overflow:auto; padding:0}
.skynner-ui table {width:100%;border-collapse:collapse;font-size:12px;margin:0; background:var(--panel);color:var(--ink);}
.skynner-ui th,.skynner-ui td {padding:16px 18px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;white-space:nowrap;}
.skynner-ui th {font-size:10px;text-transform:uppercase;letter-spacing:.8px;background:var(--field);color:var(--muted);}
.skynner-ui tbody tr:hover {background:var(--soft)}
.skynner-ui .card:has(.payments-table) {grid-column:1/-1;overflow:auto}
.ui-help {margin-top:24px;border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:var(--panel);font-size:13px}
.ui-help summary {cursor:pointer;color:var(--ink);font-weight:600}
.ui-help p {color:var(--muted);margin:15px 0 0;max-width:720px}
.skip-link {position:fixed;left:16px;top:-70px;z-index:100;background:var(--panel);padding:12px;border:2px solid var(--accent);border-radius:8px}
.skip-link:focus {top:12px}
.skynner-ui .mobile-menu {display:none}
.skynner-ui .auth-container {min-height:100vh;width:100%;max-width:none;display:flex;align-items:center;justify-content:center;padding:90px 24px 60px;background:var(--bg);animation:none;opacity:1;transform:none;}
.skynner-ui .auth-card,.skynner-ui .login-container {width:100%;max-width:450px;padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);animation:none;backdrop-filter:none;}
.skynner-ui .login-container {margin:100px auto;}
.skynner-ui .auth-title,.skynner-ui .login-title {font-size:29px;text-align:left;text-transform:none;color:var(--ink);letter-spacing:-1px;text-shadow:none;margin-bottom:10px}
.skynner-ui .auth-sub {color:var(--muted);font-size:13px;text-align:left;margin-bottom:25px}
.skynner-ui .auth-card .brand {margin-bottom:35px}
.skynner-ui .form-group,.skynner-ui .input-group {margin-bottom:17px}
.skynner-ui .auth-card form>button,.skynner-ui .login-container form>button {width:100%}
.skynner-ui .auth-links,.skynner-ui .extra-links {display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:12px}
.skynner-ui .auth-links a,.skynner-ui .extra-links a {color:var(--accent);text-decoration:none;}
.auth-tools {position:absolute;top:20px;right:24px}
.skynner-ui .auth-container {background:radial-gradient(ellipse at 25% 10%,#2c477b33,transparent 60%),var(--bg)}
.skynner-ui .overlay {position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;padding:20px;}
.skynner-ui .modal-card {background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;width:100%;max-width:420px;padding:30px;box-shadow:var(--shadow)}
.skynner-ui .modal-card button {margin-top:16px}
.skynner-ui .modal-sub {color:var(--muted)}
.preview-banner {position:sticky;top:0;z-index:70;background:#f9d778;color:#302507;text-align:center;padding:8px 16px;font-size:12px;}
.preview-banner~.nav-panel {top:35px;height:calc(100dvh - 35px)}
.preview-banner~.auth-tools {top:70px}
@media(min-width:1500px) {.skynner-ui .page,.skynner-ui .main {padding-left:70px;padding-right:70px}.hero {min-height:230px!important}}
@media(max-width:1100px) {.skynner-ui .nav-panel {width:205px;padding:26px 14px}.skynner-ui .page,.skynner-ui .main {margin-left:205px;width:calc(100% - 205px);padding:24px}.skynner-ui .tile-value{font-size:23px}.skynner-ui .tile{padding:20px}.hero-art{right:-45px;opacity:.7}.hero-copy{max-width:85%}}
@media(max-width:760px) {.skynner-ui .nav-panel {position:static;width:100%;height:auto;min-height:0;padding:16px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line);}.skynner-ui .nav-panel nav,.skynner-ui .sidebar-foot {display:none}.skynner-ui .nav-panel.menu-open nav{display:block}.skynner-ui .nav-panel.menu-open .sidebar-foot{display:block}.skynner-ui .mobile-menu {display:block;position:absolute;right:20px;top:15px;}.skynner-ui .page,.skynner-ui .main {margin:0;width:100%;padding:22px 20px}.workspace-bar {margin-bottom:24px;gap:8px;flex-wrap:wrap}.skynner-ui .cards {grid-template-columns:1fr;gap:12px}.skynner-ui .tile-value{font-size:26px}.detail-grid,.skynner-ui .content {grid-template-columns:1fr}.skynner-ui .hero{padding:25px;min-height:220px}.skynner-ui .hero h2{font-size:26px}.hero-copy{max-width:100%}.hero-art{opacity:.25;right:-70px}.overview-heading h1{font-size:27px}.skynner-ui .topbar h1,.skynner-ui .header h1{font-size:25px}.stat-foot{font-size:12px}.skynner-ui .auth-card{padding:28px}.skynner-ui .login-container{width:calc(100% - 32px);padding:28px}.breadcrumb{font-size:11px}.preview-banner~.nav-panel .mobile-menu{top:50px}}
@media(prefers-reduced-motion:reduce) {*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px) {.orbit-scene{right:0;transform:translateY(-50%) scale(.8);transform-origin:right center}.hero-copy{max-width:75%}}
@media(max-width:760px) {.orbit-scene{right:-80px;opacity:.22}.hero-copy{max-width:100%}}

/* Personalized accents and workspace utilities. */
.skynner-ui .hero {background:var(--hero);border-color:var(--hero-border)}
.hero .eyebrow {color:var(--hero-ink)}
.hero p {color:var(--hero-text)}
.orbit-core {background:linear-gradient(140deg,var(--logo-light),var(--logo-dark));color:#15223a}
.orbit-node {background:var(--hero);border-color:var(--hero-border);color:var(--hero-ink)}
.orbit {border-color:var(--hero-border)}
.skynner-ui button:not(.ui-button):not(.btn-secondary) {color:var(--button-ink)}
.skynner-ui #saveCallerIdBtn,.skynner-ui #saveSipBtn {color:var(--button-ink)!important}
.skynner-ui {font-size:16px}
.skynner-ui .nav-panel nav a,.skynner-ui label,.skynner-ui button,.skynner-ui .ui-button,.skynner-ui .ui-link,.section-sub,.muted {font-size:14px}
.skynner-ui .tile-head,.stat-foot,.action-list strong,.action-list small {font-size:14px}
.credential-note,.skynner-ui .eyebrow,.nav-caption,.support-label,.page-foot {font-size:12px}
.auth-tools {display:flex;gap:8px;align-items:flex-start}
.appearance-settings {position:relative;z-index:65}
.appearance-settings>summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:42px;font-size:14px}
.appearance-settings>summary::after {content:'⌄';font-size:14px;color:var(--muted)}
.appearance-settings>summary::-webkit-details-marker {display:none}
.appearance-panel {position:absolute;right:0;top:calc(100% + 10px);width:310px;max-height:70dvh;overflow:auto;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 65px #0005;color:var(--ink)}
.appearance-panel h2 {font-size:18px;letter-spacing:-.4px}
.appearance-panel p {font-size:13px}
.color-options {border:0;padding:0;margin:18px 0}
.color-options legend {font-size:14px;color:var(--ink);font-weight:600;padding:0;margin-bottom:10px}
.skynner-ui label.color-choice {display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;margin:6px 0;color:var(--ink);cursor:pointer}
.skynner-ui label.color-choice:has(input:checked) {border-color:var(--accent);background:var(--soft)}
.skynner-ui .appearance-panel input[type=radio],.skynner-ui .appearance-panel input[type=checkbox] {width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;flex-shrink:0;accent-color:var(--button);appearance:auto}
.color-dot {width:17px;height:17px;border-radius:50%;background:#4775ee;flex-shrink:0}
.color-dot[data-color=yellow] {background:#f2cf50}
.color-dot[data-color=red] {background:#e95868}
.color-dot[data-color=pink] {background:#df69ad}
.skynner-ui label.preference-toggle {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.appearance-panel>.ui-button {width:100%;margin-top:14px}
.page-finder {width:min(540px,calc(100vw - 32px));max-height:80dvh;overflow:auto;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:0 25px 100px #0008;margin:auto}
.page-finder::backdrop {background:#020712b8;backdrop-filter:blur(4px)}
.finder-top {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.finder-top h2 {margin:0;font-size:22px}
.finder-results {margin-top:18px;display:grid;gap:7px}
.finder-results a {display:block;text-decoration:none;border:1px solid var(--line);padding:13px 15px;border-radius:9px;color:var(--ink)}
.finder-results a:hover {background:var(--soft);border-color:var(--accent)}
.finder-results strong {display:block;font-size:15px;font-weight:600}
.finder-results small {display:block;color:var(--muted);font-size:13px;margin-top:3px}
.workspace-extras {margin-top:28px;scroll-margin-top:24px}
.workspace-extras>h2 {font-size:23px;margin-bottom:8px}
.workspace-extras-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;align-items:start}
.workspace-extras-grid h3 {font-size:18px;letter-spacing:-.3px}
.workspace-extras-grid .tile {min-width:0}
.favorite-pages {display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.favorite-pages .ui-link {font-size:14px;padding:9px 12px}
.workspace-options {border-top:1px solid var(--line);padding-top:14px;margin-top:16px}
.workspace-options summary {font-size:14px;color:var(--accent);cursor:pointer;margin-bottom:12px}
.skynner-ui .workspace-check {display:flex;gap:10px;align-items:center;color:var(--ink);font-size:14px;padding:9px 0;margin:0}
.skynner-ui .workspace-check input[type=checkbox] {width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;accent-color:var(--button);flex-shrink:0}
.workspace-time {display:block;font-size:clamp(22px,2.4vw,34px);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:650;color:var(--accent);margin:15px 0 5px}
.workspace-extras .clock-note {font-size:12px;color:var(--muted);margin:14px 0 0}
.workspace-extras progress {display:block;width:100%;height:9px;accent-color:var(--button);margin:20px 0 10px;border:0;border-radius:10px;overflow:hidden;background:var(--soft)}
.workspace-extras progress::-webkit-progress-bar {background:var(--soft)}
.workspace-extras progress::-webkit-progress-value {background:var(--button)}
.workspace-extras progress::-moz-progress-bar {background:var(--button)}
@media(max-width:1100px) {.workspace-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px) {.workspace-extras-grid{grid-template-columns:1fr}.workspace-time{font-size:32px}}
.whatsapp-support {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;margin-top:24px;background:var(--panel);border:1px solid var(--line);border-left:3px solid #49b991;border-radius:13px;scroll-margin-top:28px}
.support-label {font-weight:650;letter-spacing:1.4px;color:#76cfae}
.whatsapp-support h2 {font-size:21px;margin:8px 0}
.whatsapp-support p {color:var(--muted);font-size:14px;max-width:510px;margin:0}
.skynner-ui .whatsapp-link {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#176c50;border:1px solid #428b71;border-radius:9px;padding:13px 19px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;min-height:46px}
.whatsapp-link:hover {background:#1c7c5c}
.support-pending small {display:block;color:var(--muted);font-size:12px;margin-top:8px}
:root[data-density=compact] .skynner-ui .tile,:root[data-density=compact] .skynner-ui .card {padding:17px}
:root[data-density=compact] .skynner-ui .cards,:root[data-density=compact] .detail-grid {gap:12px}
:root[data-density=compact] .skynner-ui .action-list a {padding:12px 0}
:root[data-density=compact] .skynner-ui .hero {min-height:180px!important;padding:22px 28px}
:root[data-density=compact] .skynner-ui .overview-heading {margin-bottom:18px}
:root[data-text=large] .skynner-ui :is(p,a,label,button,summary,input,select,.tile-head,.stat-foot,small) {font-size:17px!important;line-height:1.6}
:root[data-text=large] .skynner-ui .brand-word small {font-size:10px!important}
:root[data-text=large] .skynner-ui .hero-copy {max-width:70%}
@media(max-width:1000px) {.workspace-bar{align-items:flex-start;flex-wrap:wrap}.ui-tools{max-width:100%}.whatsapp-support{align-items:flex-start;flex-direction:column}}

/* Login-only atmospheric motion. Never animates the form or blocks input. */
.dashboard-customization {border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:22px 0;padding:18px 22px}
.dashboard-customization summary {font-size:16px;font-weight:650;cursor:pointer;min-height:28px}
.dashboard-customization p,.summary-notice {font-size:14px;line-height:1.6}
.summary-notice {color:var(--muted);border-left:3px solid var(--accent);padding:12px 16px;margin:14px 0}
.customize-rows{margin:18px 0}.customize-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 0}
.skynner-ui .customize-check {display:flex;align-items:center;gap:12px;font-size:16px;flex:1;margin:0;min-height:44px}
.skynner-ui .customize-check input {width:20px;height:20px;min-width:20px;flex:0 0 20px;margin:0;padding:0;accent-color:var(--button)}
.overview-private #dashUsername,.overview-private .cards .tile-value,.overview-private .credentials-form,.overview-private .credentials-form * {visibility:hidden!important}
.skynner-ui .cards>[hidden],.summary-notice[hidden] {display:none!important}
@media(max-width:480px){.customize-row{flex-wrap:wrap}.customize-row>.customize-check{flex-basis:100%}.dashboard-customization{padding:16px}.customize-row>.ui-button{flex:1}}
.has-floating-support {padding-bottom:100px!important}
.skynner-ui .floating-support {position:fixed;right:22px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:70;background:#176c50;color:#fff;border:1px solid #66a38d;border-radius:999px;box-shadow:0 8px 24px #0004;padding:14px 24px;min-height:48px;display:inline-flex;align-items:center;text-decoration:none;font-size:16px;font-weight:700;box-sizing:border-box}
.skynner-ui .floating-support:hover {background:#205f4a}
.service-shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.skynner-ui .service-shortcut {display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--ink);text-decoration:none;min-width:0;overflow-wrap:anywhere}
.service-shortcut strong {font-size:18px}.service-shortcut small{font-size:14px;color:var(--muted);line-height:1.6}.shortcut-number{font-size:14px;color:var(--accent);font-weight:700}
.start-steps {padding-left:23px}.start-steps li{padding:0 0 12px 8px}.start-steps li::marker{color:var(--accent);font-weight:700}.start-steps p{margin:6px 0 0;color:var(--muted)}
.support-hub .balance-toggle{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px}.support-hub .balance-toggle input{width:20px;height:20px;padding:0;flex-shrink:0}
.balance-state{border:1px solid var(--line);padding:14px;border-radius:9px}.balance-state[data-level=low]{border-color:#ad861b;background:#e5b93619}
@media(max-width:680px){.service-shortcuts{grid-template-columns:minmax(0,1fr)}.skynner-ui .floating-support{right:16px;padding:12px 20px}.has-floating-support{padding-bottom:105px!important}}
.skynner-ui .support-hub {margin:34px 0;scroll-margin-top:110px}
.skynner-ui:not(:has(.nav-panel))>.support-hub {max-width:1210px;margin:0 auto 60px;padding:0 30px}
.hub-heading {margin-bottom:24px;max-width:700px}
.skynner-ui .hub-heading h2 {font-size:clamp(26px,3vw,38px);line-height:1.2;margin:8px 0 14px}
.hub-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hub-card {min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:28px;overflow-wrap:anywhere}
.skynner-ui .hub-card h3 {font-size:22px;line-height:1.3;margin:12px 0 16px}
.skynner-ui .hub-card p,.skynner-ui .hub-card li {font-size:16px;line-height:1.65}
.hub-tag {font-size:12px;letter-spacing:.09em;color:var(--muted);font-weight:700}
.hub-updates {padding-left:20px;margin:18px 0}.hub-updates li+li{margin-top:12px}
.skynner-ui .hub-note {font-size:14px;color:var(--muted);line-height:1.6}
.hub-question {border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.hub-question summary {cursor:pointer;font-size:16px;line-height:1.5;font-weight:600;min-height:40px}
.hub-question[open] summary {margin-bottom:12px}
.support-hub input,.support-hub select,.support-hub textarea {width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit;box-sizing:border-box}
.support-hub textarea {resize:vertical;min-height:110px}.support-hub label{display:block;font-size:14px;margin:14px 0 8px}
.help-request .whatsapp-link {width:100%;cursor:pointer}
.hub-pending {display:inline-block;border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:14px;color:var(--muted)}
.hub-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.hub-footer small {font-size:14px;color:var(--muted);max-width:650px;line-height:1.6}
.language-control {display:flex;align-items:center;gap:7px;font-size:14px!important;margin:0!important}
.language-control>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.language-control select {color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;min-height:44px;font:inherit;max-width:140px}
.skynner-ui .ui-tools {flex-wrap:wrap}.skynner-ui .auth-tools>a.ui-button {text-decoration:none}
.support-hub [hidden] {display:none!important}
@media(max-width:760px){.hub-grid{grid-template-columns:minmax(0,1fr)}.hub-card{padding:22px}.skynner-ui:not(:has(.nav-panel))>.support-hub{padding:0 22px}.hub-footer{align-items:flex-start;flex-direction:column}.cinematic-login .auth-tools{gap:6px}.language-control select{min-height:40px;font-size:13px}}
.skynner-ui .login-support {margin-top:24px;padding-top:20px;border-top:1px solid var(--line);text-align:center}
.skynner-ui .login-support p {margin:0 0 12px;color:var(--muted);font-size:14px}
.skynner-ui .login-support .whatsapp-link {width:100%;box-sizing:border-box}
.cinematic-login {isolation:isolate;position:relative}
.login-ambient {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:var(--bg)}
.aurora {position:absolute;width:65vmax;height:55vmax;border-radius:50%;filter:blur(80px);opacity:.27;will-change:transform;animation:aurora-drift 24s ease-in-out infinite alternate;}
.aurora-a {top:-30%;left:-25%;background:radial-gradient(ellipse,#4e66ff 0%,#824de6 38%,transparent 68%)}
.aurora-b {bottom:-35%;right:-25%;background:radial-gradient(ellipse,#dc47b5 0%,#6844e5 38%,transparent 68%);animation-delay:-12s;animation-duration:29s}
.aurora-c {top:5%;left:25%;background:radial-gradient(ellipse,#23c4cf 0%,#366fd7 35%,transparent 65%);opacity:.15;animation-delay:-7s;animation-duration:33s}
.ambient-grid {position:absolute;inset:0;background-image:linear-gradient(#839bcb10 1px,transparent 1px),linear-gradient(90deg,#839bcb10 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(transparent,#0008,transparent)}
.skynner-ui .auth-container.login-stage {position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(30px,6vw,100px);max-width:1320px;min-height:100dvh;margin:0 auto;padding:115px 55px 65px;background:transparent;}
.login-intro {min-width:0}
.login-intro .login-kicker {font-size:12px;letter-spacing:3px;font-weight:600;color:var(--muted);margin-bottom:30px}
.skynner-ui .login-intro h1 {font-size:clamp(46px,6.2vw,86px);font-weight:750;line-height:1.07;letter-spacing:-.055em;margin:0 0 26px;}
.login-intro h1>span {display:block;padding-bottom:.04em}
.spectrum-text {color:#a2a9ff;background:linear-gradient(100deg,#9bbdff 0%,#d0a3ff 22%,#f7a2d7 44%,#f4d792 64%,#83d7db 82%,#9bbdff 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:spectrum-flow 20s ease-in-out infinite alternate}
.login-intro .login-description {font-size:17px;max-width:360px;line-height:1.8;color:var(--muted)}
.spectrum-line {height:2px;width:min(250px,80%);margin:36px 0 22px;background:linear-gradient(90deg,#719bff,#d989d4,#efc773,#68c9d2);background-size:240% 100%;animation:spectrum-flow 20s ease-in-out infinite alternate}
.login-intro .login-signature {font-size:12px;letter-spacing:3px;color:var(--muted)}
.cinematic-login .auth-card {position:relative;justify-self:end;max-width:455px;width:100%;padding:38px;overflow:visible;background:var(--panel);border-color:var(--line);box-shadow:0 30px 80px #0004;}
.cinematic-login .auth-card::before {content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:linear-gradient(115deg,#83a5ff,#c474d5,#eecb80,#75cbd3,#83a5ff);background-size:300% 300%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;animation:border-spectrum 22s ease-in-out infinite alternate;opacity:.8}
.cinematic-login .auth-card .brand {margin-bottom:30px}
.cinematic-login .auth-tools {position:absolute;top:24px;right:30px;z-index:66;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 40px)}
.cinematic-login .preview-banner~.auth-tools {top:70px}
:root[data-theme=light] .spectrum-text {background-image:linear-gradient(100deg,#2947ac,#8138b0,#a62679,#7b5500,#09697a,#2947ac)}
:root[data-theme=light] .aurora {opacity:.18}
:root[data-motion=paused] .cinematic-login :is(.aurora,.spectrum-text,.spectrum-line),:root[data-motion=paused] .cinematic-login .auth-card::before,.effects-inactive :is(.aurora,.spectrum-text,.spectrum-line),.effects-inactive .auth-card::before {animation-play-state:paused}
@keyframes aurora-drift {0%{transform:translate3d(-4%,0,0) rotate(-10deg) scale(1)}50%{transform:translate3d(12%,10%,0) rotate(12deg) scale(1.1)}100%{transform:translate3d(22%,-8%,0) rotate(-2deg) scale(.95)}}
@keyframes spectrum-flow {from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes border-spectrum {from{background-position:0% 0%}to{background-position:100% 100%}}
@media(max-width:900px) {.skynner-ui .auth-container.login-stage{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);padding:145px 28px 55px;gap:28px}.cinematic-login .auth-card{padding:28px}.skynner-ui .login-intro h1{font-size:clamp(38px,6vw,58px)}}
@media(max-width:680px) {.skynner-ui .auth-container.login-stage{display:flex;flex-direction:column;min-height:100dvh;justify-content:flex-start;padding:150px 22px 45px;gap:28px}.login-intro{width:100%;max-width:455px}.skynner-ui .login-intro h1{font-size:40px;line-height:1.1;margin:0}.login-intro h1>span{display:inline}.login-intro h1>span:not(:last-child)::after{content:' '}.login-intro .login-kicker{font-size:11px;letter-spacing:2px;margin-bottom:12px}.login-intro .login-description,.login-signature,.spectrum-line{display:none}.cinematic-login .auth-card{max-width:455px;padding:26px}.cinematic-login .auth-tools{right:20px;gap:6px}.cinematic-login .auth-tools>.ui-button,.cinematic-login .appearance-settings>summary{font-size:12px;min-height:40px;padding:8px 10px}.aurora{filter:blur(48px);opacity:.22}.cinematic-login .auth-card .brand{margin-bottom:20px}.cinematic-login .auth-title{font-size:26px}}
@media(prefers-reduced-motion:reduce) {.cinematic-login .aurora,.cinematic-login .spectrum-text,.cinematic-login .spectrum-line,.cinematic-login .auth-card::before{animation:none!important;will-change:auto}}
@media(max-width:760px) {.appearance-panel{position:fixed;top:150px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 175px)}.auth-tools .appearance-panel{top:120px;max-height:calc(100dvh - 145px)}.whatsapp-support{padding:22px}.whatsapp-link{width:100%}:root[data-text=large] .skynner-ui .hero-copy{max-width:100%}.workspace-bar .ui-tools{gap:8px}.skynner-ui .ui-tools>.ui-button,.appearance-settings>summary{font-size:13px;padding:8px 11px}.page-finder{padding:20px}}