/* SIMO token navigation and signing UX. Keeps the holding's Koki/ Mitko dark + blue/teal visual vocabulary. */
.personal-token .token-card,.personal-token .token-section-title,.simo-requests-board{min-width:0;box-sizing:border-box}
.personal-token .token-card{border-radius:18px!important;border-color:#293449!important;background:#171e2a!important}
.personal-token .token-section-title{gap:11px}
.personal-token .token-section-title h2{font-size:16px!important;letter-spacing:-.02em}
.personal-token .token-section-title>span:first-child,.acho-mini-mark{background:#212f4d!important;color:#688cff!important;border-radius:12px!important}
.token-nav:has(.acho-history-nav){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}
.token-nav>button{position:relative;min-width:0!important;border-radius:13px!important;transition:background .15s,color .15s}
.token-nav>button[aria-current="page"],.token-nav>button.active{background:#202b48!important;color:#85a4ff!important}
.token-nav .acho-history-nav{font-size:12px;min-height:55px}
.token-nav .acho-history-nav[aria-current="page"]{background:#202b48!important;color:#85a4ff!important}
.simo-nav-badge{position:absolute!important;top:3px;right:calc(50% - 29px);display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;padding:0 4px;background:#25bfae;color:#092323!important;font-size:10px!important;line-height:1;font-weight:900;box-shadow:0 0 0 2px #121b2a;z-index:4;pointer-events:none}
.token-nav .simo-nav-has-pending svg{color:#7cb9ff}
.simo-pending-alert[hidden],.simo-sign-sheet[hidden],.simo-code-pane[hidden]{display:none!important}
.simo-pending-alert{position:fixed;top:calc(65px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:570px;z-index:110;display:flex;align-items:center;gap:11px;box-sizing:border-box;padding:11px;background:#1b293a;color:#eff7ff;border:1px solid #3974a0;border-left:4px solid #24baae;border-radius:15px;box-shadow:0 8px 27px #0007}
.simo-alert-icon{display:grid;place-items:center;background:#27436c;color:#88aeff;border-radius:11px;width:39px;height:39px;flex:0 0 39px;font-size:20px}
.simo-alert-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.simo-alert-copy strong{font-size:13px;line-height:1.25}
.simo-alert-copy small{font-size:11px;color:#bdcadf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.simo-alert-open{background:#476bf3;color:white;border:0;border-radius:10px;min-height:39px;padding:8px 14px;font-weight:800;font-size:12px;flex:none}
.acho-auto-pane.simo-requests-board{padding:15px 0 6px!important;margin-top:16px!important;color:#edf3ff!important}
.simo-queue-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 0 14px}
.simo-queue-heading{min-width:0}
.simo-queue-heading:focus{outline:none}
.simo-queue-heading>small{display:block;color:#36c6b2;font-size:10px;font-weight:900;letter-spacing:.11em;margin-bottom:6px}
.simo-queue-heading h2{font-size:19px;line-height:1.3;margin:0!important;color:#f3f7ff;letter-spacing:-.02em}
.simo-queue-heading p{font-size:12px;margin:5px 0 0!important;color:#aab9ce;line-height:1.4}
.simo-queue-count{display:grid;place-items:center;border-radius:12px;color:#26c3b1;background:#203f40;min-width:38px;height:38px;padding:0 8px;box-sizing:border-box;font-weight:900;font-variant-numeric:tabular-nums;font-size:18px}
.simo-queue-list{display:grid;gap:10px}
.simo-request-entry{background:#202c3c;border:1px solid #36455d;border-radius:15px;padding:12px;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:7px 11px;align-items:start}
.simo-request-entry.simo-request-current{border-color:#4e82ff;background:#233350}
.simo-request-icon{background:#293e63;color:#81a1ff;border-radius:11px;width:36px;height:36px;display:grid;place-items:center}
.simo-request-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.simo-request-info strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere;color:#f4f7ff}
.simo-request-info small{font-size:11px;color:#aabbd2}
.simo-request-info small:nth-child(2){color:#47c8b5;font-weight:750}
.simo-request-open{grid-column:1/-1;background:#4169ee;color:#fff;border:0;border-radius:12px;font-size:13px;font-weight:800;min-height:45px;cursor:pointer}
.simo-request-open:focus-visible,.simo-code-action:focus-visible,.simo-alert-open:focus-visible,.simo-sign-sheet button:focus-visible{outline:3px solid #93baff;outline-offset:2px}
.simo-request-current .simo-request-open{background:#324b76}
.simo-code-link{display:none!important} /* one affordance only, directly below the original card */
.simo-code-action{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #344255;border-radius:15px;background:#182230;color:#edf4ff;padding:12px 14px;margin:12px 0 14px;min-height:65px;cursor:pointer;text-align:left}
.simo-code-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#263754;color:#8da9ff;font-size:25px;flex:none}
.simo-code-action>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}
.simo-code-action strong{font-size:14px}.simo-code-action small{font-size:11px;color:#9cacc4;line-height:1.4}
.simo-code-chevron{color:#8da3bb;font-size:20px}
.simo-code-expanded{border-color:#517bff;background:#203051}
.simo-code-expanded .simo-code-chevron{transform:rotate(180deg)}
.simo-code-pane{padding:17px!important;margin:10px 0 20px}
.simo-inline-review{border-top:1px solid #334257;margin-top:17px;padding-top:17px;min-width:0;scroll-margin-top:86px}
.simo-inline-review>.token-section-title{display:flex;gap:10px;align-items:center}
.simo-inline-review .acho-file-name{overflow-wrap:anywhere;color:#eaf2ff}
.simo-awaiting-state{border:1px solid #3d536a;padding:16px;border-radius:13px;background:#233247}
.simo-awaiting-state strong{font-size:14px}.simo-awaiting-state p{color:#adbed2;font-size:12px;line-height:1.5}
.simo-review-footer{border-top:1px solid #364258;margin-top:17px;padding:14px 0 6px}
.simo-review-assurance{font-size:12px;line-height:1.5;color:#9fbdcd;margin:0 0 11px}
.simo-review-footer .token-primary{width:100%;min-height:52px;border-radius:13px;font-size:14px}
.simo-sign-open{overflow:hidden!important}
.simo-sign-sheet{position:fixed;inset:0;z-index:200;background:#080e19c9;display:flex;align-items:flex-end;justify-content:center;padding:10px;box-sizing:border-box}
.simo-sign-sheet-body{width:100%;max-width:550px;border-radius:23px 23px 18px 18px;background:#192432;border:1px solid #42536d;padding:22px 18px max(18px,env(safe-area-inset-bottom,0px));box-sizing:border-box;display:flex;flex-direction:column;gap:13px;color:#f3f7ff;box-shadow:0 18px 58px #000a}
.simo-sign-sheet-symbol{width:50px;height:50px;border-radius:15px;background:#263959;color:#a8bfff;font-size:26px;display:grid;place-items:center}
.simo-sign-sheet h2{font-size:22px;margin:2px 0 0!important;letter-spacing:-.025em}
.simo-sign-sheet p{color:#b0c0d4;font-size:13px;line-height:1.6;margin:0}
.simo-sheet-file{font-size:14px;overflow-wrap:anywhere;padding:12px;border-radius:12px;background:#223047;color:#f3f6fc}
.simo-sheet-security{color:#a8b6c9;font-size:11px;line-height:1.55}
.simo-sign-sheet button{width:100%;min-height:50px;border-radius:12px;font-weight:850}
.simo-sheet-confirm{background:#4269f0;color:white;border:0}
.simo-sheet-cancel{border:1px solid #3a4d65;background:#1e2a3d;color:#c3d0e5}
.simo-sheet-error:not([hidden]){padding:10px;border-radius:10px;color:#ffa8ae;background:#472a37}
@media(min-width:650px){.simo-sign-sheet{align-items:center}.simo-sign-sheet-body{border-radius:23px}}
@media(max-width:360px){.simo-queue-heading h2{font-size:17px}.simo-request-entry{padding:10px}.simo-pending-alert{padding:8px;gap:7px}.simo-alert-open{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.simo-pending-alert,.simo-code-chevron,.token-nav>button{transition:none!important}}

/* Hide native React checkboxes visually, but preserve their real consent state and passkey gate. */
.personal-token .token-signing-panel label.token-consent:has(input[type="checkbox"]).simo-native-consent-hidden{display:none!important}
.simo-native-consent-button{display:flex;align-items:center;gap:11px;border:1px solid #3c536a;border-radius:13px;background:#213046;color:#dae8ff;width:100%;padding:13px 14px;min-height:62px;text-align:left;font-weight:800;cursor:pointer;margin:12px 0}
.simo-native-consent-button .simo-native-consent-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#314769;color:#93b0ff;flex:none;font-size:21px}
.simo-native-consent-button .simo-native-consent-text{display:grid;gap:3px;min-width:0;font-size:13px}
.simo-native-consent-button small{font-weight:400;font-size:11px;color:#b2bed1}
.simo-native-consent-button.simo-native-acknowledged{border-color:#219e9a;background:#1c363b}
.simo-native-consent-button.simo-native-acknowledged .simo-native-consent-mark{background:#156f6d;color:white}

/* Enforce one consistent dark token palette independent of device light/dark setting. */
html:has(.personal-token){color-scheme:dark!important;background:#0e141e!important}
body:has(.personal-token),body:has(.personal-token) main.personal-token{background:#0e141e!important;color:#edf3fc!important}
main.personal-token{--ink:#edf3fc;--ink2:#c4d1e3;--ink3:#97a9c1;--muted:#a6b6cb;--surface:#171e2a;--subtle:#212d3e;--line:#30415a;--blue:#7192ff;--blue-soft:#24345a}
.personal-token .token-card,.personal-token .token-card h2,.personal-token .token-card h3,.personal-token .token-card strong,.personal-token .token-section-title h2{color:#eef5ff!important}
.personal-token .token-card p,.personal-token .token-card small,.personal-token .token-card label,.personal-token .token-empty p{color:#adbcd0!important}
.personal-token .token-card .simo-queue-heading>small{color:#33cfb6!important}
.personal-token .token-card .simo-queue-heading p,.personal-token .token-card .simo-request-info small{color:#aabbd2!important}
.personal-token .token-card .simo-request-info small:nth-child(2){color:#50dbc3!important}
.personal-token .token-card .simo-request-entry{background:#202c3c!important;border-color:#36455d!important}
.personal-token .token-card .simo-request-entry.simo-request-current{background:#243752!important;border-color:#6186ff!important}
.personal-token .token-card .simo-request-open{background:#4169ee!important;color:#fff!important;border:0!important;font-weight:800!important}
.personal-token .token-card .simo-request-open:disabled{opacity:.58}
.personal-token .token-card .simo-queue-count{color:#2fdbc8!important}
.personal-token .token-card .token-empty{color:#a7b8d0!important}
.personal-token .token-card:has(.simo-requests-board:not([hidden]))>.token-empty{display:none!important}
.personal-token .token-card:has(.simo-requests-board:not([hidden]))>.token-section-title>.token-count{display:none!important}
.personal-token .token-card .acho-enable-mac-push{background:#1c2a41!important;border:1px solid #3d5676!important;color:#c5d7ee!important;border-radius:12px!important;font-size:12px!important}
.personal-token .token-card .token-primary{background:#426af2!important;color:#fff!important;border:0!important;font-weight:800!important}
.personal-token .token-card button.secondary-action{background:#223049!important;color:#dce9ff!important;border:1px solid #3c5477!important}
.personal-token .token-card input,.personal-token .token-card select,.personal-token .token-card textarea{background:#1a2435!important;color:#f2f7ff!important;border-color:#344763!important}
.personal-token .token-card input::placeholder{color:#93a6c1!important}
.personal-token .token-card .acho-otp input{background:#233149!important;color:#edf4ff!important}
.personal-token .token-card .simo-inline-review h2,.personal-token .token-card .simo-inline-review .acho-file-name{color:#eaf2ff!important}
.personal-token .simo-code-action{background:#182230!important;color:#edf4ff!important;border-color:#344255!important}
.personal-token .simo-code-action strong{color:#eef3fa!important}
.personal-token .simo-code-action small{color:#a8bad2!important}
.personal-token .simo-code-pane{background:#171e2a!important}
.personal-token .simo-code-pane .token-primary{background:#426af2!important;color:white!important}
.personal-token .token-card .acho-active-error:not([hidden]){color:#ffadb8!important}
.personal-token .token-nav{background:#151e2d!important;border-color:#2a3b55!important}
.personal-token .token-nav button{color:#aebbd2!important}
.personal-token .token-nav button[aria-current=page],.personal-token .token-nav button.active{color:#94abff!important;background:#243554!important}
.personal-token .token-card .token-section-title svg{color:#87a7ff!important}
.personal-token .token-card:has(.simo-requests-board:not([hidden]))>.acho-enable-mac-push{margin-top:14px}

/* Consistent brand and readable descriptions across light/dark devices. */
.personal-token .token-brand strong,.token-brand strong,.token-brand>span,.token-brand h1{color:#f0f6ff!important}
.personal-token h1,.personal-token .token-title,.personal-token .token-page-title{color:#edf4ff!important}
.personal-token .token-intro p,.personal-token .token-page-intro p,.personal-token .token-subtitle{color:#a9bdd3!important}
.personal-token .token-card button:not(.token-primary):not(.simo-request-open):not(.acho-enable-mac-push):not(.simo-sheet-confirm):not(.simo-sheet-cancel){border-color:#39516d}
.personal-token .token-card button.secondary-action,.personal-token .token-card button.device-activate{background:#24334a!important;border-color:#3d5774!important;color:#dce9ff!important}

/* Native headings are span-based; match the same contrast as the injected screens. */
.personal-token .token-brand>span:not(.token-mark){color:#f3f7ff!important}
.personal-token .token-brand>span:not(.token-mark)>small{color:#9eb0c7!important}
.personal-token .token-welcome>h1{color:#f3f7ff!important}
.personal-token .token-welcome>p:not(.token-eyebrow){color:#adbfd5!important}
.personal-token .token-card>button:not(.token-primary):not(.simo-request-open){background:#22324a!important;color:#dfeaff!important;border:1px solid #405875!important;box-shadow:none!important}
.personal-token .token-card>button.acho-enable-mac-push{font-size:12px!important}

/* Native token requests share the same cards and actions as SIMO MAC requests. */
.personal-token .token-card .token-request{border:1px solid #344961!important;border-radius:14px!important;background:#202c3c!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:14px!important;margin:10px 0!important;min-width:0!important}
.personal-token .token-card .token-request strong{font-size:14px!important;color:#f3f8ff!important;overflow-wrap:anywhere}
.personal-token .token-card .token-request span{font-size:12px!important;line-height:1.5!important;color:#aebed4!important}
.personal-token .token-card .token-request-action{background:#4169ee!important;color:#fff!important;border:0!important;border-radius:12px!important;min-height:46px!important;font-size:13px!important;font-weight:800!important;padding:11px!important}
.personal-token .token-card .token-request-action:disabled{background:#2c3b54!important;color:#abbbd4!important;opacity:1!important}
.personal-token .token-card:has(.simo-requests-board:not([hidden])):has(.token-request)>.token-section-title>.token-count{display:grid!important;background:#234b4a!important;color:#36cbb8!important}
.personal-token .token-card label.token-check.simo-native-consent-hidden{display:none!important}
.personal-token .simo-native-consent-button{background:#203047!important;color:#eef5ff!important;border:1px solid #3d5774!important}
.personal-token .simo-native-consent-button.simo-native-acknowledged{background:#1d3e40!important;color:#b3f8e3!important;border-color:#2cb2a4!important}
