/* SIMO token UI v3 — consistent surfaces, 3 primary destinations, native History. */
html:has(.personal-token){background:#0d1420!important;color-scheme:dark!important}
body:has(.personal-token),.personal-token,.personal-token.token-auth{background:#0d1420!important;color:#ecf4ff!important}
.personal-token{--surface:#192330!important;--ink:#eff6ff!important;--ink2:#c1cee1!important;--muted:#aabbd1!important;--subtle:#212d3d!important;--line:#304158!important;--blue:#6c91ff!important;--blue-soft:#22395b!important;padding-bottom:calc(122px + env(safe-area-inset-bottom,0px))!important}
.personal-token .token-top{color:#ecf4ff!important}
.personal-token .token-badge{color:#b9c7d7!important}
.personal-token h1,.personal-token h2,.personal-token h3,.personal-token strong,.personal-token label{color:#edf5ff!important}
.personal-token .token-welcome p:not(.token-eyebrow),.personal-token .token-card p,.personal-token .token-card small,.personal-token .token-card label{color:#afc0d5!important}
.personal-token .token-card{background:#172230!important;border:1px solid #314158!important;border-radius:18px!important;color:#edf5ff!important;box-shadow:none!important}
.personal-token .token-card>div,.personal-token .token-card>section{max-width:100%}
.personal-token .token-card button:not(.token-primary):not(.simo-request-open):not(.token-request-action),.personal-token .token-card .token-profile-menu button,.personal-token .token-card .token-refresh{background:#23334a!important;color:#e4edfb!important;border:1px solid #3b5270!important;border-radius:13px!important;box-shadow:none!important}
.personal-token .token-card button:disabled{opacity:.55!important}
.personal-token .token-card .token-primary,.personal-token .token-card .token-request-action{background:#426bf3!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:13px!important}
.personal-token .token-card input,.personal-token .token-card select{background:#1f2c3f!important;color:#f2f7ff!important;border:1px solid #415572!important;border-radius:12px!important}
.personal-token .token-card input::placeholder{color:#90a5c0!important}
.personal-token .token-card input:focus-visible,.personal-token .token-card button:focus-visible{outline:2px solid #8eaeff!important;outline-offset:2px!important}
.personal-token .token-card .token-profile-menu{display:grid!important;gap:10px!important;border:0!important;background:transparent!important}
.personal-token .token-profile-menu button{display:flex!important;align-items:center!important;gap:12px!important;min-height:66px!important;padding:12px 13px!important;text-align:left!important}
.personal-token .token-profile-menu button>span{flex:1;min-width:0}
.personal-token .token-profile-menu button svg{color:#89a7ef!important;flex:none}
.personal-token .token-profile-menu button strong{font-size:14px!important;color:#eef5ff!important}
.personal-token .token-profile-menu button small{font-size:12px!important;line-height:1.4!important;color:#b4c3d6!important}
.personal-token .token-profile-menu button.simo-obsolete-profile-shortcut{display:none!important}
.personal-token .token-profile-summary{display:flex!important;align-items:center!important;gap:14px!important;padding:8px 0 18px!important;border-bottom:1px solid #2d3f56!important;margin-bottom:17px!important}
.personal-token .token-profile-summary>div{min-width:0}
.personal-token .token-profile-summary strong{font-size:16px!important}
.personal-token .token-profile-summary small{font-size:12px!important;color:#b7c8dd!important;overflow-wrap:anywhere}
.personal-token .token-avatar{background:#283d63!important;color:#e0ebff!important;border:1px solid #526b99!important}
.personal-token .token-verified{color:#55d7bd!important}
.personal-token .token-info-row{border-color:#34455e!important}
.personal-token .token-info-row span{color:#b5c6dc!important}
.personal-token .token-profile-card details,.personal-token .token-help{border-color:#31455f!important;color:#dae7f9!important;background:#1c2a3b!important;border-radius:13px!important}
.personal-token .token-profile-card .token-back{background:#23334a!important;color:#d9e6fc!important}
.personal-token .simo-pin-setting{display:flex!important;flex-direction:column;gap:7px!important}
.personal-token .simo-pin-hint{display:block!important;font-size:11px!important;color:#82bfdb!important;line-height:1.4!important;font-weight:500!important}
.personal-token .token-card .token-logout{background:#2c2432!important;color:#ffbac3!important;border-color:#684554!important}
.personal-token .token-card .token-logout strong{color:#ffbac3!important}
.personal-token .token-card .token-logout svg{color:#ef9fae!important}

/* Raise the navigation above the iPhone gesture area while leaving a visual gap. */
.personal-token nav.token-nav,.personal-token .token-nav{
 position:fixed!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
 left:12px!important;right:12px!important;width:calc(100% - 24px)!important;max-width:576px!important;
 margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:5px!important;padding:6px!important;min-height:67px!important;height:auto!important;
 border-radius:20px!important;border:1px solid #33445d!important;
 background:#172336!important;box-shadow:0 10px 30px #0008!important;
 z-index:90!important;box-sizing:border-box!important;overflow:visible!important;
}
.personal-token nav.token-nav>button{padding:8px 4px!important;min-width:0!important;min-height:55px!important;color:#b4c3d6!important}
.personal-token nav.token-nav>button.simo-obsolete-nav{display:none!important}
.personal-token nav.token-nav>button[aria-current=page],.personal-token nav.token-nav>button.simo-current-tab{color:#90afff!important;background:#283d61!important;border-radius:14px!important}
.personal-token nav.token-nav button span{font-size:11px!important;line-height:1.3!important}
.personal-token nav.token-nav button svg{width:22px!important;height:22px!important}
.personal-token nav.token-nav .simo-nav-badge{top:0!important}
.personal-token .simo-code-action,.personal-token .simo-code-pane{color:#ecf4ff!important}
.personal-token:not(:has(nav.token-nav>button:first-child[aria-current=page])) .simo-code-action,
.personal-token:not(:has(nav.token-nav>button:first-child[aria-current=page])) .simo-code-pane{display:none!important}

/* Restore the original React History page, remove the former fullscreen overlay. */
body.acho-history-active .personal-token.token-with-nav>section,body.acho-history-active .personal-token.token-with-nav>div{display:revert!important}
.personal-token .token-history-card{padding:17px!important;margin-bottom:20px!important}
.personal-token .token-history-card .token-section-title{gap:9px!important}
.personal-token .token-history-card .token-refresh{width:auto!important;min-height:38px!important;padding:7px 11px!important;font-size:12px!important}
.personal-token .token-history-item,.personal-token .simo-history-entry{background:#202e40!important;border:1px solid #354c69!important;border-radius:15px!important;padding:14px!important;display:grid!important;gap:10px!important;margin:10px 0!important}
.personal-token .token-history-head{display:flex!important;gap:10px!important;justify-content:space-between!important;align-items:flex-start!important}
.personal-token .token-history-head strong{font-size:13px!important;overflow-wrap:anywhere;line-height:1.4!important}
.personal-token .token-history-head .token-history-status{background:#204641!important;color:#76ebc9!important;padding:5px 9px!important;border-radius:20px!important;font-size:10px!important;white-space:nowrap!important}
.personal-token .token-history-item p,.personal-token .token-history-item small{font-size:12px!important;line-height:1.4!important;color:#b3c3d7!important}
.personal-token .token-version-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.personal-token .token-version-links a,.personal-token .token-version-links button{background:#273c60!important;color:#d4e4ff!important;border:1px solid #45658b!important;border-radius:11px!important;min-height:39px!important;padding:8px 12px!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
.personal-token .token-details{border-radius:11px!important;padding:11px!important;background:#1c2a3d!important;border:1px solid #314663!important}
.personal-token .token-history-card>.token-empty{background:#1d2c40!important;border:1px dashed #405771!important;border-radius:15px!important;padding:27px 18px!important}
.personal-token .simo-hybrid-history{border-top:1px solid #394d66!important;margin-top:22px!important;padding-top:18px!important}
.personal-token .simo-hybrid-history[hidden],.personal-token .simo-history-preview[hidden]{display:none!important}
.personal-token .simo-hybrid-history-title{font-size:15px!important;margin:0 0 12px!important}
.personal-token .simo-history-preview{max-height:370px!important;overflow:auto!important}
.personal-token .token-loading{background:rgba(10,18,32,.88)!important;color:#edf5ff!important;backdrop-filter:blur(4px)!important}
.personal-token .token-loading>div{background:#1c2a3c!important;border:1px solid #385171!important;border-radius:18px!important}
@media(max-width:360px){.personal-token nav.token-nav,.personal-token .token-nav{left:8px!important;right:8px!important;width:calc(100% - 16px)!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important}.personal-token .token-profile-menu button{padding:10px!important}}

/* Stable public brand even during native React rerenders, before JS enhancer. */
.personal-token .token-brand .token-mark{
 background:#141821 url('/__token/icon.svg?v=5') center / cover no-repeat!important;
 border-radius:12px!important;
 color:transparent!important;
}
.personal-token .token-brand .token-mark svg{visibility:hidden!important}
.personal-token .token-brand>span:not(.token-mark)>small{font-size:0!important;line-height:1.2!important}
.personal-token .token-brand>span:not(.token-mark)>small::after{content:"by SIMO";font-size:10px!important;color:#9eb0c7!important;display:inline-block!important}
.personal-token .token-history-card{display:flex!important;flex-direction:column!important;gap:9px!important}
.personal-token .token-history-card>.token-section-title{order:-1!important}
.personal-token .token-history-card>.token-history-item{order:1!important}
.personal-token .token-history-card>.simo-hybrid-history{order:4!important}
.personal-token .token-history-card>.token-empty{order:2!important}
.personal-token .token-history-card>.simo-hybrid-history:has(.simo-history-entry)~.token-empty{display:none!important}

.personal-token .token-profile-card label.simo-pin-setting::after{
 content:"ПИН за отключване на токена • различен от кода за подписване";
 color:#82bfdb!important;font-size:11px!important;line-height:1.5!important;font-weight:500!important;
}
.personal-token .token-profile-card button.simo-replace-token{
 font-size:0!important;line-height:1.2!important;
}
.personal-token .token-profile-card button.simo-replace-token::after{
 content:"Смени или отнеми токена";font-size:13px!important;font-weight:800!important;color:#dce9ff!important;
}
.personal-token .token-history-card:has(.simo-hybrid-history:not([hidden]))>.token-empty{display:none!important}

/* Live PIN completeness hint; the original WebAuthn-backed PIN verifier is unchanged. */
.personal-token .token-profile-card .simo-pin-progress{
 margin:0 0 10px!important;padding:8px 10px!important;
 font-size:12px!important;line-height:1.45!important;font-weight:600!important;
 border-radius:10px!important;color:#bdd4fa!important;
 background:#20334b!important;border:1px solid #405a7b!important;
}
html[data-simo-theme="light"] .personal-token .token-profile-card .simo-pin-progress{
 background:#edf4ff!important;border-color:#d3e3fa!important;color:#3d5d86!important;
}

/* Existing credentials: never prompt to set a second PIN on default Security view. */
.personal-token .token-profile-card[data-simo-pin-mode="overview"] .simo-pin-edit-field,
.personal-token .token-profile-card[data-simo-pin-mode="overview"] .simo-pin-edit-save,
.personal-token .token-profile-card[data-simo-pin-mode="overview"] .simo-pin-progress{
 display:none!important
}
.personal-token .token-profile-card .simo-pin-overview{
 display:grid!important;gap:9px!important;padding:15px!important;
 background:#20334a!important;border:1px solid #3b5372!important;
 border-radius:16px!important;margin:12px 0 16px!important
}
.personal-token .simo-pin-overview-heading{font-size:15px!important;font-weight:800!important;margin:0 0 3px!important;color:#eef5ff!important}
.personal-token .simo-pin-status-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;font-size:13px!important;padding:8px 0!important;border-bottom:1px solid #3c4d65!important}
.personal-token .simo-pin-status-row span{color:#b8c9e0!important}
.personal-token .simo-pin-status-row strong{color:#79dec6!important;font-size:12px!important;text-align:right!important}
.personal-token .simo-pin-overview-note{font-size:12px!important;line-height:1.5!important;color:#b7c9df!important;margin:3px 0!important}
.personal-token .simo-pin-change-action{background:#365de6!important;color:white!important;border-radius:12px!important;min-height:44px!important;font-weight:800!important}
.personal-token .simo-pin-cancel-action{background:transparent!important;border:1px solid #536885!important;color:#c6d7ed!important;border-radius:12px!important;min-height:42px!important}
.personal-token .token-profile-card[data-simo-pin-mode="overview"] .simo-pin-cancel-action,
.personal-token .token-profile-card[data-simo-pin-mode="change"] .simo-pin-change-action,
.personal-token .token-profile-card[data-simo-pin-mode="change"] .simo-pin-status-row,
.personal-token .token-profile-card[data-simo-pin-mode="change"] .simo-pin-overview-note{
 display:none!important
}
html[data-simo-theme="light"] .personal-token .token-profile-card .simo-pin-overview{background:#f5f8fe!important;border-color:#d7e2f1!important}
html[data-simo-theme="light"] .personal-token .simo-pin-overview-heading{color:#26364c!important}
html[data-simo-theme="light"] .personal-token .simo-pin-status-row{border-color:#dce5f1!important}
html[data-simo-theme="light"] .personal-token .simo-pin-status-row span,
html[data-simo-theme="light"] .personal-token .simo-pin-overview-note{color:#67788c!important}
html[data-simo-theme="light"] .personal-token .simo-pin-status-row strong{color:#158468!important}
html[data-simo-theme="light"] .personal-token .simo-pin-cancel-action{color:#385271!important;border-color:#cbd9eb!important}