/* v59 integrated account drawer. Scoped to Sobat Transum's existing theme variables. */
.st-account-backdrop[hidden],.st-account-panel[hidden],.st-account-section[hidden]{display:none!important}
.st-account-trigger{display:none!important}.st-demo-logged-in .st-account-trigger{display:flex!important}
.st-account-trigger{align-items:center;justify-content:center;gap:8px;min-width:38px;min-height:38px;border:1px solid var(--st-ui-border,#dce5ef);background:var(--st-ui-surface,#fff);border-radius:11px;color:var(--st-ui-text,#172329);padding:3px 9px 3px 3px;font-size:11px;font-weight:770;box-shadow:0 2px 7px #1020520a;transition:background .2s,transform .2s}
.st-account-trigger:hover{background:var(--st-ui-soft,#eef6ff);transform:translateY(-1px)}.st-account-trigger:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
.st-account-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#102052;color:#fff;font-size:11px;font-weight:850;letter-spacing:.03em}
.st-account-trigger .st-account-chevron{color:var(--st-ui-muted,#536581);font-size:15px}
.st-account-backdrop{position:fixed;inset:0;z-index:5000;background:#10205280;backdrop-filter:blur(3px);opacity:0;transition:opacity .28s}.st-account-backdrop.is-open{opacity:1}
.st-account-panel{position:fixed;z-index:5010;right:0;top:0;bottom:0;width:min(425px,100vw);display:flex;flex-direction:column;background:var(--st-ui-surface,#fff);border-left:1px solid var(--st-ui-border,#dce5ef);box-shadow:-15px 0 60px #10205222;color:var(--st-ui-text,#172329);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transform:translateX(105%);transition:transform .32s cubic-bezier(.22,1,.36,1);outline:0}
.st-account-panel.is-open{transform:translateX(0)}.st-account-panel button{font:inherit;cursor:pointer}.st-account-sheet-handle{display:none}
.st-account-head{display:flex;align-items:center;gap:11px;min-height:72px;padding:15px 22px;border-bottom:1px solid var(--st-ui-border,#dce5ef)}.st-account-head h2{flex:1;margin:0;font-size:18px;letter-spacing:-.5px;color:var(--st-ui-text,#172329)}
.st-account-close,.st-account-back{display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid var(--st-ui-border,#dce5ef);border-radius:10px;background:var(--st-ui-soft,#eef6ff);color:var(--st-ui-text,#172329);font-size:21px}.st-account-back{font-size:17px}.st-account-back[hidden]{display:none!important}.st-account-close:hover,.st-account-back:hover{color:var(--st-ui-blue-text,#105392)}
.st-account-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:23px 22px 28px;scrollbar-width:thin;scrollbar-color:var(--st-ui-border,#dce5ef) transparent}
.st-account-user{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--st-ui-border,#dce5ef)}.st-account-user .st-account-avatar{width:56px;height:56px;border-radius:17px;font-size:17px;background:linear-gradient(145deg,#102052,#148ff5)}.st-account-user-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.st-account-user-info strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-account-user-info small{font-size:10px;color:var(--st-ui-muted,#536581);overflow:hidden;text-overflow:ellipsis}.st-account-tier{align-self:flex-start;display:inline-block;font-size:9px;font-weight:830;letter-spacing:.04em;border-radius:99px;background:var(--st-ui-soft,#eef6ff);padding:5px 8px;color:var(--st-ui-blue-text,#105392)}.st-account-tier.is-premium{background:#fff4db;color:#92661b}
.st-account-membership{margin:20px 0 22px;padding:17px;border:1px solid var(--st-ui-border,#dce5ef);border-radius:17px;background:linear-gradient(155deg,var(--st-ui-soft,#eef6ff),var(--st-ui-surface,#fff))}.st-account-membership.is-premium{border-color:#efdcaa;background:linear-gradient(145deg,#fff9ed,#fff2d4)}
.st-account-membership strong{display:block;font-size:13px;color:var(--st-ui-text,#172329)}.st-account-membership p{font-size:11px;line-height:1.65;color:var(--st-ui-muted,#536581);margin:8px 0 12px}.st-account-membership button{display:block;width:100%;min-height:39px;border:0;border-radius:11px;background:#102052;color:#fff;font-size:11px;font-weight:760}.st-account-membership button:hover{background:#173f7c}
.st-account-group-label{display:block;margin:21px 0 10px;font-size:9px;font-weight:850;color:var(--st-ui-muted,#536581);letter-spacing:.12em}
.st-account-menu{display:grid}.st-account-menu button{display:flex;width:100%;align-items:center;gap:11px;min-height:62px;text-align:left;border:0;border-bottom:1px solid var(--st-ui-border,#dce5ef);background:none;color:var(--st-ui-text,#172329);padding:9px 0;font-size:12px;font-weight:760}.st-account-menu button:hover{background:var(--st-ui-soft,#eef6ff)}.st-account-menu .st-account-menu-icon{width:35px;height:35px;display:grid;place-items:center;background:var(--st-ui-soft,#eef6ff);border-radius:10px;color:var(--st-ui-blue-text,#105392);font-size:17px}.st-account-menu span:nth-child(2){flex:1}.st-account-menu small{display:block;margin-top:3px;color:var(--st-ui-muted,#536581);font-size:10px;font-weight:500}.st-account-menu .st-account-arrow{font-size:20px;color:#97a9b9}
.st-account-logout{margin-top:22px;border:0;background:transparent;color:#dc5967;font-size:11px;font-weight:800;padding:12px 0}.st-account-logout:hover{text-decoration:underline}
.st-account-foot{display:flex;gap:7px;align-items:center;padding:12px 22px;border-top:1px solid var(--st-ui-border,#dce5ef);color:var(--st-ui-muted,#536581);font-size:9px}.st-account-foot:before{content:"";width:7px;height:7px;border-radius:50%;background:#24c9c4}
.st-account-detail-lead{font-size:11px;line-height:1.7;color:var(--st-ui-muted,#536581);margin:0 0 20px}.st-account-box{padding:18px;background:var(--st-ui-soft,#eef6ff);border:1px solid var(--st-ui-border,#dce5ef);border-radius:15px}.st-account-box label:not(.st-account-toggle){display:block;font-size:11px;font-weight:760;margin:0 0 7px}.st-account-box input[type="text"]{display:block;width:100%;height:43px;border:1px solid var(--st-ui-border,#dce5ef);background:var(--st-ui-surface,#fff);color:var(--st-ui-text,#172329);padding:10px;border-radius:10px;margin:0 0 17px;font:inherit;font-size:12px}
.st-account-readonly{display:block;padding:11px 0 20px;color:var(--st-ui-muted,#536581);font-size:11px;word-break:break-all}.st-account-note{font-size:10px;line-height:1.7;color:var(--st-ui-muted,#536581);margin:15px 0}
.st-account-primary,.st-account-outline,.st-account-danger{width:100%;min-height:42px;border-radius:11px;font-size:11px;font-weight:800}.st-account-primary{border:0;background:#102052;color:#fff}.st-account-primary:hover{background:#173d79}.st-account-outline{border:1px solid var(--st-ui-border,#dce5ef);background:var(--st-ui-surface,#fff);color:var(--st-ui-blue-text,#105392)}.st-account-danger{margin-top:17px;border:1px solid #e8b7bd;background:transparent;color:#ca5260}
.st-account-device{display:flex;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--st-ui-border,#dce5ef);font-size:11px}.st-account-device strong{font-size:11px}.st-account-device small{display:block;margin-top:3px;color:var(--st-ui-muted,#536581);font-size:10px}.st-account-device div{flex:1}.st-account-device button{border:0;border-radius:8px;padding:7px;background:var(--st-ui-surface,#fff);color:var(--st-ui-blue-text,#105392);font-size:10px}.st-account-counter{display:flex;justify-content:space-between;margin-bottom:16px;font-size:11px}.st-account-counter strong{color:var(--st-ui-blue-text,#105392)}
.st-account-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--st-ui-border,#dce5ef);cursor:pointer}.st-account-toggle strong{display:block;font-size:11px}.st-account-toggle small{display:block;color:var(--st-ui-muted,#536581);font-size:10px;margin-top:4px}.st-account-toggle input{accent-color:#148ff5;width:17px;height:17px}
.st-account-price{display:flex;align-items:baseline;gap:9px;padding:15px 0;margin:15px 0;border-top:1px solid var(--st-ui-border,#dce5ef);border-bottom:1px solid var(--st-ui-border,#dce5ef)}.st-account-price strong{font-size:24px;letter-spacing:-.8px}.st-account-price span{font-size:10px;color:var(--st-ui-muted,#536581)}
.st-account-benefits{list-style:none;padding:0;margin:17px 0;display:grid;gap:12px}.st-account-benefits li{font-size:11px}.st-account-benefits li:before{content:"✓";color:#12a584;font-weight:900;padding-right:10px}
.st-account-plan-switch{display:flex;gap:6px;margin:18px 0}.st-account-plan-switch button{flex:1;border:1px solid var(--st-ui-border,#dce5ef);border-radius:9px;background:var(--st-ui-surface,#fff);color:var(--st-ui-muted,#536581);padding:11px 8px;font-size:11px;font-weight:770}.st-account-plan-switch button[aria-pressed="true"]{border-color:#148ff5;background:var(--st-ui-soft,#eef6ff);color:var(--st-ui-blue-text,#105392)}
.st-account-toast{position:fixed;z-index:6000;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100vw - 30px);padding:13px 17px;background:#102052;border-radius:12px;color:#fff;box-shadow:0 10px 32px #10205233;font-size:11px;font-weight:750;transition:transform .2s,opacity .2s}.st-account-toast.show{opacity:1;transform:translate(-50%,0)}
:root[data-theme="dark"] .st-account-avatar{background:#148ff5}:root[data-theme="dark"] .st-account-membership.is-premium{background:#473a23;border-color:#836b39}:root[data-theme="dark"] .st-account-primary,:root[data-theme="dark"] .st-account-membership button{background:#148ff5}
@media(max-width:820px){.st-account-trigger .st-account-name,.st-account-trigger .st-account-chevron{display:none}.st-account-trigger{padding:3px}.mobile-brand .st-account-trigger{margin-left:8px}.st-account-panel{top:auto;left:0;bottom:0;right:0;width:100%;height:min(88dvh,820px);border:1px solid var(--st-ui-border,#dce5ef);border-bottom:0;border-radius:24px 24px 0 0;transform:translateY(110%);padding-bottom:env(safe-area-inset-bottom,0px)}.st-account-panel.is-open{transform:translateY(0)}.st-account-sheet-handle{display:flex;justify-content:center;align-items:center;height:23px;touch-action:pan-y;cursor:grab}.st-account-sheet-handle:before{content:"";width:45px;height:4px;border-radius:99px;background:#b7c7d6}.st-account-head{min-height:54px;padding:8px 18px}.st-account-scroll{padding:17px 18px 22px}.st-account-user .st-account-avatar{width:51px;height:51px}.st-account-foot{padding:10px 18px}}
/* Keep account controls readable/tappable, especially in the mobile sheet. */
.st-account-trigger{min-width:42px;min-height:42px}
.st-account-close,.st-account-back{width:42px;height:42px}
.st-account-user-info strong{font-size:15px}
.st-account-user-info small{font-size:12px;line-height:1.4}
.st-account-tier{font-size:10px}
.st-account-membership strong{font-size:14px}
.st-account-membership p{font-size:12px}
.st-account-membership button{min-height:44px;font-size:12px}
.st-account-group-label{font-size:10px}
.st-account-menu button{min-height:64px;font-size:13px;padding:10px 3px}
.st-account-menu small,.st-account-detail-lead,.st-account-note{font-size:12px}
.st-account-logout{min-height:44px;font-size:13px}
.st-account-primary,.st-account-outline,.st-account-danger{min-height:46px;font-size:13px}
.st-account-box label:not(.st-account-toggle){font-size:13px}
.st-account-box input[type="text"]{height:48px;font-size:16px}
.st-account-readonly{font-size:12px}
.st-account-toggle strong,.st-account-counter,.st-account-device strong,.st-account-benefits li{font-size:12px}
.st-account-toggle small,.st-account-device small,.st-account-price span{font-size:11px}
.st-account-plan-switch button{min-height:46px;font-size:13px}
.st-account-foot{font-size:10px;line-height:1.4}
.st-account-toast{bottom:calc(20px + env(safe-area-inset-bottom,0px));font-size:12px;line-height:1.5}
.st-account-close:focus-visible,.st-account-back:focus-visible,.st-account-menu button:focus-visible,.st-account-panel .st-account-primary:focus-visible,.st-account-panel .st-account-outline:focus-visible,.st-account-panel .st-account-danger:focus-visible,.st-account-trigger:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
/* Account-detail polish: clearer hierarchy, accurate demo states, accessible toggles. */
#stAccountPanel [hidden]{display:none!important}
body.st-account-modal-open{overflow:hidden!important}
.st-account-panel{width:min(440px,100vw)}
.st-account-head{min-height:78px;padding:14px 23px;gap:12px}
.st-account-heading{flex:1;min-width:0}
.st-account-heading h2{font-size:19px;line-height:1.25;margin:0;font-weight:820}
.st-account-heading h2:focus{outline:none}
.st-account-heading p{font-size:11px;line-height:1.35;margin:4px 0 0;color:var(--st-ui-muted,#536581)}
.st-account-edit-profile{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--st-ui-border,#dce5ef);border-radius:12px;background:var(--st-ui-soft,#eef6ff);color:var(--st-ui-blue-text,#105392)}
.st-account-edit-profile svg{width:19px;height:19px}
.st-account-edit-profile:hover{background:var(--st-ui-border,#dce5ef)}
.st-account-edit-profile:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
.st-account-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:16px 0 0}
.st-account-overview>div{min-width:0;display:flex;flex-direction:column;gap:6px;padding:13px 14px;border:1px solid var(--st-ui-border,#dce5ef);border-radius:13px;background:var(--st-ui-soft,#eef6ff)}
.st-account-overview small{font-size:10px;font-weight:810;letter-spacing:.06em;color:var(--st-ui-muted,#536581)}
.st-account-overview strong{font-size:13px;line-height:1.4;color:var(--st-ui-text,#172329);overflow-wrap:anywhere}
.st-account-membership{margin-top:17px}
.st-account-menu button{border-radius:10px;transition:background .16s}
.st-account-menu-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st-account-field-label{display:block;font-size:13px;font-weight:760;margin-bottom:7px}
.st-account-field-error{display:block;min-height:0;font-size:11px;font-weight:650;color:#c74755;line-height:1.4;margin:-9px 0 12px}
.st-account-password-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--st-ui-border,#dce5ef)}
.st-account-password-form[hidden]{display:none!important}
.st-account-password-form input[type="password"]{display:block;width:100%;height:44px;border:1px solid var(--st-ui-border,#dce5ef);background:var(--st-ui-surface,#fff);color:var(--st-ui-text,#172329);padding:10px 12px;border-radius:10px;margin:0 0 16px;font:inherit;font-size:16px}
.st-account-password-form .st-account-outline{margin-top:9px}
.st-account-password-form input:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
.st-account-field-error:empty{display:none}
.st-account-box input[aria-invalid="true"]{border-color:#d75561;box-shadow:0 0 0 3px #d755611b}
.st-account-device-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--st-ui-surface,#fff);color:var(--st-ui-blue-text,#105392);font-size:17px}
.st-account-online{color:#12a584;font-size:13px}
.st-account-device button{min-height:40px;padding:9px 12px;font-size:12px;font-weight:770}
.st-account-hint{font-size:12px;line-height:1.6;color:var(--st-ui-muted,#536581);margin:10px 0 16px}
.st-account-lock-badge{display:inline-flex;padding:3px 6px;margin-left:4px;background:#fff1d7;color:#805c13;border-radius:6px;font-size:10px;line-height:1.2;vertical-align:middle}
.st-account-inline-link{display:block;width:100%;text-align:left;min-height:44px;border:0;background:transparent;color:var(--st-ui-blue-text,#105392);font-weight:750;font-size:12px;padding:8px 0 14px}
.st-account-inline-link:hover{text-decoration:underline}
.st-account-inline-link:focus-visible,.st-account-device button:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
.st-account-toggle input[type="checkbox"]{appearance:none;position:relative;flex:none;width:46px;height:27px;border:1px solid var(--st-ui-border,#dce5ef);border-radius:99px;background:#b7c6d5;cursor:pointer;transition:background .2s,border-color .2s}
.st-account-toggle input[type="checkbox"]:before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #10205229;transition:transform .2s}
.st-account-toggle input[type="checkbox"]:checked{background:#148ff5;border-color:#148ff5}
.st-account-toggle input[type="checkbox"]:checked:before{transform:translateX(19px)}
.st-account-toggle input[type="checkbox"]:disabled{opacity:.52;cursor:not-allowed}
.st-account-toggle input[type="checkbox"]:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:3px}
:root[data-theme="dark"] .st-account-lock-badge{background:#49391f;color:#ffd98e}
@media(max-width:820px){
  .st-account-trigger{min-width:42px;min-height:42px}
  .mobile-brand .st-account-trigger{margin-left:2px;padding:3px}
  .st-account-panel{width:100%;height:min(92dvh,820px)}
  .st-account-sheet-handle{height:27px;min-height:27px}
  .st-account-head{min-height:67px;padding:8px 17px}
  .st-account-scroll{padding:18px 18px calc(24px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:25px}
  .st-account-menu button{min-height:66px}
  .st-account-overview>div{padding:12px 11px}
}
@media(max-width:360px){
  .mobile-brand .brand-sub{display:none}
  .mobile-brand .st-account-trigger{margin-left:0}
  .st-account-head{padding-inline:13px}
  .st-account-scroll{padding-inline:15px}
  .st-account-user{gap:9px}
  .st-account-overview{gap:7px}
  .st-account-overview small{font-size:9px}
  .st-account-heading p{font-size:10px}
}
@media(max-height:600px) and (max-width:820px){
  .st-account-panel{height:min(94dvh,820px)}
  .st-account-scroll{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.st-account-panel,.st-account-backdrop,.st-account-toast,.st-account-toggle input,.st-account-toggle input:before{transition:none!important}}

/* v69 · Live entitlement feedback, distinct from the demo plan switch. */
.st-membership-sync{padding:10px 13px;border:1px solid #c7e4d7;border-radius:12px;background:#effbf4;color:#227354!important;font-size:12px!important;font-weight:750;line-height:1.55!important;margin:7px 0 14px}
:root[data-theme="dark"] .st-membership-sync{background:#183b30;border-color:#36765d;color:#abedc7!important}

/* v71 · Real Premium device/session management (desktop and mobile sheet). */
.st-account-real-device{min-width:0;align-items:center}
.st-account-real-device>div{min-width:0}
.st-account-real-device strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.st-account-real-device small{font-size:11px;line-height:1.5}
.st-account-device-current{flex:none;color:#117f62;background:#e2f6ed;border-radius:100px;padding:6px 9px;font-size:11px;font-weight:780}
.st-account-device .st-account-device-revoke{flex:none;color:#b63d4c;background:var(--st-ui-surface,#fff);border:1px solid #e7c9cc;border-radius:9px;min-height:44px;padding:10px 12px}
.st-account-device .st-account-device-revoke:hover{background:#fff1f2}
.st-account-device-refresh{margin:7px 0 4px;min-height:44px}
.st-account-device-refresh:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
.st-account-device-revoke:disabled,.st-account-device-refresh:disabled{opacity:.55;cursor:wait}
:root[data-theme="dark"] .st-account-device-current{background:#164739;color:#b4f5d7}
:root[data-theme="dark"] .st-account-device .st-account-device-revoke{border-color:#794751;color:#ffb9c1}
:root[data-theme="dark"] .st-account-device .st-account-device-revoke:hover{background:#4e2c35}
.st-account-expiry-reminder{margin:11px 0;padding:12px 13px;border:1px solid #f0cf7c;background:#fff6dc;color:#765010;font-size:12px;line-height:1.6;border-radius:11px}
:root[data-theme="dark"] .st-account-expiry-reminder{background:#3b301b;border-color:#766333;color:#ffdc92}
@media(max-width:360px){
  .st-account-real-device{flex-wrap:wrap}
  .st-account-real-device>div{flex-basis:calc(100% - 46px)}
  .st-account-device .st-account-device-revoke{margin-left:42px}
}