:root {
  --bg: #080b11; --surface: #10151e; --surface-2: #171d28; --border: #252d3b;
  --text: #f3f6fb; --muted: #939dad; --accent: #61e79a; --accent-2: #35c97c;
  --danger: #ff6d7d; --warning: #f4c75b; --info: #76a9ff; --radius: 16px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text); background: var(--bg); font-synthesis: none;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 75% -10%, #173326 0, transparent 28rem), var(--bg); }
.wallet-selection-required .topbar,.wallet-selection-required .app-shell { display: none; }.wallet-gate { min-height: 100vh; padding: 64px 28px; }.wallet-gate-shell { width: min(100%,960px); margin: 0 auto; }.wallet-gate-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 54px; }.wallet-gate-brand b,.wallet-gate-brand small { display: block; }.wallet-gate-brand small { margin-top: 2px; color: var(--muted); font-size: .7rem; }.wallet-gate-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }.wallet-gate-heading h1 { margin: 5px 0 9px; font-size: clamp(2rem,5vw,3rem); letter-spacing: -.045em; }.wallet-gate-heading p:not(.eyebrow) { margin: 0; color: var(--muted); }.wallet-gate-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.wallet-choice { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 20px; text-align: left; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); }.wallet-choice:hover { border-color: rgba(97,231,154,.42); background: var(--surface-2); }.wallet-choice-copy { min-width: 0; }.wallet-choice-copy b,.wallet-choice-copy code,.wallet-choice-copy small { display: block; }.wallet-choice-copy b { margin-bottom: 7px; font-size: .95rem; }.wallet-choice-copy code { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }.wallet-choice-copy small { margin-top: 10px; color: var(--muted); }.wallet-choice-arrow { color: var(--accent); font-size: 1.25rem; }.wallet-gate-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }.wallet-gate-note { margin: 14px 0 0; color: var(--muted); text-align: center; font-size: .72rem; }
.wallet-gate { position: relative; padding: 0 28px 64px; }
.wallet-gate-shell { width: min(100%,760px); padding-top: 138px; }
.wallet-gate-brand { position: absolute; top: 0; left: 0; width: 100%; height: 72px; margin: 0; padding: 0 28px; border-bottom: 1px solid var(--border); background: rgba(8,11,17,.88); backdrop-filter: blur(14px); }
.wallet-gate-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
.wallet-gate-list,.wallet-gate-actions { grid-template-columns: 1fr; }
.wallet-gate-note { text-align: left; }
button, input, textarea, select { font: inherit; }
.wallet-choice { gap: 0; align-items: stretch; overflow: hidden; padding: 0; }
.wallet-choice-enter { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: center; min-width: 0; padding: 20px; color: var(--text); text-align: left; border: 0; background: transparent; }
.wallet-choice-enter:focus-visible,.wallet-choice-export:focus-visible { position: relative; z-index: 1; outline: 2px solid var(--accent); outline-offset: -3px; }
.wallet-choice-export { align-self: center; min-width: 64px; height: 38px; margin-right: 14px; color: var(--muted); border: 1px solid var(--border); border-radius: 9px; background: transparent; }
.wallet-choice-export:hover { color: var(--text); border-color: rgba(97,231,154,.42); }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .48; }
a { color: inherit; }
.skip-link { position: fixed; top: -4rem; left: 1rem; z-index: 20; padding: .7rem 1rem; background: var(--accent); color: #031209; border-radius: 8px; }
.skip-link:focus { top: 1rem; }
.topbar { height: 72px; position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; border-bottom: 1px solid var(--border); background: rgba(8,11,17,.88); backdrop-filter: blur(14px); }
.brand { display: flex; gap: 12px; align-items: center; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; }.brand-mark img { display: block; width: 34px; height: 34px; object-fit: contain; }
.brand b, .brand small { display: block; }.brand small { color: var(--muted); font-size: .7rem; margin-top: 1px; }
.service-pill { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .84rem; padding: 8px 12px; border: 1px solid var(--border); border-radius: 999px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--warning); box-shadow: 0 0 0 4px rgba(244,199,91,.12); }
.service-pill.online .status-dot { background: var(--accent); box-shadow: 0 0 0 4px rgba(97,231,154,.12); }.service-pill.offline .status-dot { background: var(--danger); }
.app-shell { display: grid; grid-template-columns: 224px minmax(0,1fr); min-height: calc(100vh - 72px); }
.sidebar { position: sticky; top: 72px; align-self: start; height: calc(100vh - 72px); padding: 26px 18px; border-right: 1px solid var(--border); }
.sidebar-switch-wallet { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 54px; margin: 0 0 20px; padding: 10px 12px; color: var(--text); text-align: left; border: 1px solid var(--border); border-radius: 11px; background: rgba(16,21,30,.72); }.sidebar-switch-wallet:hover { border-color: rgba(97,231,154,.4); background: var(--surface-2); }.sidebar-switch-wallet .nav-icon { display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; color: var(--accent); }.sidebar-switch-wallet svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.sidebar-switch-wallet b,.sidebar-switch-wallet small { display: block; overflow: hidden; max-width: 130px; text-overflow: ellipsis; white-space: nowrap; }.sidebar-switch-wallet b { font-size: .78rem; }.sidebar-switch-wallet small { margin-top: 3px; color: var(--muted); font-size: .65rem; }
.sidebar a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 13px; margin-bottom: 6px; color: var(--muted); text-decoration: none; border-radius: 10px; font-size: .92rem; }
.sidebar a .nav-icon { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; }.sidebar .nav-icon svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.sidebar .nav-label { display: block; line-height: 20px; }.sidebar a:hover { color: var(--text); background: var(--surface); }.sidebar a.active { color: var(--accent); background: rgba(97,231,154,.08); }
.sidebar a.nav-locked,.sidebar a.nav-locked:hover { color: #667080; background: transparent; cursor: not-allowed; opacity: .62; }
.nav-count { display: grid; place-items: center; min-width: 20px; height: 20px; margin-left: auto; padding: 0 6px; color: #211900; border-radius: 999px; background: var(--warning); font-size: .65rem; font-weight: 900; }
.local-note { position: absolute; bottom: 18px; left: 22px; right: 22px; color: var(--muted); font-size: .74rem; line-height: 1.6; }.local-note b { color: var(--accent); }
main { min-width: 0; }.page { display: none; max-width: 1160px; margin: 0 auto; padding: 56px 44px 80px; }.page.active { display: block; }#agents.page,#approvals.page,#operations.page { max-width: 1440px; }
.onboarding-required .topbar,.onboarding-required .sidebar { display: none; }.onboarding-required .app-shell { display: block; min-height: 100vh; }.onboarding-required #import.page { max-width: 1120px; padding-top: 64px; }.onboarding-required #import .page-heading,.onboarding-required #conversion-workflow { margin-inline: auto; }.onboarding-required #import .page-heading,.onboarding-required #conversion-workflow,.onboarding-required #conversion-status { max-width: 960px; }.onboarding-required .form-card,.onboarding-required .progress-card,.onboarding-required .onboarding-card { max-width: 960px; }
.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 28px; }.page-heading>.button { flex: 0 0 auto; white-space: nowrap; }.page-heading h1 { margin: 4px 0 8px; font-size: clamp(1.8rem,4vw,2.5rem); letter-spacing: -.04em; }.page-heading p { margin: 0; color: var(--muted); }
.page-heading p strong { color: var(--text); font-weight: 700; }.grant-wallet-binding { margin: 7px 0 0; color: var(--muted); font-size: .72rem; font-weight: 500; }
.eyebrow { color: var(--accent) !important; font-size: .7rem; letter-spacing: .16em; font-weight: 800; }
.card { border: 1px solid var(--border); border-radius: var(--radius); background: linear-gradient(145deg, rgba(23,29,40,.82), rgba(13,18,26,.92)); box-shadow: 0 18px 60px rgba(0,0,0,.16); }
.wallet-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 26px; }.wallet-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: var(--accent); background: rgba(97,231,154,.1); }.wallet-primary { min-width: 0; }.address-row { display: flex; align-items: center; gap: 10px; margin-top: 7px; }.address-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }.wallet-lock { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }.auto-lock-countdown { display: grid; justify-items: end; min-width: 76px; line-height: 1.15; }.auto-lock-countdown small { color: var(--muted); font-size: .65rem; }.auto-lock-countdown strong { margin-top: 3px; color: var(--accent); font: 700 .82rem ui-monospace,SFMono-Regular,Consolas,monospace; font-variant-numeric: tabular-nums; }
.wallet-manager { margin-bottom: 16px; }.wallet-manager-actions { display: flex; gap: 8px; }.wallet-list { display: grid; }.wallet-list-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; align-items: center; padding: 16px 22px; border-top: 1px solid var(--border); }.wallet-list-row:first-child { border-top: 0; }.wallet-list-row.active { background: rgba(97,231,154,.035); }.wallet-list-info { min-width: 0; }.wallet-list-info h3 { margin: 0 0 5px; font-size: .9rem; }.wallet-list-info p { margin: 0; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font: .72rem ui-monospace,SFMono-Regular,Consolas,monospace; }.wallet-list-actions { display: flex; gap: 7px; }
.muted,.stat span,.stat small { color: var(--muted); }.badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: .75rem; }.badge.neutral { background: #2b3240; }.badge.good { color: var(--accent); background: rgba(97,231,154,.1); }.badge.warn { color: var(--warning); background: rgba(244,199,91,.1); }.badge.danger { color: #ff9eaa; background: rgba(255,109,125,.1); }
.stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin: 14px 0; }.stat { padding: 22px; }.stat span,.stat b,.stat small { display: block; }.stat b { font-size: 1.45rem; margin: 12px 0 5px; }.stat small { font-size: .75rem; }
.balances-card { margin: 14px 0; overflow: hidden; }.balance-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; }.balance-group { min-width: 0; padding: 18px 20px; border-right: 1px solid var(--border); border-top: 1px solid var(--border); }.balance-group:nth-child(3n) { border-right: 0; }.balance-group h3 { margin: 0 0 12px; color: var(--muted); font-size: .72rem; font-weight: 700; }.balance-entries { display: grid; gap: 8px; }.balance-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: .78rem; }.balance-row span { color: var(--muted); }.balance-row strong { min-width: 0; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; font: .78rem ui-monospace,SFMono-Regular,Consolas,monospace; }.balance-row strong.unavailable { color: var(--warning); font-family: inherit; }
.security-settings { margin-top: 14px; padding: 0; overflow: hidden; }.security-settings summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 21px 24px; cursor: pointer; list-style: none; }.security-settings summary::-webkit-details-marker { display: none; }.security-settings summary::after { content: "⌄"; position: absolute; right: 24px; color: var(--muted); transition: transform .18s ease; }.security-settings[open] summary::after { transform: rotate(180deg); }.security-settings-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: var(--accent); background: rgba(97,231,154,.1); font-weight: 800; }.security-settings summary b,.security-settings summary small { display: block; }.security-settings summary small { margin-top: 3px; color: var(--muted); font-size: .75rem; }.security-settings-summary { margin-right: 20px; color: var(--muted); font-size: .78rem; }.security-settings-body { border-top: 1px solid var(--border); padding: 0 24px; }.security-form { padding: 22px 0; }.security-form + .security-form { border-top: 1px solid var(--border); }.security-form-heading h2 { margin: 0; font-size: 1rem; }.security-form-heading p { margin: 5px 0 18px; color: var(--muted); font-size: .8rem; line-height: 1.55; }.three-column { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.security-actions,.auto-lock-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin-top: 14px; }.auto-lock-controls > div { min-width: 180px; }.auto-lock-controls .button { margin-bottom: 24px; }.inline-message { color: var(--muted); font-size: .78rem; }.inline-message.success { color: var(--accent); }.inline-message.error { color: var(--danger); }
.security-settings summary { position: relative; }
.security-settings summary { padding: 22px 32px; }.security-settings summary::after { right: 32px; }.security-settings-summary { margin-right: 26px; }.security-settings-body { padding: 0 32px; }.security-form { padding: 28px 0; }.security-form-heading,.password-fields,.security-actions,.auto-lock-controls { width: min(100%,620px); }.security-form-heading p { margin-bottom: 20px; }.password-fields { display: grid; grid-template-columns: 1fr; gap: 15px; }.password-fields input { height: 48px; margin-bottom: 0; }.security-actions { display: grid; grid-template-columns: 1fr; gap: 8px; align-items: stretch; margin-top: 18px; }.security-actions .button { width: 100%; min-height: 52px; }.security-actions .inline-message { min-height: 18px; }.auto-lock-controls { display: block; margin-top: 0; }.auto-lock-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; min-width: 0 !important; }.auto-lock-row input,.auto-lock-row .button { width: 100%; height: 52px; min-height: 52px; margin: 0; }.auto-lock-controls .button { margin-bottom: 0; }.auto-lock-controls .field-hint { margin: 9px 0 0; }.auto-lock-controls .inline-message { display: block; min-height: 18px; margin-top: 8px; }.security-save-button { font-weight: 800; }
.wallet-management-card { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 30px; padding: 28px 32px; }.wallet-management-copy h2 { margin: 5px 0 20px; }.wallet-management-copy strong,.wallet-management-copy code { display: block; }.wallet-management-copy code { width: fit-content; max-width: 100%; margin-top: 7px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }.wallet-management-copy>p:last-child { max-width: 760px; margin: 20px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.6; }.wallet-management-actions { display: grid; grid-template-columns: repeat(2,minmax(140px,1fr)); gap: 10px; }.wallet-management-actions .button { min-height: 48px; }
.wallet-management-card { display: block; }
.wallet-management-actions { display: flex; width: fit-content; margin-top: 22px; }
.wallet-management-actions .button { min-width: 118px; min-height: 42px; padding: 9px 16px; }
.security-settings-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.security-card { display: flex; align-items: start; gap: 16px; padding: 22px; }.security-card h2 { font-size: 1rem; margin: 0 0 5px; }.security-card p { margin: 0; color: var(--muted); line-height: 1.6; font-size: .87rem; }.shield { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: var(--accent); border: 1px solid rgba(97,231,154,.3); border-radius: 50%; }
.button,.icon-button,.text-button { border: 0; color: inherit; }.button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 17px; border-radius: 10px; background: var(--surface-2); font-weight: 700; text-decoration: none; }.button.primary { color: #04150b; background: var(--accent); }.button.primary:hover { background: var(--accent-2); }.button.ghost { border: 1px solid var(--border); background: transparent; }.button.small { min-height: 34px; font-size: .78rem; }.button.wide { width: 100%; margin-top: 8px; }.icon-button,.text-button { background: transparent; }.icon-button { padding: 5px 7px; color: var(--muted); font-size: .78rem; }.text-button { color: var(--accent); font-size: .8rem; }
.alert { display: flex; gap: 10px; margin: 0 0 22px; padding: 15px 17px; border-radius: 12px; line-height: 1.5; font-size: .84rem; }.alert b { flex: 0 0 auto; }.alert.warning { border: 1px solid rgba(244,199,91,.24); color: #e9d79e; background: rgba(244,199,91,.07); }.alert.info { border: 1px solid rgba(118,169,255,.2); color: #c1d4f9; background: rgba(118,169,255,.06); }.alert code,.field-hint code { font-size: .8em; }
.stepper { display: grid; grid-template-columns: repeat(5,1fr); margin: 28px 0; }.stepper div { position: relative; display: flex; gap: 9px; align-items: center; color: var(--muted); font-size: .75rem; }.stepper div:not(:last-child)::after { content:""; height: 1px; background: var(--border); flex: 1; margin-right: 10px; }.stepper span { display: grid; place-items: center; flex: 0 0 27px; height: 27px; border-radius: 50%; border: 1px solid var(--border); }.stepper .current { color: var(--text); }.stepper .current span,.stepper .done span { color: #04150b; background: var(--accent); border-color: var(--accent); }.stepper .done { color: var(--accent); }
.form-card { max-width: 760px; padding: 28px; }.form-card fieldset,.capabilities { border: 0; padding: 0; margin: 0 0 22px; }legend,label { display: block; margin-bottom: 8px; color: #d9dfe9; font-size: .84rem; font-weight: 700; }.optional { color: var(--muted); font-weight: 400; }
input,textarea,select { width: 100%; color: var(--text); border: 1px solid var(--border); border-radius: 10px; background: #0b0f16; outline: none; padding: 11px 12px; margin-bottom: 18px; transition: border .15s, box-shadow .15s; }textarea { resize: vertical; line-height: 1.5; }input:focus,textarea:focus,select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(97,231,154,.1); }input[aria-invalid="true"],textarea[aria-invalid="true"] { border-color: var(--danger); }.field-hint { margin: -10px 0 18px; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.segmented { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 4px; border: 1px solid var(--border); border-radius: 11px; background: #0b0f16; }.segmented label { position: relative; margin: 0; }.segmented input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }.segmented span { display: block; padding: 9px; color: var(--muted); border-radius: 8px; text-align: center; cursor: pointer; }.segmented input:checked + span { color: var(--text); background: var(--surface-2); box-shadow: 0 2px 8px rgba(0,0,0,.25); }.segmented input:focus-visible + span { outline: 2px solid var(--accent); }
.secret-wrap { position: relative; }.secret-wrap input,.secret-wrap textarea { padding-right: 65px; }.secret-wrap textarea { -webkit-text-security: disc; }.secret-wrap textarea.revealed { -webkit-text-security: none; }.reveal { position: absolute; right: 8px; top: 7px; border: 0; padding: 5px 7px; color: var(--accent); background: transparent; font-size: .75rem; }.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.check { display: flex; gap: 10px; align-items: flex-start; margin: 5px 0 18px; font-weight: 400; line-height: 1.5; }.check input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--accent); flex: 0 0 auto; }.form-error { margin: 0 0 14px; padding: 11px 13px; color: #ffc1c8; background: rgba(255,109,125,.08); border: 1px solid rgba(255,109,125,.22); border-radius: 9px; font-size: .82rem; }
.progress-card { max-width: 760px; display: flex; gap: 18px; margin-top: 14px; padding: 24px; }.progress-card h2 { margin: 0 0 6px; font-size: 1rem; }.progress-card p { color: var(--muted); margin: 0 0 12px; }.progress-card>div:last-child { flex: 1; }.progress-card progress { width: 100%; accent-color: var(--accent); }.progress-card code { display: block; color: var(--muted); margin-top: 8px; font-size: .72rem; }.spinner { flex: 0 0 28px; height: 28px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }
.onboarding-card { max-width: 760px; display: flex; align-items: flex-start; gap: 18px; padding: 28px; }.onboarding-step-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 13px; color: #04150b; background: var(--accent); font-weight: 900; }.onboarding-step-icon.success { font-size: 1.2rem; }.onboarding-copy { min-width: 0; flex: 1; }.onboarding-copy h2 { margin: 4px 0 10px; }.onboarding-copy>p:not(.eyebrow) { margin: 0 0 20px; color: var(--muted); line-height: 1.65; font-size: .86rem; }.onboarding-copy label { margin-top: 16px; }.onboarding-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }.onboarding-handoff .onboarding-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }.onboarding-handoff .onboarding-actions .button { width: 100%; min-height: 44px; padding-inline: 12px; text-align: center; }.handoff-value { overflow-wrap: anywhere; padding: 12px 13px; border: 1px solid var(--border); border-radius: 10px; background: #0b0f16; font: .78rem ui-monospace,SFMono-Regular,Consolas,monospace; }.handoff-value a { color: var(--accent); }.onboarding-handoff textarea { margin-bottom: 0; font: .78rem ui-monospace,SFMono-Regular,Consolas,monospace; resize: none; }.onboarding-copy .token-note { margin: 8px 0 0; color: var(--muted); font-size: .75rem; }.token-note code { color: var(--accent); }.connection-meta { color: var(--text) !important; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; }.onboarding-complete { border-color: rgba(97,231,154,.34); }
.conversion-state-card { max-width: 760px; display: flex; align-items: center; gap: 16px; margin-bottom: 18px; padding: 24px; }.conversion-state-card h2 { margin: 0 0 6px; font-size: 1rem; }.conversion-state-card p { margin: 0; color: var(--muted); font-size: .84rem; }.existing-wallet-card { max-width: 760px; display: flex; align-items: flex-start; gap: 18px; padding: 28px; }.existing-wallet-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 13px; color: #04150b; background: var(--accent); font-weight: 900; }.existing-wallet-copy { min-width: 0; }.existing-wallet-copy h2 { margin: 4px 0 18px; }.existing-wallet-copy p:not(.eyebrow) { margin: 0 0 8px; color: var(--muted); line-height: 1.65; font-size: .84rem; }.existing-wallet-copy code { display: block; margin: 0 0 18px; overflow-wrap: anywhere; color: var(--text); font-size: .86rem; }.existing-wallet-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.skill-delivery { display: flex; align-items: center; gap: 14px; min-width: 0; margin: -6px 0 22px; padding: 11px 13px 11px 16px; border: 1px solid var(--border); border-radius: 12px; background: rgba(20,26,36,.62); }.skill-delivery>span { flex: 0 0 auto; color: var(--text); font-size: .78rem; font-weight: 800; }.skill-delivery>a:not(.button) { min-width: 0; flex: 1; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font: .72rem ui-monospace,SFMono-Regular,Consolas,monospace; }.skill-delivery>a:not(.button):hover { color: var(--accent); }.skill-delivery .text-button,.skill-delivery .button { flex: 0 0 auto; }.access-card { margin-bottom: 16px; }.card-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 20px 22px; border-bottom: 1px solid var(--border); }.card-heading h2 { margin: 0; font-size: 1rem; }.card-heading-copy { min-width: 0; }.card-heading-copy p { margin: 7px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }.card-heading .text-button { flex: 0 0 auto; }.grant-list { min-height: 120px; }.grant-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 20px; align-items: center; padding: 18px 22px; border-top: 1px solid var(--border); }.grant-row:first-child { border: 0; }.grant-row h3 { margin: 0 0 6px; font-size: .93rem; }.grant-row p { margin: 0; color: var(--muted); font-size: .75rem; }.grant-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }.chips { display: flex; flex-wrap: wrap; gap: 5px; }.chip { padding: 4px 7px; color: #b9c2d0; background: #252c38; border-radius: 6px; font-size: .7rem; }.empty { color: var(--muted); padding: 28px 22px; margin: 0; }
dialog { color: var(--text); border: 1px solid var(--border); background: var(--surface); box-shadow: 0 30px 100px #000; }dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(4px); }#grant-dialog { position: fixed; inset: 0 0 0 auto; width: min(820px,calc(100vw - 24px)); max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; border-radius: 22px 0 0 22px; }#grant-dialog form { height: 100%; overflow-y: auto; padding: 0 42px; }.dialog-heading { display: flex; justify-content: space-between; align-items: center; }.dialog-heading h2 { margin: 4px 0; }#grant-dialog .dialog-heading { position: sticky; top: 0; z-index: 2; margin: 0; padding: 30px 0 22px; background: linear-gradient(180deg,var(--surface) 82%,rgba(16,21,30,.92)); }#grant-dialog .dialog-heading .icon-button { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; color: var(--text); border: 1px solid var(--border); border-radius: 11px; font-size: 1.6rem; }#grant-dialog fieldset { border: 0; padding: 0; margin: 0 0 26px; }#grant-dialog legend { margin-bottom: 12px; }.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }#grant-dialog .dialog-actions { position: sticky; bottom: 0; z-index: 2; margin-top: 8px; padding: 18px 0 28px; background: linear-gradient(0deg,var(--surface) 82%,rgba(16,21,30,.92)); }.capabilities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }.capabilities .check { min-height: 46px; align-items: center; padding: 10px; margin: 0; border: 1px solid var(--border); border-radius: 9px; }.grant-policy-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 16px; }.grant-policy-grid .drawer-field-wide { grid-column: 1/-1; }.grant-policy-grid input,.grant-policy-grid select { margin-bottom: 0; }
.direct-execution-check { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; align-items: start; margin: 0; padding: 15px 16px; border: 1px solid var(--border); border-radius: 11px; background: rgba(20,26,36,.72); cursor: pointer; }.direct-execution-check:has(input:checked) { border-color: rgba(86,225,150,.48); background: rgba(86,225,150,.08); }.direct-execution-check input { margin-top: 3px; }.direct-execution-check b,.direct-execution-check small { display: block; }.direct-execution-check b { color: var(--text); font-size: .84rem; }.direct-execution-check small { margin-top: 5px; color: var(--muted); font-size: .72rem; font-weight: 400; line-height: 1.55; }.direct-execution-safety { margin: 9px 2px 0; color: var(--muted); font-size: .7rem; line-height: 1.55; }.direct-execution-safety b { color: #e0c46f; }.chip.execution-mode { border: 1px solid transparent; }.chip.execution-mode.direct { color: var(--accent); border-color: rgba(86,225,150,.25); background: rgba(86,225,150,.08); }.chip.execution-mode.approval { color: #e0c46f; border-color: rgba(224,196,111,.24); background: rgba(224,196,111,.08); }
.policy-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 9px; }.field-label { color: #d9dfe9; font-size: .84rem; font-weight: 700; }.policy-field-heading>span:last-child { color: var(--accent); font-size: .75rem; }
.network-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }.network-choice { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 52px; margin: 0; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; background: #0b0f16; cursor: pointer; }.network-choice:has(input:checked) { border-color: rgba(97,231,154,.5); background: rgba(97,231,154,.07); }.network-choice input { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: var(--accent); }.network-choice span { min-width: 0; }.network-choice b,.network-choice small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.network-choice b { color: var(--text); font-size: .78rem; }.network-choice small { margin-top: 3px; color: var(--muted); font-size: .65rem; }.network-loading { grid-column: 1/-1; padding: 13px; color: var(--muted); border: 1px dashed var(--border); border-radius: 10px; font-size: .75rem; }
.allowlist-field { scroll-margin-block: 110px; }.allowlist-field textarea { min-height: 72px; max-height: 132px; margin-bottom: 7px; overflow-y: auto; resize: vertical; white-space: pre; font: .76rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }.allowlist-footer { display: flex; align-items: center; justify-content: space-between; min-height: 24px; color: var(--muted); font-size: .7rem; }.allowlist-footer .text-button { visibility: hidden; }.allowlist-field:focus-within .allowlist-footer .text-button,.allowlist-field textarea:not(:placeholder-shown)+.allowlist-footer .text-button { visibility: visible; }
.approval-summary { display: flex; align-items: center; gap: 12px; margin: -10px 0 22px; font-size: .8rem; }.approval-list { display: grid; gap: 12px; }.approval-card { padding: 0; overflow: hidden; }.approval-card-risk { border-color: rgba(244,199,91,.32); }.approval-card-heading { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; align-items: center; padding: 22px 24px 22px 43px; cursor: pointer; list-style: none; }.approval-card-heading::-webkit-details-marker { display: none; }.approval-card-heading::before { content: "›"; position: absolute; left: 22px; top: 50%; color: var(--muted); font-size: 1.25rem; transform: translateY(-50%); transition: transform .15s; }.approval-card[open]>.approval-card-heading::before { transform: translateY(-50%) rotate(90deg); }.approval-card-heading h2 { margin: 5px 0 7px; font-size: 1rem; line-height: 1.35; }.approval-card-heading .eyebrow { margin: 0; }.approval-meta { margin: 0; color: var(--muted); font-size: .72rem; }.approval-summary-action { display: flex; align-items: center; flex: 0 0 auto; }.approval-summary-action .button { min-width: 72px; }.approval-card-body { padding: 0 24px 24px; border-top: 1px solid var(--border); }.approval-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 20px 0; }.approval-fact { min-width: 0; padding: 13px 14px; border: 1px solid var(--border); border-radius: 10px; background: rgba(8,11,17,.42); }.approval-fact-wide { grid-column: span 2; }.approval-fact dt { color: var(--muted); font-size: .68rem; }.approval-fact dd { margin: 7px 0 0; overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; font: .76rem ui-monospace,SFMono-Regular,Consolas,monospace; }.approval-fact-wide dd { white-space: normal; overflow-wrap: anywhere; }.approval-value-warn { color: var(--warning) !important; font-weight: 800 !important; }.approval-risk { padding: 14px 16px; color: #d9dfe9; border: 1px solid rgba(118,169,255,.16); border-radius: 11px; background: rgba(118,169,255,.05); font-size: .78rem; line-height: 1.55; }.approval-card-risk .approval-risk { color: #eadca9; border-color: rgba(244,199,91,.25); background: rgba(244,199,91,.07); }.approval-risk ul { margin: 7px 0 0; padding-left: 18px; }.approval-raw { margin-top: 14px; color: var(--muted); font-size: .76rem; }.approval-raw summary { cursor: pointer; }.approval-raw pre { max-height: 320px; margin: 12px 0 0; overflow: auto; padding: 14px; color: #cdd6e3; border-radius: 9px; background: #080b11; white-space: pre-wrap; overflow-wrap: anywhere; }.approval-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 20px; }.approval-actions .button { min-width: 96px; }
.operation-tabs { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 14px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); }.operation-tabs button { min-width: 78px; padding: 9px 14px; color: var(--muted); border: 0; border-radius: 8px; background: transparent; }.operation-tabs button[aria-selected="true"] { color: #06130b; background: var(--accent); font-weight: 800; }.operations-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }.operation-card { padding: 28px; }.operation-card hr { height: 1px; border: 0; background: var(--border); margin: 8px 0 22px; }.result-card { width: 100%; overflow: hidden; }.result-empty { min-height: 120px; padding: 28px 22px; color: var(--muted); font-size: .84rem; }.result-view { padding: 20px 22px; }.result-view dl { margin: 0; }.result-view dt { margin-top: 13px; color: var(--muted); font-size: .72rem; }.result-view dd { margin: 4px 0; overflow-wrap: anywhere; font: .78rem ui-monospace,SFMono-Regular,Consolas,monospace; }.result-view pre { max-height: 480px; overflow: auto; padding: 12px; color: #cdd6e3; background: #080b11; border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .72rem; }
.button.danger { color: #fff; background: var(--danger); }.button.danger:hover { background: #ff8491; }
.capabilities .capability-detailed { grid-column: 1/-1; }.capability-detailed span,.capability-detailed small { display: block; }.capability-detailed small { margin-top: 3px; color: var(--muted); font-size: .67rem; font-weight: 400; line-height: 1.4; }
.grant-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }.grant-preset { min-height: 72px; padding: 12px 13px; color: var(--text); text-align: left; border: 1px solid var(--border); border-radius: 11px; background: #0b0f16; }.grant-preset:hover { border-color: rgba(97,231,154,.35); }.grant-preset[aria-pressed="true"] { color: #07140c; border-color: var(--accent); background: var(--accent); }.grant-preset b,.grant-preset span { display: block; }.grant-preset b { font-size: .9rem; }.grant-preset span { margin-top: 4px; color: var(--muted); font-size: .67rem; line-height: 1.4; }.grant-preset[aria-pressed="true"] span { color: rgba(7,20,12,.72); }.grant-preset-note { margin: 10px 2px 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }.capability-sensitive { border-color: rgba(244,199,91,.28) !important; background: rgba(244,199,91,.045); }
.activity-summary { display: flex; align-items: center; gap: 12px; margin: -10px 0 22px; font-size: .8rem; }.activity-list { display: grid; gap: 12px; }.activity-card { padding: 0; overflow: hidden; }.activity-card-heading { position: relative; display: grid; grid-template-columns: 12px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 21px 24px; cursor: pointer; list-style: none; }.activity-card-heading::-webkit-details-marker { display: none; }.activity-card-heading::after { content: "›"; position: absolute; right: 25px; bottom: 5px; color: var(--muted); font-size: 1rem; transition: transform .15s; }.activity-card[open]>.activity-card-heading::after { transform: rotate(90deg); }.activity-marker { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); box-shadow: 0 0 0 5px rgba(142,154,175,.08); }.activity-marker.good { background: var(--accent); box-shadow: 0 0 0 5px rgba(97,231,154,.08); }.activity-marker.warn { background: var(--warning); box-shadow: 0 0 0 5px rgba(244,199,91,.08); }.activity-marker.danger { background: var(--danger); box-shadow: 0 0 0 5px rgba(255,109,125,.08); }.activity-heading-copy { min-width: 0; }.activity-heading-copy .eyebrow { margin: 0; }.activity-heading-copy h2 { margin: 4px 0 6px; overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }.activity-meta { margin: 0; color: var(--muted); font-size: .72rem; }.activity-card-heading>.badge { margin-right: 20px; }.activity-card-body { padding: 0 24px 24px 52px; border-top: 1px solid var(--border); }.activity-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 20px 0; }.activity-facts .approval-fact { margin: 0; }.activity-error { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 12px; padding: 14px 16px; color: #ffc1c8; border: 1px solid rgba(255,109,125,.25); border-radius: 10px; background: rgba(255,109,125,.06); font-size: .76rem; }.activity-hidden-note { margin: 13px 0 0; color: var(--muted); font-size: .72rem; }.activity-raw { margin-top: 13px; color: var(--muted); font-size: .76rem; }.activity-raw summary { color: var(--accent); cursor: pointer; }.activity-raw pre { max-height: 360px; margin: 10px 0 0; overflow: auto; padding: 14px; color: #cdd6e3; border-radius: 9px; background: #080b11; white-space: pre-wrap; overflow-wrap: anywhere; }
#operations>:not(.agent-usage-guide) { display: none; }.agent-usage-guide { display: grid; gap: 24px; }.agent-guide-heading { margin-bottom: 0; }.agent-guide-heading .button { flex: 0 0 auto; }.agent-guide-doc-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }.agent-delivery-card { display: grid; grid-template-columns: minmax(240px,.72fr) minmax(420px,1.28fr); gap: 34px; padding: 28px; }.agent-delivery-card h2,.agent-state-guide h2,.agent-guide-section-heading h2 { margin: 5px 0 10px; }.agent-delivery-card>div>p:not(.eyebrow),.agent-guide-section-heading>p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.65; }.agent-resource-list { display: grid; gap: 10px; }.agent-resource { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(8,11,17,.48); }.agent-resource>span { display: grid; place-items: center; width: 34px; height: 34px; color: #04150b; border-radius: 10px; background: var(--accent); font-weight: 900; }.agent-resource b,.agent-resource a,.agent-resource p { display: block; }.agent-resource a:not(.button) { margin-top: 4px; overflow: hidden; color: var(--accent); text-overflow: ellipsis; white-space: nowrap; font: .72rem ui-monospace,SFMono-Regular,Consolas,monospace; }.agent-resource p { margin: 4px 0 0; color: var(--muted); font-size: .72rem; }.agent-resource code { color: var(--accent); }.agent-guide-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-top: 8px; }.agent-guide-section-heading>p { max-width: 520px; text-align: right; }.agent-example-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.agent-example-card { display: grid; grid-template-rows: auto 1fr auto; min-height: 210px; padding: 22px; }.agent-example-icon { color: var(--accent); font: 800 .72rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .12em; }.agent-example-card h3 { margin: 18px 0 8px; font-size: 1rem; }.agent-example-card p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.65; }.agent-example-card .text-button { justify-self: start; margin-top: 18px; }.agent-state-guide { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: 32px; padding: 28px; }.agent-state-guide dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0; }.agent-state-guide dl>div { padding: 15px; border: 1px solid var(--border); border-radius: 11px; background: rgba(8,11,17,.48); }.agent-state-guide dt { color: var(--accent); font: 700 .72rem ui-monospace,SFMono-Regular,Consolas,monospace; }.agent-state-guide dd { margin: 8px 0 0; color: var(--muted); font-size: .74rem; line-height: 1.55; }
#action-dialog { width: min(540px,calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; overflow: hidden; border-radius: 20px; }
#action-dialog form { max-height: calc(100dvh - 32px); overflow-y: auto; padding: 28px; }
.action-dialog-heading { display: grid; grid-template-columns: 46px minmax(0,1fr) 38px; gap: 14px; align-items: center; }
.action-dialog-heading-copy { min-width: 0; }.action-dialog-heading .eyebrow { margin: 0 0 5px; }.action-dialog-heading h2 { margin: 0; font-size: 1.3rem; }
.action-dialog-icon { display: grid; place-items: center; width: 46px; height: 46px; color: #04150b; border-radius: 14px; background: var(--accent); font-weight: 900; letter-spacing: -.08em; }
#action-dialog[data-variant="danger"] .action-dialog-icon { color: #fff; background: rgba(255,109,125,.18); border: 1px solid rgba(255,109,125,.38); }
.action-dialog-close { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: var(--muted); border: 1px solid var(--border); border-radius: 10px; font-size: 1.35rem; }
.action-dialog-close:hover { color: var(--text); background: var(--surface-2); }
.action-dialog-message { margin: 22px 0; color: var(--muted); white-space: pre-line; line-height: 1.65; font-size: .88rem; }
#action-dialog-input-group label,#action-dialog-token-group label { margin-top: 2px; }
#action-dialog-input,#action-dialog-token { margin-bottom: 12px; }
#action-dialog-token { resize: none; font: .78rem ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap: anywhere; }
#action-dialog .field-hint { margin: 0 0 20px; }
#action-dialog .dialog-actions { padding-top: 4px; }
#action-dialog .dialog-actions .button { min-width: 112px; }
.toast-region { position: fixed; right: 18px; bottom: 18px; z-index: 40; display: grid; gap: 8px; }.toast { max-width: 360px; padding: 12px 15px; color: var(--text); border: 1px solid var(--border); border-radius: 10px; background: #1b2330; box-shadow: 0 10px 40px #0008; font-size: .82rem; }.toast.error { border-color: rgba(255,109,125,.4); }
@media (max-width: 850px) { .app-shell { grid-template-columns: 1fr; }.sidebar { position: fixed; z-index: 9; top: auto; bottom: 0; width: 100%; height: 64px; display: grid; grid-template-columns: repeat(7,minmax(62px,1fr)); padding: 7px; overflow-x: auto; border: 0; border-top: 1px solid var(--border); background: rgba(8,11,17,.96); }.sidebar-switch-wallet,.sidebar a { position: relative; justify-content: center; flex-direction: column; gap: 2px; min-height: 50px; padding: 4px; margin: 0; font-size: .65rem; }.sidebar-switch-wallet { color: var(--muted); border: 0; border-radius: 10px; background: transparent; }.sidebar-switch-wallet:hover { border: 0; background: var(--surface); }.sidebar-switch-wallet .nav-icon,.sidebar a .nav-icon { width: 18px; height: 18px; flex-basis: 18px; }.sidebar-switch-wallet svg,.sidebar .nav-icon svg { width: 17px; height: 17px; }.sidebar-switch-wallet b { font-size: .65rem; font-weight: 500; }.sidebar-switch-wallet small { display: none; }.sidebar .nav-label { line-height: 14px; }.sidebar .nav-count { position: absolute; top: 0; left: calc(50% + 8px); min-width: 16px; height: 16px; padding-inline: 4px; }.local-note { display: none; }.page { padding: 38px 22px 100px; }.operations-layout { grid-template-columns: 1fr; }.balance-list { grid-template-columns: repeat(2,minmax(0,1fr)); }.balance-group:nth-child(3n) { border-right: 1px solid var(--border); }.balance-group:nth-child(2n) { border-right: 0; }.approval-facts,.activity-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }.topbar { padding: 0 18px; }.wallet-management-card { grid-template-columns: 1fr; align-items: stretch; }.wallet-management-actions { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .brand small { display: none; }.service-pill { max-width: 170px; overflow: hidden; white-space: nowrap; }.wallet-card { grid-template-columns: auto minmax(0,1fr); }.wallet-lock { grid-column: 1/-1; justify-content: flex-end; }.stat-grid,.two-column,.three-column { grid-template-columns: 1fr; gap: 0; }.stat-grid { gap: 10px; }.security-settings summary { grid-template-columns: auto minmax(0,1fr); }.security-settings-summary { grid-column: 2; margin-right: 0; }.stepper b { display: none; }.page-heading { align-items: start; flex-direction: column; }.capabilities { grid-template-columns: 1fr 1fr; }.grant-policy-grid { grid-template-columns: 1fr; }.grant-policy-grid .drawer-field-wide { grid-column: auto; }.network-options { grid-template-columns: 1fr 1fr; }#grant-dialog { width: 100vw; border-radius: 0; }#grant-dialog form { padding: 0 22px; }.grant-row { grid-template-columns: 1fr auto; }.grant-row .chips { grid-column: 1/-1; grid-row: 2; }.skill-delivery { align-items: stretch; flex-wrap: wrap; }.skill-delivery>a:not(.button) { flex-basis: calc(100% - 100px); }.skill-delivery .button { flex: 1; }.onboarding-handoff .onboarding-actions { grid-template-columns: 1fr; }.approval-summary { align-items: flex-start; flex-direction: column; }.approval-card-heading { flex-direction: column; }.approval-facts { grid-template-columns: 1fr; }.approval-fact-wide { grid-column: auto; }.approval-actions { display: grid; grid-template-columns: 1fr 1fr; }.operation-tabs { width: 100%; }.operation-tabs button { min-width: 0; flex: 1; padding-inline: 8px; }#action-dialog form { padding: 22px; }.action-dialog-heading { grid-template-columns: 42px minmax(0,1fr) 36px; gap: 11px; }.action-dialog-icon { width: 42px; height: 42px; }.action-dialog-message { margin: 18px 0; }#action-dialog .dialog-actions { display: grid; grid-template-columns: 1fr 1fr; }#action-dialog .dialog-actions .button { min-width: 0; } }
@media (max-width: 600px) { .grant-actions { grid-column: 1/-1; flex-wrap: wrap; } }
@media (max-width: 600px) { .wallet-gate { padding: 32px 18px; }.wallet-gate-brand { margin-bottom: 36px; }.wallet-gate-heading { align-items: flex-start; flex-direction: column; gap: 12px; }.wallet-gate-list,.wallet-gate-actions { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .wallet-manager .card-heading { align-items: flex-start; flex-direction: column; }.wallet-manager-actions { width: 100%; }.wallet-manager-actions .button { flex: 1; }.wallet-list-row { grid-template-columns: minmax(0,1fr) auto; }.wallet-list-actions { grid-column: 1/-1; }.wallet-list-actions .button { flex: 1; }.segmented { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .security-settings summary { padding: 18px 20px; }.security-settings summary::after { right: 20px; }.security-settings-body { padding: 0 20px; }.auto-lock-row { gap: 8px; } }
@media (max-width: 600px) { .wallet-gate { padding: 0 18px 40px; }.wallet-gate-shell { padding-top: 112px; }.wallet-gate-brand { height: 64px; margin: 0; padding: 0 18px; }.wallet-gate-heading { gap: 12px; } }
@media (max-width: 1050px) { .agent-delivery-card,.agent-state-guide { grid-template-columns: 1fr; }.agent-example-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .capabilities .capability-detailed { grid-column: 1/-1; }.agent-guide-doc-actions { width: 100%; display: grid; grid-template-columns: 1fr; }.agent-guide-heading .button { width: 100%; }.agent-delivery-card,.agent-state-guide { padding: 22px; }.agent-resource { grid-template-columns: 34px minmax(0,1fr); }.agent-resource .button { grid-column: 2; justify-self: start; }.agent-guide-section-heading { align-items: flex-start; flex-direction: column; }.agent-guide-section-heading>p { text-align: left; }.agent-example-grid,.agent-state-guide dl { grid-template-columns: 1fr; }.agent-example-card { min-height: 0; } }
@media (max-width: 600px) { .grant-presets { grid-template-columns: 1fr; }.grant-preset { min-height: 60px; }.activity-summary { align-items: flex-start; flex-direction: column; }.activity-card-heading { grid-template-columns: 10px minmax(0,1fr); padding: 19px 20px; }.activity-card-heading>.badge { grid-column: 2; justify-self: start; margin: 0; }.activity-card-body { padding: 0 20px 20px; }.activity-facts { grid-template-columns: 1fr; }.activity-error { grid-template-columns: 1fr; gap: 4px; } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; }.spinner { animation: none; } }