:root {
  --night: #071522;
  --night-2: #0d2131;
  --ink: #13222e;
  --muted: #6d7b84;
  --canvas: #f2f5f1;
  --surface: #ffffff;
  --line: #dfe6e1;
  --line-dark: #cdd7d1;
  --lime: #bff443;
  --lime-dark: #8fbd24;
  --aqua: #20cdb1;
  --aqua-soft: #dff8f2;
  --blue: #4389f7;
  --amber: #f2a43d;
  --violet: #8b6cf2;
  --danger: #c5485e;
  --shadow-sm: 0 8px 28px rgba(12, 30, 40, 0.06);
  --shadow-lg: 0 28px 70px rgba(9, 26, 37, 0.14);
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--canvas); font: 14px/1.55 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #148b79; text-decoration: none; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
a:hover { color: #0c6e60; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid rgba(32, 205, 177, .3); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.muted { color: var(--muted); }

/* Shared brand and public shell */
.akl-brand { min-width: 0; display: inline-flex; align-items: center; gap: 11px; color: var(--ink); }
.akl-brand:hover { color: var(--ink); }
.akl-mark { position: relative; width: 42px; height: 42px; display: inline-grid; place-items: center; flex: 0 0 auto; overflow: hidden; border-radius: 13px; background: var(--night); box-shadow: 0 9px 20px rgba(7, 21, 34, .18); }
.akl-mark::before { content: ""; position: absolute; width: 20px; height: 20px; border: 5px solid var(--lime); border-radius: 50%; }
.akl-mark::after { content: ""; position: absolute; width: 6px; height: 16px; top: 23px; border-radius: 0 0 4px 4px; background: var(--lime); }
.akl-mark i { position: absolute; z-index: 2; width: 6px; height: 6px; top: 18px; border-radius: 50%; background: var(--night); }
.akl-wordmark { min-width: 0; display: grid; line-height: 1.15; }
.akl-wordmark strong { font-size: 17px; letter-spacing: -.45px; }
.akl-wordmark small { margin-top: 3px; color: #809098; font-size: 9px; font-weight: 750; letter-spacing: .8px; text-transform: uppercase; }
.public-header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 15px clamp(20px, 5vw, 72px); border-bottom: 1px solid rgba(18, 37, 48, .08); background: rgba(248, 250, 247, .92); backdrop-filter: blur(14px); }
.public-actions { display: flex; align-items: center; gap: 8px; }
.public-main { min-height: calc(100vh - 140px); }
.public-footer { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px clamp(20px, 5vw, 72px); color: #8a969d; border-top: 1px solid var(--line); background: #f8faf7; font-size: 11px; }

.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 17px; border: 1px solid transparent; border-radius: 11px; font-weight: 800; line-height: 1; text-align: center; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: white; border-color: var(--night); background: var(--night); box-shadow: 0 10px 24px rgba(7, 21, 34, .14); }
.button-primary:hover { color: white; background: #102c40; box-shadow: 0 14px 30px rgba(7, 21, 34, .2); }
.button-lime { color: var(--night); border-color: var(--lime); background: var(--lime); box-shadow: 0 12px 28px rgba(143, 189, 36, .2); }
.button-lime:hover { color: var(--night); background: #caff4c; }
.button-secondary { color: var(--ink); border-color: var(--line-dark); background: white; }
.button-secondary:hover { color: var(--ink); border-color: #aebeb5; background: #f9fbf9; }
.button-light { color: var(--night); border-color: white; background: white; box-shadow: 0 13px 26px rgba(0, 0, 0, .12); }
.button-light:hover { color: var(--night); background: #f5f9f5; }
.button-quiet, .button-ghost { color: #5f6e77; border-color: transparent; background: transparent; }
.button-quiet:hover, .button-ghost:hover { color: var(--ink); background: rgba(18, 34, 46, .06); }
.button-small { min-height: 38px; padding: 8px 13px; font-size: 12px; }
.button-wide { width: 100%; }
.button-danger { color: white; background: var(--danger); }
.button-success { color: #062a24; background: var(--aqua); }

.section-kicker, .eyebrow { color: #159b85; font-size: 10px; font-weight: 900; letter-spacing: 1.25px; text-transform: uppercase; }
.message-stack { position: fixed; z-index: 100; width: min(430px, calc(100% - 30px)); top: 18px; right: 18px; display: grid; gap: 8px; }
.message { padding: 13px 16px; color: #17463f; border: 1px solid #bfe6db; border-radius: 11px; background: #edfbf7; box-shadow: var(--shadow-sm); font-weight: 750; }
.message-error { color: #842b3c; border-color: #edc2ca; background: #fff0f3; }

/* Authentication */
.auth-body { background: #edf2ee; }
.auth-stage { min-height: calc(100vh - 140px); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(440px, .75fr); }
.auth-story { position: relative; display: grid; align-content: center; overflow: hidden; padding: clamp(55px, 8vw, 120px); color: white; background: var(--night); }
.auth-story::before { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; bottom: -260px; border: 1px solid rgba(191, 244, 67, .22); border-radius: 50%; box-shadow: 0 0 0 90px rgba(191, 244, 67, .035), 0 0 0 180px rgba(32, 205, 177, .025); }
.auth-story::after { content: ""; position: absolute; width: 180px; height: 180px; right: 10%; top: 15%; border-radius: 45px; background: linear-gradient(145deg, rgba(191, 244, 67, .16), rgba(32, 205, 177, .02)); transform: rotate(18deg); }
.auth-story > * { position: relative; z-index: 1; }
.signal-label { width: max-content; display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; color: #c9d8d5; border: 1px solid rgba(255, 255, 255, .13); border-radius: 99px; background: rgba(255, 255, 255, .05); font-size: 10px; font-weight: 850; letter-spacing: .8px; text-transform: uppercase; }
.signal-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(191, 244, 67, .1); }
.auth-story h1 { max-width: 800px; margin: 24px 0; font-size: clamp(54px, 6.2vw, 90px); line-height: .94; letter-spacing: -5px; }
.auth-story h1 em { color: var(--lime); font-style: normal; }
.auth-story > p { max-width: 650px; margin: 0; color: #9eb1bc; font-size: 17px; }
.auth-route { max-width: 660px; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 12px; margin-top: 48px; }
.auth-route > i { height: 1px; background: rgba(255, 255, 255, .14); }
.auth-route span { display: grid; gap: 3px; color: #7d929e; font-size: 10px; font-weight: 850; }
.auth-route span strong { color: #dce7e5; font-size: 11px; }
.auth-route span.done { color: var(--lime); }
.auth-panel-wrap { display: grid; place-items: center; padding: clamp(30px, 5vw, 75px); background: #f3f6f2; }
.auth-card { width: min(560px, 100%); padding: clamp(28px, 4vw, 46px); border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow-lg); }
.auth-card-compact { max-width: 485px; }
.card-heading { margin-bottom: 25px; }
.card-heading h1, .card-heading h2 { margin: 7px 0 6px; font-size: clamp(31px, 4vw, 43px); line-height: 1.03; letter-spacing: -1.8px; }
.card-heading p { margin: 0; color: var(--muted); }
.form-stack { display: grid; gap: 16px; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.field-grid-wide { grid-template-columns: minmax(0, 1.55fr) minmax(180px, .45fr); }
.field { min-width: 0; display: grid; gap: 6px; }
.field label, .action-form label { color: #33464f; font-size: 11px; font-weight: 850; }
.field input:not([type="color"]):not([type="checkbox"]), .field textarea, .field select, .filter-bar input, .filter-bar select, .action-form textarea { width: 100%; min-height: 47px; padding: 11px 13px; color: var(--ink); border: 1px solid #d5ded8; border-radius: 10px; outline: 0; background: #fbfcfb; transition: border .18s ease, box-shadow .18s ease, background .18s ease; }
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus, .field textarea:focus, .field select:focus, .filter-bar input:focus, .filter-bar select:focus, .action-form textarea:focus { border-color: var(--aqua); background: white; box-shadow: 0 0 0 4px rgba(32, 205, 177, .11); }
.field small { color: #87949b; font-size: 10px; }
.code-field input { font: 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.errorlist { margin: 0; padding: 0; color: #b5384d; list-style: none; font-size: 10px; font-weight: 750; }
.form-errors { padding: 12px 14px; color: #962f44; border: 1px solid #edc5cc; border-radius: 9px; background: #fff1f3; }
.form-row-end { display: flex; justify-content: flex-end; margin-top: -6px; font-size: 11px; font-weight: 750; }
.check-field { display: flex; align-items: flex-start; gap: 9px; color: #5e6c74; font-size: 11px; }
.check-field input { margin-top: 2px; accent-color: var(--aqua); }
.card-footnote { margin: 22px 0 0; color: var(--muted); text-align: center; font-size: 12px; }
.auth-assurance { display: flex; gap: 10px; margin-top: 24px; padding-top: 19px; color: #718088; border-top: 1px solid var(--line); }
.auth-assurance > span { color: var(--aqua); font-size: 22px; }
.auth-assurance p { display: grid; margin: 0; }
.auth-assurance strong { color: #3b4d55; font-size: 11px; }
.auth-assurance small { font-size: 9px; }
.register-stage { grid-template-columns: minmax(0, .85fr) minmax(520px, 1fr); }
.register-story h1 { font-size: clamp(50px, 5.5vw, 76px); }
.registration-benefits { display: grid; gap: 18px; margin-top: 40px; }
.registration-benefits > div { display: flex; gap: 14px; }
.registration-benefits > div > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; color: var(--night); border-radius: 10px; background: var(--lime); font-size: 10px; font-weight: 900; }
.registration-benefits p { display: grid; margin: 0; }
.registration-benefits strong { color: white; }
.registration-benefits small { color: #8fa4ae; }
.register-card { max-width: 650px; }
.center-layout { min-height: calc(100vh - 140px); display: grid; place-items: center; padding: 55px 20px; }
.status-card { width: min(560px, 100%); padding: 42px; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow-lg); text-align: center; }
.status-card h1 { margin: 12px 0; font-size: 38px; letter-spacing: -1.5px; }
.status-card p { color: var(--muted); }
.status-icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto 20px; color: var(--night); border-radius: 18px; background: var(--lime); font-size: 25px; font-weight: 900; }
.status-icon-error { color: white; background: var(--danger); }

/* Client application studio shell */
.studio-body { background: var(--canvas); }
.studio-shell { min-height: 100vh; display: grid; grid-template-columns: 272px minmax(0, 1fr); }
.studio-rail { position: sticky; z-index: 20; height: 100vh; top: 0; display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto; padding: 24px 17px 18px; color: #dce8e6; background: var(--night); }
.rail-top { display: grid; }
.akl-brand-on-dark { padding: 0 8px; color: white; }
.akl-brand-on-dark:hover { color: white; }
.akl-brand-on-dark .akl-mark { background: var(--lime); box-shadow: none; }
.akl-brand-on-dark .akl-mark::before { border-color: var(--night); }
.akl-brand-on-dark .akl-mark::after, .akl-brand-on-dark .akl-mark i { background: var(--night); }
.akl-brand-on-dark .akl-wordmark small { color: #718a96; }
.workspace-control { margin-top: 31px; }
.workspace-kicker, .nav-section-label { display: block; padding: 0 10px; color: #607a87; font-size: 8px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; }
.workspace-menu { position: relative; margin-top: 8px; }
.workspace-menu summary { min-height: 57px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px; background: rgba(255, 255, 255, .04); cursor: pointer; list-style: none; }
.workspace-menu summary::-webkit-details-marker { display: none; }
.workspace-menu summary > span:nth-child(2) { min-width: 0; display: grid; }
.workspace-menu summary strong { overflow: hidden; color: white; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-menu summary small { color: #6f8995; font-size: 9px; }
.workspace-menu summary > i { color: #66808b; font-style: normal; }
.workspace-avatar, .account-avatar { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; color: var(--night); border-radius: 10px; background: var(--lime); font-size: 11px; font-weight: 900; }
.workspace-options { position: absolute; z-index: 8; width: 100%; top: calc(100% + 6px); padding: 6px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 10px; background: #102737; box-shadow: var(--shadow-lg); }
.workspace-options button { width: 100%; padding: 9px; color: #c8d7d9; border: 0; border-radius: 7px; background: transparent; text-align: left; font-size: 10px; }
.workspace-options button:hover { background: rgba(255, 255, 255, .06); }
.studio-nav { display: grid; gap: 4px; margin-top: 27px; }
.studio-nav .nav-section-label { margin: 16px 0 4px; }
.studio-nav a, .studio-nav .nav-locked { min-height: 43px; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 10px; color: #87a0aa; border-radius: 10px; font-size: 11px; font-weight: 750; }
.studio-nav a:hover { color: white; background: rgba(255, 255, 255, .05); }
.studio-nav a.active { color: var(--night); background: var(--lime); box-shadow: 0 10px 25px rgba(191, 244, 67, .12); }
.nav-glyph { width: 26px; text-align: center; font-size: 16px; }
.studio-nav .nav-locked { opacity: .55; cursor: not-allowed; }
.nav-locked small { padding: 3px 5px; color: #8da3aa; border: 1px solid rgba(255, 255, 255, .1); border-radius: 5px; font-size: 7px; }
.studio-nav .nav-live { padding: 3px 5px; color: #0f5e50; border-radius: 5px; background: var(--aqua); font-size: 7px; font-weight: 900; text-transform: uppercase; }
.rail-bottom { display: grid; gap: 10px; }
.rail-signal { display: flex; align-items: center; gap: 10px; padding: 12px 10px; color: #7e98a2; border-top: 1px solid rgba(255, 255, 255, .07); }
.rail-signal > i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 4px rgba(32, 205, 177, .1); }
.rail-signal > span { display: grid; }
.rail-signal strong { color: #cbd9db; font-size: 9px; }
.rail-signal small { font-size: 8px; }
.platform-link { display: flex; justify-content: space-between; padding: 9px 10px; color: #94aab1; border: 1px solid rgba(255, 255, 255, .07); border-radius: 8px; font-size: 9px; font-weight: 800; }
.platform-link:hover { color: white; background: rgba(255, 255, 255, .05); }
.rail-account { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px 9px; border-radius: 11px; background: rgba(255, 255, 255, .04); }
.rail-account > span:nth-child(2) { min-width: 0; display: grid; }
.rail-account strong, .rail-account small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rail-account strong { color: #d8e3e2; font-size: 10px; }
.rail-account small { color: #6f8994; font-size: 8px; }
.rail-account button { width: 28px; height: 28px; color: #79909a; border: 0; border-radius: 7px; background: transparent; }
.rail-account button:hover { color: white; background: rgba(255, 255, 255, .06); }
.studio-stage { min-width: 0; }
.studio-mobile-header { display: none; }
.studio-main { min-width: 0; }
.studio-page { width: min(1420px, calc(100% - clamp(40px, 7vw, 100px))); min-height: 100vh; margin: 0 auto; padding: 52px 0 75px; }
.studio-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.studio-heading > div { display: grid; }
.studio-heading h1 { max-width: 820px; margin: 7px 0 3px; font-size: clamp(37px, 4vw, 57px); line-height: 1; letter-spacing: -2.6px; }
.studio-heading p { max-width: 760px; margin: 0; color: var(--muted); }
.studio-card { min-width: 0; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-sm); }
.card-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.card-title-row h2 { margin: 5px 0 0; font-size: 22px; line-height: 1.1; letter-spacing: -.7px; }
.card-title-row > a { font-size: 10px; font-weight: 850; }

/* Launchpad */
.launch-hero { position: relative; min-height: 350px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr); overflow: hidden; border-radius: 25px; color: white; background: var(--night); box-shadow: 0 30px 65px rgba(7, 21, 34, .18); }
.launch-copy { position: relative; z-index: 2; display: grid; align-content: center; padding: clamp(35px, 5vw, 68px); }
.launch-copy h2 { max-width: 760px; margin: 20px 0 13px; font-size: clamp(37px, 4.2vw, 61px); line-height: .98; letter-spacing: -2.7px; }
.launch-copy > p { max-width: 670px; margin: 0; color: #96abb4; font-size: 15px; }
.hero-step { margin-bottom: -8px; color: var(--lime); font-size: 9px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 28px; }
.text-action { color: #dbe7e7; font-size: 11px; font-weight: 850; }
.text-action:hover { color: var(--lime); }
.launch-visual { position: relative; min-height: 350px; overflow: hidden; }
.orbit { position: absolute; border: 1px solid rgba(191, 244, 67, .16); border-radius: 50%; }
.orbit-one { width: 430px; height: 430px; top: -50px; right: -60px; }
.orbit-two { width: 310px; height: 310px; top: 15px; right: 0; box-shadow: 0 0 0 60px rgba(191, 244, 67, .025); }
.phone-frame { position: absolute; width: 190px; height: 365px; top: 38px; right: 24%; padding: 7px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 32px; background: #02080d; box-shadow: 0 35px 60px rgba(0, 0, 0, .38); transform: rotate(8deg); }
.phone-sensor { position: absolute; z-index: 2; width: 65px; height: 15px; top: 13px; left: 50%; border-radius: 20px; background: #02080d; transform: translateX(-50%); }
.phone-screen { height: 100%; display: grid; align-content: center; justify-items: center; padding: 20px; overflow: hidden; border-radius: 26px; color: var(--night); text-align: center; background: linear-gradient(160deg, #e8ffaf, #8cebd9); }
.mini-mark { position: relative; width: 65px; height: 65px; display: grid; place-items: center; border-radius: 18px; background: var(--night); box-shadow: 0 15px 30px rgba(7, 21, 34, .22); }
.mini-mark::before { content: ""; width: 26px; height: 26px; border: 6px solid var(--lime); border-radius: 50%; }
.mini-mark::after { content: ""; position: absolute; width: 7px; height: 19px; top: 35px; border-radius: 0 0 4px 4px; background: var(--lime); }
.phone-screen strong { margin-top: 18px; font-size: 18px; }
.phone-screen small { color: #4a6a6a; font-size: 8px; }
.phone-bar { width: 100%; height: 6px; margin-top: 28px; border-radius: 10px; background: rgba(7, 21, 34, .11); }
.phone-bar.short { width: 65%; margin-top: 7px; }
.phone-button { width: 100%; margin-top: 25px; padding: 9px; color: white; border-radius: 8px; background: var(--night); font-size: 8px; font-weight: 850; }
.floating-chip { position: absolute; z-index: 3; padding: 9px 12px; color: var(--night); border-radius: 9px; background: white; box-shadow: 0 12px 30px rgba(0, 0, 0, .22); font-size: 9px; font-weight: 850; }
.chip-domain { left: 3%; top: 29%; }.chip-store { right: 2%; bottom: 17%; background: var(--lime); }
.studio-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.studio-metrics article { min-width: 0; display: flex; align-items: center; gap: 13px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255, 255, 255, .78); }
.metric-symbol { width: 39px; height: 39px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; font-size: 17px; }
.metric-symbol.mint { color: #0a7d69; background: var(--aqua-soft); }.metric-symbol.blue { color: #296ac9; background: #e4efff; }.metric-symbol.amber { color: #9a6315; background: #fff0d9; }.metric-symbol.violet { color: #674fc1; background: #eee9ff; }
.studio-metrics article > div { min-width: 0; display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: 8px; }
.studio-metrics small { grid-column: 1 / -1; color: #78868d; font-size: 8px; font-weight: 850; letter-spacing: .7px; text-transform: uppercase; }
.studio-metrics strong { font-size: 25px; letter-spacing: -1px; }
.studio-metrics article > div > span { overflow: hidden; color: #94a0a5; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.launch-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr); gap: 18px; }
.dock-list { display: grid; margin-top: 15px; }
.dock-app { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 20px; align-items: center; gap: 12px; padding: 13px 0; color: var(--ink); border-bottom: 1px solid #edf1ee; }
.dock-app:last-child { border-bottom: 0; }
.dock-icon { width: 46px; height: 46px; overflow: hidden; border-radius: 12px; box-shadow: 0 8px 18px rgba(10, 25, 35, .12); }
.dock-icon img { width: 100%; height: 100%; object-fit: cover; }
.dock-copy { min-width: 0; display: grid; }
.dock-copy strong, .dock-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dock-copy small { color: var(--muted); font-size: 9px; }
.dock-app > i { color: #90a09a; font-style: normal; }
.dock-empty { min-height: 210px; display: grid; grid-template-columns: 65px minmax(0, 1fr) auto; align-items: center; gap: 20px; }
.empty-build-icon { position: relative; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid #cbe6df; border-radius: 18px; background: #edf9f5; }
.empty-build-icon::before { content: ""; width: 25px; height: 25px; border: 5px solid var(--aqua); border-radius: 50%; }
.empty-build-icon::after { content: ""; position: absolute; width: 6px; height: 18px; top: 35px; background: var(--aqua); }
.dock-empty p { max-width: 530px; margin: 4px 0 0; color: var(--muted); }
.map-score { width: 47px; height: 47px; display: grid; place-items: center; color: #147b69; border-radius: 50%; background: var(--aqua-soft); font-weight: 900; }
.route-list { margin: 15px 0 0; padding: 0; list-style: none; }
.route-list li { position: relative; display: flex; gap: 11px; padding: 10px 0; }
.route-list li:not(:last-child)::after { content: ""; position: absolute; width: 1px; height: 13px; left: 13px; bottom: -6px; background: #dbe3de; }
.route-list li > span { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; color: #7c898f; border: 1px solid #d7dfda; border-radius: 8px; font-size: 9px; font-weight: 900; }
.route-list li.done > span { color: var(--night); border-color: var(--lime); background: var(--lime); }
.route-list li > div { display: grid; }
.route-list strong { font-size: 11px; }.route-list small { color: var(--muted); font-size: 9px; }

/* Application library */
.library-toolbar { min-height: 57px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 15px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, .62); }
.library-toolbar > div { display: grid; }.library-toolbar strong { font-size: 12px; }.library-toolbar span { color: var(--muted); font-size: 9px; }
.toolbar-note { display: flex; align-items: center; gap: 8px; }.toolbar-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--aqua); }
.app-library-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.app-project-card { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.app-project-card:hover { border-color: #b9cac1; box-shadow: 0 18px 42px rgba(10, 26, 36, .1); transform: translateY(-3px); }
.project-main { display: grid; grid-template-columns: 69px minmax(0, 1fr); align-items: center; gap: 14px; color: var(--ink); }
.project-main:hover { color: var(--ink); }
.project-icon, .application-icon { width: 68px; height: 68px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; color: white; border-radius: 17px; background: var(--night); box-shadow: 0 12px 25px rgba(9, 24, 34, .17); }
.project-icon img, .application-icon img { width: 100%; height: 100%; object-fit: cover; }
.project-copy { min-width: 0; display: grid; justify-items: start; }
.project-copy > strong { max-width: 100%; margin: 7px 0 2px; overflow: hidden; font-size: 18px; letter-spacing: -.5px; text-overflow: ellipsis; white-space: nowrap; }
.project-copy > small { max-width: 100%; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.project-domain { display: grid; margin-top: 18px; padding: 12px; border-radius: 10px; background: #f3f6f3; }
.project-domain span { color: #89969b; font-size: 8px; font-weight: 850; letter-spacing: .7px; text-transform: uppercase; }
.project-domain strong { overflow: hidden; margin-top: 2px; color: #53636a; font: 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
.project-progress { margin-top: 16px; }.project-progress > div:first-child { display: flex; justify-content: space-between; color: #78878c; font-size: 9px; }.project-progress strong { color: var(--ink); }
.readiness-bar { height: 5px; margin-top: 7px; overflow: hidden; border-radius: 10px; background: #e8ede9; }.readiness-bar i { display: block; width: 33.333%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--aqua), var(--lime)); }
.readiness-bar.readiness-three i { width: 50%; }
.project-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #edf1ee; font-size: 9px; }
.project-footer > span { color: #94a0a5; }.project-footer a { font-weight: 850; }
.new-project-card { min-height: 310px; display: grid; align-content: center; justify-items: center; padding: 30px; color: #627178; border: 1px dashed #bfcac4; border-radius: 18px; text-align: center; background: rgba(255, 255, 255, .35); }
.new-project-card:hover { color: var(--ink); border-color: var(--aqua); background: rgba(255, 255, 255, .75); }
.new-project-card > span { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 15px; color: var(--night); border-radius: 15px; background: var(--lime); font-size: 22px; }
.new-project-card strong { font-size: 16px; }.new-project-card small { max-width: 220px; margin-top: 5px; color: #8b989e; }
.library-empty { min-height: 540px; display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(40px, 8vw, 110px); padding: clamp(40px, 7vw, 90px); overflow: hidden; border: 1px solid var(--line); border-radius: 25px; background: white; box-shadow: var(--shadow-sm); }
.empty-device { position: relative; min-height: 360px; display: grid; place-items: center; }
.empty-device::before, .empty-device::after { content: ""; position: absolute; border: 1px solid #d7e9e2; border-radius: 50%; }.empty-device::before { width: 340px; height: 340px; }.empty-device::after { width: 250px; height: 250px; box-shadow: 0 0 0 50px #f6faf7; }
.empty-device > div { position: relative; z-index: 2; width: 180px; height: 340px; display: grid; place-items: center; border: 8px solid var(--night); border-radius: 30px; background: linear-gradient(150deg, #edffbf, #9cebdc); box-shadow: 0 28px 55px rgba(9, 24, 34, .19); transform: rotate(-6deg); }
.empty-copy h2 { max-width: 620px; margin: 9px 0 12px; font-size: clamp(38px, 5vw, 62px); line-height: .98; letter-spacing: -2.8px; }
.empty-copy > p { max-width: 640px; color: var(--muted); font-size: 15px; }
.empty-copy ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 23px 0; padding: 0; list-style: none; }.empty-copy li { padding: 7px 10px; color: #3f5a56; border-radius: 8px; background: var(--aqua-soft); font-size: 9px; font-weight: 800; }

/* Application wizard */
.detail-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: #92a098; font-size: 10px; }.detail-breadcrumb a { font-weight: 800; }.detail-breadcrumb strong { color: #5c6a71; }
.wizard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.wizard-heading h1 { margin: 7px 0 4px; font-size: clamp(40px, 5vw, 61px); line-height: .98; letter-spacing: -2.8px; }.wizard-heading p { max-width: 760px; margin: 0; color: var(--muted); }
.autosave-note { display: flex; align-items: center; gap: 7px; color: #77868c; font-size: 9px; font-weight: 800; }.autosave-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--aqua); }
.app-wizard { display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: start; gap: 18px; }
.wizard-global-errors { grid-column: 1 / -1; }
.wizard-rail { position: sticky; top: 22px; padding: 20px; color: white; border-radius: 18px; background: var(--night); box-shadow: 0 20px 45px rgba(7, 21, 34, .15); }
.wizard-rail-intro { display: grid; padding: 4px 6px 17px; border-bottom: 1px solid rgba(255, 255, 255, .08); }.wizard-rail-intro span { color: var(--lime); font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }.wizard-rail-intro strong { margin-top: 4px; font-size: 16px; }.wizard-rail-intro small { color: #6f8995; font-size: 9px; }
.wizard-rail ol { display: grid; gap: 3px; margin: 16px 0; padding: 0; list-style: none; }
.wizard-rail li button { width: 100%; display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 8px; color: #758e99; border: 0; border-radius: 10px; background: transparent; text-align: left; }
.wizard-rail li button > span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; font-size: 8px; font-weight: 900; }
.wizard-rail li button > div { min-width: 0; display: grid; }.wizard-rail li button strong { color: #9cb0b7; font-size: 10px; }.wizard-rail li button small { font-size: 8px; }
.wizard-rail li.active button { color: var(--night); background: var(--lime); }.wizard-rail li.active button > span { border-color: rgba(7, 21, 34, .15); background: rgba(255, 255, 255, .25); }.wizard-rail li.active button strong, .wizard-rail li.active button small { color: var(--night); }
.wizard-rail li.complete button > span { color: var(--night); border-color: var(--aqua); background: var(--aqua); }
.wizard-security { display: flex; gap: 9px; padding: 13px 7px 3px; border-top: 1px solid rgba(255, 255, 255, .08); }.wizard-security > span { color: var(--lime); font-size: 21px; }.wizard-security p { display: grid; margin: 0; }.wizard-security strong { color: #c6d4d5; font-size: 9px; }.wizard-security small { color: #68838e; font-size: 8px; }
.wizard-workspace { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: white; box-shadow: var(--shadow-sm); }
.wizard-progress { height: 5px; background: #edf1ee; }.wizard-progress span { width: 20%; height: 100%; display: block; background: linear-gradient(90deg, var(--aqua), var(--lime)); transition: width .25s ease; }
.wizard-panel { padding: clamp(26px, 4vw, 48px); }
.app-wizard.is-enhanced .wizard-panel:not([data-active="true"]) { display: none; }
.wizard-panel-heading { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 15px; padding-bottom: 24px; border-bottom: 1px solid #e9eeea; }
.step-number { width: 45px; height: 45px; display: grid; place-items: center; color: var(--night); border-radius: 13px; background: var(--lime); font-size: 11px; font-weight: 900; }
.wizard-panel-heading h2 { margin: 5px 0 3px; font-size: clamp(27px, 3vw, 38px); line-height: 1.02; letter-spacing: -1.4px; }.wizard-panel-heading p { margin: 0; color: var(--muted); }
.wizard-fields { display: grid; gap: 19px; margin-top: 27px; }
.wizard-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 32px; padding-top: 22px; border-top: 1px solid #e9eeea; }
.wizard-fallback-submit { padding: 0 48px 35px; }.app-wizard.is-enhanced .wizard-fallback-submit { display: none; }
.domain-field-wrap { display: grid; grid-template-columns: 55px minmax(0, 1fr); align-items: center; gap: 15px; margin-top: 28px; padding: 17px; border: 1px solid #d7e8e1; border-radius: 14px; background: #f2faf7; }
.domain-lock { width: 48px; height: 48px; display: grid; place-items: center; color: #117c69; border-radius: 13px; background: #d8f5ec; font-size: 25px; }
.identity-explainer { display: flex; gap: 15px; margin-top: 18px; padding: 13px 16px; color: #68777e; border-left: 3px solid var(--lime); background: #f7f9f7; }.identity-explainer span { flex: 0 0 auto; color: #3e514f; font-size: 9px; font-weight: 900; text-transform: uppercase; }.identity-explainer p { margin: 0; font-size: 10px; }
.brand-builder { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: 18px; margin-top: 28px; }
.icon-upload-card { display: grid; justify-items: center; padding: 25px; border: 1px dashed #bdc9c2; border-radius: 16px; background: #f8faf8; text-align: center; }.icon-upload-card .field { width: 100%; margin-top: 17px; }.icon-upload-card input[type="file"] { padding: 9px; font-size: 9px; }
.icon-preview { width: 145px; height: 145px; display: grid; place-items: center; overflow: hidden; border-radius: 32px; background: linear-gradient(145deg, #dff8f2, #f0ffd0); box-shadow: 0 18px 38px rgba(14, 45, 44, .12); }.icon-preview img { width: 100%; height: 100%; object-fit: cover; }.upload-placeholder { display: grid; justify-items: center; color: #668077; }.upload-placeholder i { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; background: white; font-size: 21px; font-style: normal; }.upload-placeholder small { margin-top: 8px; font-size: 9px; font-weight: 850; }
.palette-builder { display: grid; align-content: center; gap: 11px; }.color-field > div { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; padding: 9px; border: 1px solid var(--line); border-radius: 11px; }.color-field input[type="color"] { width: 52px; height: 43px; padding: 3px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; }.color-field span { color: #5e7076; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.behavior-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 28px; }
.behavior-option { position: relative; min-height: 82px; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfb; cursor: pointer; }.behavior-option:hover { border-color: #bdcbc4; }.behavior-option > input { position: absolute; opacity: 0; pointer-events: none; }.behavior-option > span:last-child { display: grid; }.behavior-option strong { font-size: 11px; }.behavior-option small { color: var(--muted); font-size: 9px; }
.toggle-ui { position: relative; width: 40px; height: 23px; border-radius: 20px; background: #d7ded9; transition: background .2s ease; }.toggle-ui::after { content: ""; position: absolute; width: 17px; height: 17px; top: 3px; left: 3px; border-radius: 50%; background: white; box-shadow: 0 2px 5px rgba(0, 0, 0, .18); transition: transform .2s ease; }.behavior-option > input:checked + .toggle-ui { background: var(--aqua); }.behavior-option > input:checked + .toggle-ui::after { transform: translateX(17px); }.behavior-option:has(input:checked) { border-color: #b9e6dc; background: #f1fbf8; }.behavior-featured { background: #f6faec; }
.review-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: center; gap: 38px; margin-top: 28px; }.review-phone { width: 225px; height: 435px; padding: 8px; border-radius: 37px; background: var(--night); box-shadow: 0 25px 50px rgba(7, 21, 34, .2); }.review-phone-screen { height: 100%; display: grid; align-content: center; justify-items: center; padding: 25px; overflow: hidden; border-radius: 30px; text-align: center; background: linear-gradient(150deg, var(--review-primary, #20cdb1), var(--review-secondary, #071522)); }.review-icon { width: 92px; height: 92px; display: grid; place-items: center; overflow: hidden; color: white; border: 5px solid rgba(255, 255, 255, .2); border-radius: 23px; background: var(--night); font-size: 32px; font-weight: 900; box-shadow: 0 20px 35px rgba(0, 0, 0, .23); }.review-icon img { width: 100%; height: 100%; object-fit: cover; }.review-phone-screen > strong { margin-top: 17px; color: white; font-size: 19px; }.review-phone-screen > small { margin-top: 5px; color: rgba(255, 255, 255, .67); font-size: 8px; }.review-launch { width: 100%; margin-top: 28px; padding: 9px; color: var(--night); border-radius: 8px; background: var(--lime); font-size: 8px; font-weight: 900; }
.review-details { display: grid; gap: 0; margin: 0; }.review-details > div { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 15px; padding: 12px 0; border-bottom: 1px solid #e8ede9; }.review-details dt { color: #8b989d; font-size: 9px; font-weight: 850; text-transform: uppercase; }.review-details dd { margin: 0; overflow-wrap: anywhere; color: #42545b; font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.review-assurance { display: flex; gap: 12px; margin-top: 25px; padding: 14px; color: #55706c; border: 1px solid #cae9e1; border-radius: 12px; background: #f0faf7; }.review-assurance > span { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; color: var(--night); border-radius: 8px; background: var(--lime); font-weight: 900; }.review-assurance p { display: grid; margin: 0; }.review-assurance strong { font-size: 10px; }.review-assurance small { font-size: 9px; }

/* Application detail */
.project-command-card { position: relative; min-height: 180px; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 18px; padding: 30px; overflow: hidden; color: white; border-radius: 22px; background: linear-gradient(120deg, var(--app-secondary), #071522); box-shadow: 0 25px 55px rgba(7, 21, 34, .17); }
.command-identity { position: relative; z-index: 2; min-width: 0; display: flex; align-items: center; gap: 20px; }.project-icon-large { width: 98px; height: 98px; border: 5px solid rgba(255, 255, 255, .13); border-radius: 24px; }.command-identity > div { min-width: 0; }.command-identity h1 { margin: 7px 0 1px; overflow: hidden; font-size: clamp(32px, 4vw, 48px); line-height: 1; letter-spacing: -2px; text-overflow: ellipsis; white-space: nowrap; }.command-identity p { margin: 0; color: #a5b6bd; }.command-identity small { color: #718993; font-size: 9px; }.command-actions { position: relative; z-index: 2; display: flex; gap: 8px; }.command-actions .button-secondary { color: white; border-color: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .08); }.command-actions .button-primary { color: var(--night); border-color: var(--lime); background: var(--lime); }
.command-glow { position: absolute; width: 320px; height: 320px; right: -80px; top: -100px; border-radius: 50%; background: var(--app-primary); opacity: .2; filter: blur(20px); }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .65fr); gap: 18px; }.detail-primary, .detail-secondary { min-width: 0; display: grid; align-content: start; gap: 18px; }
.readiness-ring { width: 65px; height: 65px; display: grid; place-items: center; align-content: center; flex: 0 0 auto; border: 6px solid #e0f3ed; border-top-color: var(--aqua); border-radius: 50%; }.readiness-ring strong { font-size: 14px; line-height: 1; }.readiness-ring small { color: var(--muted); font-size: 7px; }
.pipeline-track { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; margin-top: 25px; }.pipeline-track span { height: 7px; border-radius: 10px; background: #e7ece8; }.pipeline-track span.complete { background: linear-gradient(90deg, var(--aqua), var(--lime)); }.pipeline-labels { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; margin-top: 6px; color: #95a19f; font-size: 7px; text-align: center; text-transform: uppercase; }
.next-gate { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 15px; margin-top: 24px; padding: 17px; border: 1px solid #dce7e1; border-radius: 14px; background: #f6f9f6; }.gate-number { width: 50px; height: 50px; display: grid; place-items: center; color: #80908e; border: 1px solid #d7dfdb; border-radius: 13px; background: white; font-weight: 900; }.next-gate h3 { margin: 3px 0; font-size: 15px; }.next-gate p { margin: 0; color: var(--muted); font-size: 9px; }.gate-lock { padding: 5px 8px; color: #8e6a29; border-radius: 7px; background: #fff0d3; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.category-pill { padding: 6px 9px; color: #52655f; border-radius: 8px; background: #eef3f0; font-size: 8px; font-weight: 850; text-transform: uppercase; }.listing-copy { display: grid; gap: 20px; margin-top: 23px; }.listing-copy small { color: #8d999d; font-size: 8px; font-weight: 900; letter-spacing: .7px; text-transform: uppercase; }.listing-copy p { margin: 5px 0 0; color: #68777e; }.listing-copy p.lead { color: var(--ink); font-size: 16px; font-weight: 750; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 20px; }.capability-grid > span { display: flex; align-items: center; gap: 8px; padding: 11px; color: #99a3a6; border: 1px solid #e2e7e4; border-radius: 10px; font-size: 9px; }.capability-grid > span i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: #f0f2f0; font-style: normal; }.capability-grid > span.enabled { color: #375d56; border-color: #cae9e0; background: #f2faf8; }.capability-grid > span.enabled i { color: var(--night); background: var(--lime); }
.link-state { width: max-content; display: flex; align-items: center; gap: 7px; margin: 13px 0; padding: 5px 8px; color: #8b712f; border-radius: 8px; background: #fff3d7; font-size: 8px; font-weight: 900; text-transform: uppercase; }.link-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }.link-state i.online { background: var(--aqua); }.app-link-card > h2 { margin: 3px 0 8px; font-size: 24px; letter-spacing: -.8px; }.app-link-card > p { color: var(--muted); font-size: 10px; }
.copy-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin: 15px 0 10px; overflow: hidden; border: 1px solid #dce3df; border-radius: 10px; background: #f6f8f6; }.copy-field span { overflow: hidden; padding: 10px; color: #5d6d72; font: 9px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }.copy-field button { padding: 8px 10px; color: #147c6b; border: 0; border-left: 1px solid #dce3df; background: white; font-size: 8px; font-weight: 900; }
.technical-card h2, .palette-card h2 { margin: 5px 0 0; font-size: 20px; }.technical-card dl { display: grid; margin: 15px 0 0; }.technical-card dl div { display: grid; gap: 2px; padding: 9px 0; border-bottom: 1px solid #edf1ee; }.technical-card dl div:last-child { border: 0; }.technical-card dt { color: #8d999e; font-size: 8px; font-weight: 850; text-transform: uppercase; }.technical-card dd { margin: 0; overflow-wrap: anywhere; color: #4f6168; font: 9px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.palette-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 15px; }.palette-row > span { min-width: 0; display: grid; }.palette-row i { height: 38px; border: 1px solid rgba(0, 0, 0, .07); border-radius: 9px; background: var(--swatch); }.palette-row small { margin-top: 5px; color: #909ca0; font-size: 7px; text-transform: uppercase; }.palette-row strong { overflow: hidden; color: #59696f; font: 8px ui-monospace, monospace; text-overflow: ellipsis; }

/* States */
.state { width: max-content; display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 99px; font-size: 7px; font-weight: 900; letter-spacing: .45px; text-transform: uppercase; white-space: nowrap; }
.state-active, .state-verified, .state-passed, .state-ready_to_build, .state-assets_ready, .state-ready_to_submit, .state-approved, .state-published { color: #087361; background: #dcf7ef; }
.state-pending, .state-checking, .state-queued, .state-running, .state-invited, .state-domain_pending, .state-under_review, .state-building, .state-testing { color: #8a6118; background: #fff0cf; }
.state-failed, .state-error, .state-suspended, .state-closed, .state-rejected, .state-archived { color: #a03449; background: #ffe5e9; }
.state-draft { color: #5d6970; background: #e9eeeb; }
.state-large { padding: 7px 11px; font-size: 9px; }

/* Platform operations console */
.ops-body { background: #f1f2f3; }
.ops-shell { min-height: 100vh; display: grid; grid-template-columns: 245px minmax(0, 1fr); }
.ops-rail { position: sticky; height: 100vh; top: 0; display: flex; flex-direction: column; padding: 23px 16px; color: #d7dbe0; background: #111418; }
.ops-brand { display: flex; align-items: center; gap: 10px; padding: 0 8px; color: white; }.ops-brand:hover { color: white; }.ops-mark { width: 39px; height: 39px; display: grid; place-items: center; color: #17120e; border-radius: 10px; background: #ff984f; font-size: 10px; font-weight: 950; }.ops-brand > span:last-child { display: grid; }.ops-brand strong { font-size: 15px; }.ops-brand small { color: #747b84; font-size: 8px; letter-spacing: .7px; text-transform: uppercase; }
.ops-clearance { display: grid; margin-top: 25px; padding: 16px 11px; border-top: 1px solid rgba(255, 255, 255, .07); border-bottom: 1px solid rgba(255, 255, 255, .07); }.ops-clearance span { color: #f09a5c; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }.ops-clearance strong { margin-top: 4px; color: white; font-size: 18px; }.ops-clearance small { color: #686f77; font-size: 8px; }
.ops-nav { display: grid; gap: 4px; margin-top: 18px; }.ops-nav a { min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 8px 10px; color: #858d95; border-radius: 9px; font-size: 10px; font-weight: 750; }.ops-nav a:hover { color: white; background: rgba(255, 255, 255, .05); }.ops-nav a.active { color: #17120e; background: #ff984f; }.ops-nav a > span { width: 22px; text-align: center; font-size: 14px; }.ops-nav-divider { height: 1px; margin: 9px 5px; background: rgba(255, 255, 255, .07); }
.ops-rail-footer { display: grid; gap: 11px; margin-top: auto; }.ops-online { display: flex; align-items: center; gap: 9px; padding: 11px 8px; border-top: 1px solid rgba(255, 255, 255, .07); }.ops-online > i { width: 7px; height: 7px; border-radius: 50%; background: #45d49e; }.ops-online span { display: grid; }.ops-online strong { color: #cfd4d7; font-size: 9px; }.ops-online small { color: #666f77; font-size: 7px; }.ops-rail-footer > a { display: flex; justify-content: space-between; padding: 9px; color: #7b838a; border: 1px solid rgba(255, 255, 255, .07); border-radius: 8px; font-size: 8px; font-weight: 800; }.ops-rail-footer > a:hover { color: white; }
.ops-stage { min-width: 0; }.ops-topbar { min-height: 61px; display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding: 10px clamp(25px, 4vw, 55px); border-bottom: 1px solid #dde0e2; background: white; }.ops-topbar > div { display: grid; text-align: right; }.ops-topbar span { color: #93999e; font-size: 7px; text-transform: uppercase; }.ops-topbar strong { font-size: 9px; }.ops-signout { min-height: 32px; padding: 7px 10px; color: #5d6267; border-color: #dfe1e3; background: white; font-size: 8px; }
.master-content { min-width: 0; padding: clamp(28px, 4vw, 56px); }
.master-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }.master-heading h1 { margin: 5px 0 3px; font-size: clamp(34px, 4vw, 48px); line-height: 1; letter-spacing: -2px; }.master-heading p { margin: 0; color: #737b81; }.ops-body .eyebrow { color: #d9732c; }
.live-pill, .result-count { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: #527064; border: 1px solid #d0e4dc; border-radius: 99px; background: #edf8f4; font-size: 8px; font-weight: 850; }.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: #37c58f; }
.master-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.master-metric { display: block; min-width: 0; padding: 19px; color: #282c30; border: 1px solid #dfe2e4; border-radius: 12px; background: white; box-shadow: 0 7px 20px rgba(22, 25, 28, .035); }.master-metric:hover { color: #282c30; border-color: #c8cbcd; transform: translateY(-2px); }.master-metric > span { color: #858c91; font-size: 8px; font-weight: 850; letter-spacing: .6px; text-transform: uppercase; }.master-metric strong { display: block; margin: 9px 0 2px; font-size: 29px; letter-spacing: -1px; }.master-metric small { color: #91989d; font-size: 8px; }.master-metric-accent { color: white; border-color: #282119; background: linear-gradient(135deg, #33271e, #15181b); }.master-metric-accent:hover { color: white; }.master-metric-accent > span, .master-metric-accent small { color: #d69c71; }
.master-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 16px; margin-top: 16px; }.master-panel-card { min-width: 0; padding: 22px; border: 1px solid #dfe2e4; border-radius: 12px; background: white; box-shadow: 0 7px 20px rgba(22, 25, 28, .025); }.master-table-card { padding: 0; overflow: hidden; }.master-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }.master-card-heading h2, .master-panel-card h2 { margin: 3px 0 0; font-size: 19px; letter-spacing: -.4px; }.master-card-heading > a { color: #be6426; font-size: 9px; font-weight: 850; }
.master-table-wrap { overflow-x: auto; }.master-table { width: 100%; border-collapse: collapse; text-align: left; }.master-table th { padding: 11px 13px; color: #8c9297; border-bottom: 1px solid #e3e5e6; background: #fafafa; font-size: 7px; letter-spacing: .7px; text-transform: uppercase; white-space: nowrap; }.master-table td { padding: 13px; color: #565d62; border-bottom: 1px solid #eceeef; font-size: 9px; vertical-align: middle; }.master-table tr:last-child td { border-bottom: 0; }.master-table td strong { display: block; color: #292d30; font-size: 10px; }.master-table td small { display: block; color: #92989d; overflow-wrap: anywhere; font-size: 8px; }.master-table-card .master-table th:first-child, .master-table-card .master-table td:first-child { padding-left: 21px; }.master-table-card .master-table th:last-child, .master-table-card .master-table td:last-child { padding-right: 21px; }.table-action { display: inline-flex; padding: 5px 8px; color: #9b4c16; border-radius: 6px; background: #fff0e5; font-size: 8px; font-weight: 850; }.empty-cell { padding: 38px !important; color: #858c91 !important; text-align: center; }.mini-badge { display: inline-flex; margin-top: 4px; padding: 2px 5px; color: #77420f; border-radius: 4px; background: #ffebcb; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.event-list { display: grid; }.event-item { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 12px 0; color: #31373b; border-bottom: 1px solid #eceeef; }.event-item:last-child { border: 0; }.event-item div { min-width: 0; display: grid; }.event-item strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.event-item small { color: #858c91; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.event-item time { color: #979da1; font-size: 7px; white-space: nowrap; }.event-dot { width: 7px; height: 7px; border-radius: 50%; background: #f18c43; box-shadow: 0 0 0 4px #fff0e6; }.empty-card { padding: 25px 0; color: #858c91; text-align: center; }
.filter-bar { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; }.filter-search { flex: 1 1 380px; }.filter-bar select { flex: 0 0 190px; width: 190px; }.filter-clear { padding: 8px; font-size: 9px; font-weight: 800; }.pagination { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 21px; color: #858c91; border-top: 1px solid #e3e5e6; font-size: 8px; }.pagination > * { min-width: 75px; }.pagination > *:last-child { text-align: right; }.pagination strong { color: #33383c; text-align: center; }.back-link { display: inline-flex; margin-bottom: 16px; color: #7c858a; font-size: 9px; font-weight: 800; }.detail-heading { align-items: center; }.detail-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr); gap: 16px; }.detail-main, .detail-side { display: grid; align-content: start; gap: 16px; }.key-values dl { display: grid; margin: 14px 0 0; }.key-values dl div { display: grid; gap: 2px; padding: 9px 0; border-bottom: 1px solid #eceeef; }.key-values dl div:last-child { border: 0; }.key-values dt { color: #8a9196; font-size: 7px; font-weight: 850; text-transform: uppercase; }.key-values dd { margin: 0; overflow-wrap: anywhere; color: #4e565b; font-size: 9px; }.danger-card { border-color: #ead9dc; }.danger-card > p { color: #787f84; font-size: 9px; }.action-form { display: grid; gap: 8px; margin-top: 14px; }.action-form textarea { min-height: 82px; resize: vertical; }.audit-data summary { color: #bb6123; cursor: pointer; font-weight: 800; }.audit-data pre { width: 250px; max-height: 180px; margin: 7px 0 0; padding: 9px; overflow: auto; border-radius: 6px; background: #f4f4f4; font: 8px/1.45 ui-monospace, monospace; white-space: pre-wrap; }.application-admin-summary { display: flex; align-items: center; gap: 17px; margin-bottom: 18px; }.application-admin-summary h2 { margin: 3px 0; font-size: 24px; }.application-admin-summary p, .application-description-full { margin: 0; color: #727a7f; }.application-description-short { color: #30363a; font-weight: 750; }.color-summary > div { display: grid; gap: 7px; margin-top: 13px; }.color-summary > div span { display: flex; align-items: center; gap: 8px; color: #7c8388; font: 8px ui-monospace, monospace; }.color-summary > div span::before { content: ""; width: 24px; height: 24px; border-radius: 7px; background: var(--swatch); }

@media (max-width: 1160px) {
  .studio-shell { grid-template-columns: 240px minmax(0, 1fr); }
  .studio-rail { padding-inline: 13px; }
  .launch-hero { grid-template-columns: minmax(0, 1fr) 350px; }
  .app-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .studio-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 920px) {
  .auth-stage, .register-stage { grid-template-columns: 1fr; }
  .auth-story { min-height: 500px; }
  .studio-shell { grid-template-columns: 1fr; }
  .studio-rail { position: fixed; width: min(290px, calc(100% - 48px)); height: 100vh; left: 0; top: 0; transform: translateX(-105%); transition: transform .23s ease; box-shadow: 20px 0 60px rgba(0, 0, 0, .25); }
  .studio-rail.open { transform: translateX(0); }
  .studio-mobile-header { min-height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid var(--line); background: white; }
  .mobile-nav-toggle { width: 42px; height: 42px; display: grid; align-content: center; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: white; }.mobile-nav-toggle > span:not(.sr-only) { height: 2px; border-radius: 3px; background: var(--night); }
  .studio-page { min-height: calc(100vh - 70px); padding-top: 35px; }
  .launch-grid, .detail-layout { grid-template-columns: 1fr; }
  .launch-hero { grid-template-columns: 1fr; }.launch-visual { min-height: 300px; }.phone-frame { right: 38%; top: 10px; }
  .app-wizard { grid-template-columns: 1fr; }.wizard-rail { position: static; }.wizard-rail ol { grid-template-columns: repeat(5, 1fr); }.wizard-rail li button { display: grid; justify-items: center; padding: 7px; }.wizard-rail li button > div { display: none; }.wizard-security, .wizard-rail-intro { display: none; }
  .ops-shell { grid-template-columns: 1fr; }.ops-rail { position: static; height: auto; padding: 14px; }.ops-brand, .ops-clearance, .ops-rail-footer { display: none; }.ops-nav { display: flex; margin: 0; overflow-x: auto; }.ops-nav a { flex: 0 0 auto; }.ops-nav-divider { width: 1px; height: 30px; }.master-grid, .detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .public-header { min-height: 67px; padding: 11px 14px; }.public-header .akl-wordmark small { display: none; }.public-actions .button-quiet { display: none; }.public-footer { align-items: flex-start; flex-direction: column; }
  .auth-story { min-height: 440px; padding: 45px 25px; }.auth-story h1 { font-size: 53px; letter-spacing: -3.5px; }.auth-route { gap: 6px; }.auth-route span strong { font-size: 8px; }.auth-panel-wrap { padding: 26px 14px; }.auth-card { padding: 27px 19px; }.field-grid, .field-grid-wide { grid-template-columns: 1fr; }
  .studio-page { width: min(100% - 28px, 1420px); padding: 28px 0 55px; }.studio-heading, .wizard-heading { align-items: flex-start; flex-direction: column; }.studio-heading .button { width: 100%; }.studio-heading h1, .wizard-heading h1 { font-size: 41px; letter-spacing: -2px; }
  .launch-copy { padding: 31px 23px; }.launch-copy h2 { font-size: 39px; letter-spacing: -2px; }.launch-visual { min-height: 275px; }.phone-frame { width: 150px; height: 285px; right: 28%; }.chip-domain { left: 5%; }.studio-metrics { grid-template-columns: 1fr; }.dock-empty { grid-template-columns: 1fr; justify-items: start; }.dock-app { grid-template-columns: 45px minmax(0, 1fr) 18px; }.dock-app .state { display: none; }
  .app-library-grid { grid-template-columns: 1fr; }.library-toolbar { align-items: flex-start; flex-direction: column; }.library-empty { grid-template-columns: 1fr; padding: 35px 22px; }.empty-device { min-height: 300px; }.empty-device::before { width: 280px; height: 280px; }.empty-copy h2 { font-size: 42px; }
  .wizard-panel { padding: 25px 17px; }.wizard-panel-heading { grid-template-columns: 40px minmax(0, 1fr); }.step-number { width: 38px; height: 38px; }.wizard-actions { align-items: stretch; flex-direction: column-reverse; }.wizard-actions .button { width: 100%; }.domain-field-wrap { grid-template-columns: 1fr; }.domain-lock { display: none; }.identity-explainer { flex-direction: column; }.brand-builder, .behavior-grid, .review-layout { grid-template-columns: 1fr; }.review-phone { margin: 0 auto; }.review-details > div { grid-template-columns: 1fr; gap: 3px; }.wizard-rail { padding: 11px; }
  .project-command-card { align-items: flex-start; flex-direction: column; padding: 23px; }.command-identity { align-items: flex-start; flex-direction: column; }.command-identity h1 { white-space: normal; }.command-actions { width: 100%; flex-direction: column; }.command-actions .button { width: 100%; }.next-gate { grid-template-columns: 45px minmax(0, 1fr); }.gate-lock { grid-column: 2; width: max-content; }.pipeline-labels { display: none; }.capability-grid { grid-template-columns: repeat(2, 1fr); }
  .master-content { padding: 25px 13px; }.master-heading { align-items: flex-start; flex-direction: column; }.master-metrics { grid-template-columns: 1fr; }.filter-bar { align-items: stretch; flex-direction: column; }.filter-search, .filter-bar select { flex: auto; width: 100%; }.master-panel-card { padding: 17px; }.master-table-card { padding: 0; }.ops-topbar { padding: 10px 14px; }
}

/* Domain ownership verification */
.domain-heading h1 { overflow-wrap: anywhere; }
.domain-status-hero { min-height: 150px; display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; align-items: center; gap: 20px; margin-bottom: 18px; padding: 25px; color: white; border-radius: 20px; background: var(--night); box-shadow: 0 22px 48px rgba(7, 21, 34, .15); }
.domain-status-icon { width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .11); border-radius: 19px; background: rgba(255, 255, 255, .06); }
.domain-status-icon > span { position: relative; width: 31px; height: 31px; border: 6px solid #91a4aa; border-radius: 50%; }
.domain-status-icon > span::after { content: ""; position: absolute; width: 7px; height: 21px; left: 6px; top: 20px; border-radius: 0 0 4px 4px; background: #91a4aa; }
.domain-status-verified .domain-status-icon > span { border-color: var(--lime); }.domain-status-verified .domain-status-icon > span::after { background: var(--lime); }
.domain-status-checking .domain-status-icon > span { border-color: var(--amber); animation: domain-pulse 1.3s ease-in-out infinite; }.domain-status-checking .domain-status-icon > span::after { background: var(--amber); }
.domain-status-failed .domain-status-icon > span { border-color: #ff7e91; }.domain-status-failed .domain-status-icon > span::after { background: #ff7e91; }
@keyframes domain-pulse { 50% { opacity: .45; transform: scale(.9); } }
.domain-status-copy { min-width: 0; }.domain-status-copy h2 { margin: 5px 0 3px; font-size: 29px; letter-spacing: -1px; }.domain-status-copy p { max-width: 850px; margin: 0; color: #9fb0b7; }.domain-status-copy small { display: block; margin-top: 7px; color: #6f8791; font-size: 8px; }
.domain-status-score { width: 94px; height: 79px; display: grid; align-content: center; justify-items: center; border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; background: rgba(255, 255, 255, .05); }.domain-status-score strong { color: var(--lime); font-size: 23px; line-height: 1; }.domain-status-score span { margin-top: 5px; color: #718995; font-size: 7px; text-transform: uppercase; }
.domain-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(315px, .65fr); align-items: start; gap: 18px; }.domain-primary, .domain-secondary { min-width: 0; display: grid; gap: 18px; }
.method-count { padding: 5px 8px; color: #597068; border-radius: 8px; background: #eef4f0; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.verified-lock { display: flex; gap: 10px; margin-top: 18px; padding: 13px; color: #41645d; border: 1px solid #c8e9df; border-radius: 11px; background: #effaf7; }.verified-lock > span { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; color: var(--night); border-radius: 8px; background: var(--lime); font-weight: 900; }.verified-lock p { display: grid; margin: 0; }.verified-lock strong { font-size: 10px; }.verified-lock small { color: #6c817d; font-size: 8px; }
.domain-check-form { display: grid; gap: 17px; margin-top: 21px; }.method-selector { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.method-option { position: relative; min-height: 115px; display: grid; grid-template-columns: 39px minmax(0, 1fr); align-content: center; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfb; cursor: pointer; transition: border .18s ease, background .18s ease, transform .18s ease; }.method-option:hover { border-color: #b8c8c0; transform: translateY(-1px); }.method-option > input { position: absolute; opacity: 0; pointer-events: none; }.method-option > span:nth-of-type(2) { min-width: 0; display: grid; }.method-option strong { font-size: 10px; }.method-option small { color: #849197; font-size: 8px; }.method-option > i { position: absolute; width: 18px; height: 18px; display: none; place-items: center; top: 8px; right: 8px; color: var(--night); border-radius: 50%; background: var(--lime); font-size: 8px; font-style: normal; font-weight: 900; }.method-option.selected, .method-option:has(input:checked) { border-color: #a9d8cc; background: #f0faf7; }.method-option.selected > i, .method-option:has(input:checked) > i { display: grid; }.method-option:has(input:disabled) { cursor: default; transform: none; }
.method-symbol { width: 39px; height: 39px; display: grid; place-items: center; color: #166f61; border-radius: 10px; background: var(--aqua-soft); font-size: 8px; font-weight: 950; }
.domain-methods.is-enhanced .method-instruction:not(.active) { display: none; }.method-instruction { display: grid; gap: 8px; padding: 17px; border: 1px solid #dce5e0; border-radius: 13px; background: #f7f9f7; }
.instruction-heading { display: flex; gap: 11px; margin-bottom: 5px; }.instruction-heading > span { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; color: var(--night); border-radius: 8px; background: var(--lime); font-size: 8px; font-weight: 900; }.instruction-heading > div { display: grid; }.instruction-heading strong { font-size: 11px; }.instruction-heading small { color: var(--muted); font-size: 8px; }
.verification-value { min-width: 0; display: grid; grid-template-columns: 95px minmax(0, 1fr) auto; align-items: center; overflow: hidden; border: 1px solid #dde4e0; border-radius: 9px; background: white; }.verification-value > small { padding: 10px; color: #87949a; border-right: 1px solid #e4e9e6; font-size: 7px; font-weight: 850; text-transform: uppercase; }.verification-value code { min-width: 0; padding: 10px; overflow: hidden; color: #42575e; font: 9px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }.verification-value button { align-self: stretch; padding: 8px 10px; color: #0e7b69; border: 0; border-left: 1px solid #e1e7e3; background: #f9fbf9; font-size: 8px; font-weight: 900; }.verification-value-code code { white-space: normal; overflow-wrap: anywhere; }
.check-scope { display: flex; gap: 11px; padding: 13px; color: #566d68; border: 1px solid #cee5de; border-radius: 11px; background: #f0f9f6; }.check-scope > span { color: var(--aqua); font-size: 23px; }.check-scope > div { display: grid; }.check-scope strong { font-size: 9px; }.check-scope small { color: #71837f; font-size: 8px; }
.domain-check-form .button:disabled, .token-card .button:disabled { opacity: .55; cursor: wait; transform: none; }
.verification-results .state { margin-top: 2px; }.evidence-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 20px; }.evidence-grid > div { display: grid; padding: 13px; border: 1px solid #e2e7e4; border-radius: 10px; background: #f8faf8; }.evidence-grid small { color: #8a969b; font-size: 7px; text-transform: uppercase; }.evidence-grid strong { margin-top: 3px; font-size: 16px; }.result-line { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid #e9eeea; }.result-line:last-child { border: 0; }.result-line span { color: #8a969a; font-size: 8px; font-weight: 850; text-transform: uppercase; }.result-line code { overflow-wrap: anywhere; color: #51636a; font: 9px/1.5 ui-monospace, monospace; }
.domain-origin-card > h2 { margin: 6px 0 2px; overflow-wrap: anywhere; font-size: 23px; letter-spacing: -.7px; }.domain-origin-card > a { overflow-wrap: anywhere; font-size: 9px; font-weight: 800; }.domain-origin-card dl { display: grid; margin: 15px 0 0; }.domain-origin-card dl div { display: grid; gap: 2px; padding: 9px 0; border-bottom: 1px solid #e9eeea; }.domain-origin-card dl div:last-child { border: 0; }.domain-origin-card dt { color: #8a969b; font-size: 7px; font-weight: 850; text-transform: uppercase; }.domain-origin-card dd { margin: 0; color: #52636a; font-size: 9px; }
.domain-check-list { display: grid; margin-top: 15px; }.domain-check-list > div { display: grid; grid-template-columns: 9px minmax(0, 1fr); gap: 9px; padding: 11px 0; border-bottom: 1px solid #e9eeea; }.domain-check-list > div:last-child { border: 0; }.check-dot { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: #9ba6aa; }.check-dot-passed { background: var(--aqua); box-shadow: 0 0 0 4px var(--aqua-soft); }.check-dot-failed, .check-dot-error { background: #df6277; }.check-dot-running, .check-dot-queued { background: var(--amber); }.domain-check-list p { min-width: 0; display: grid; margin: 0; }.domain-check-list strong { font-size: 9px; }.domain-check-list small { color: #7f8c91; font-size: 8px; }.domain-check-list time { margin-top: 3px; color: #9ba5a8; font-size: 7px; }
.token-card h2 { margin: 6px 0; font-size: 19px; }.token-card p { color: var(--muted); font-size: 9px; }.token-card form { margin-top: 14px; }

@media (max-width: 1050px) {
  .domain-layout { grid-template-columns: 1fr; }
  .domain-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .domain-secondary .token-card { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .domain-status-hero { grid-template-columns: 55px minmax(0, 1fr); padding: 19px; }.domain-status-icon { width: 53px; height: 53px; }.domain-status-score { grid-column: 1 / -1; width: 100%; height: 55px; }.method-selector, .domain-secondary, .evidence-grid { grid-template-columns: 1fr; }.verification-value { grid-template-columns: 1fr auto; }.verification-value > small { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid #e4e9e6; }.verification-value code { white-space: normal; overflow-wrap: anywhere; }.result-line { grid-template-columns: 1fr; gap: 3px; }
}