/* Startrail account controls follow the existing ink-green and brass palette. */
body:has(#app) .account-trigger{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 11px;border:1px solid #aa987765;border-radius:2px;background:#15241f;color:#d6c5a4;text-align:left;white-space:nowrap}
.account-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}
.account-trigger .account-label{display:block;font-size:13px;line-height:1.4}
.account-trigger .account-state{display:block;font-size:10px;color:#aab5a8;line-height:1.5}
.account-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8c9488;flex:none}
[data-sync="saved"] .account-dot{background:#8eb492;box-shadow:0 0 0 3px #8eb49217}
[data-sync="pending"] .account-dot,[data-sync="conflict"] .account-dot,[data-sync="syncing"] .account-dot{background:#d5af65}
[data-sync="error"] .account-dot,[data-sync="expired"] .account-dot{background:#c18e7b}
.startrail-account-dialog{color-scheme:dark;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #b69c67;border-radius:4px;background:#14251f;color:#dbd9c9;box-shadow:0 24px 90px #0009;font:15px/1.7 var(--font-ui);overflow:auto}
.startrail-account-dialog::backdrop{background:#050b0dc9;backdrop-filter:blur(4px)}
.account-dialog-heading{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 18px;border-bottom:1px solid #a18f6655;background:#14251f;z-index:1}
.account-wordmark{font-size:10px;letter-spacing:.2em;color:#b6a17a}
.account-dialog-heading h2{font:500 25px/1.5 var(--font-heading);color:#d7c7a4;margin:7px 0 0}
.startrail-account-dialog .account-close{width:40px;height:40px;min-height:40px;padding:0;background:transparent;font-size:27px;color:#c8bfac;border:1px solid #9b997144}
.account-dialog-body{padding:20px 26px 24px}
.account-dialog-body p{margin:0 0 17px;font-size:14px;line-height:1.8}
.account-dialog-body .account-muted{font-size:12px;color:#a6b1a5;line-height:1.8}
.account-dialog-body .account-greeting{font:500 23px/1.6 var(--font-heading);color:#d8c6a2;margin-bottom:2px;overflow-wrap:anywhere}
.account-name-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.account-name-row .account-greeting{flex:1;min-width:0}
.account-name-row button{flex:none}
#startrail-profile-form{display:grid;gap:10px;margin-bottom:18px}
#startrail-profile-form label{display:grid;gap:6px;color:#c6cab9;font-size:14px}
#startrail-profile-form input{width:100%;min-width:0;min-height:46px;padding:10px 12px;box-sizing:border-box;border:1px solid #84907677;border-radius:2px;background:#0e1d17;color:#eeeadb;font-size:16px;line-height:1.5}
#startrail-profile-form input:focus{outline:1px solid #cab581;border-color:#cab581}
#startrail-profile-form .account-actions{margin:0}
#startrail-profile-form .account-muted{margin:0;font-size:14px}
.account-dialog-body .account-name-message{margin:6px 0 14px;color:#dbc390;font-size:14px;line-height:1.6}
.account-dialog-body button,.account-dialog-body a.account-primary{min-height:44px;border:1px solid #9f92636b;padding:9px 14px;background:#1e3229;border-radius:2px;color:#d5ccb4;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.account-dialog-body button:hover{border-color:#c7b27f;background:#304338}
.startrail-account-dialog button:focus-visible,.startrail-account-dialog a:focus-visible{outline:2px solid #cdb987;outline-offset:3px}
.account-dialog-body button:disabled{opacity:.6;cursor:wait}
.account-dialog-body .account-primary{display:block;background:#b59e6d;color:#10231b;border-color:#c5af7e;text-align:center;font-weight:600}
.account-dialog-body .account-primary:hover{background:#c6b17f}
.account-tabs{display:grid;grid-template-columns:1fr 1.3fr;gap:6px;margin:20px 0}
.account-tabs button[aria-pressed="true"]{border-color:#bdab7a;background:#9b89552a;color:#e1cc94;box-shadow:inset 0 -2px #bdab7a}
#startrail-auth-form{display:grid;gap:16px}
#startrail-auth-form label{display:grid;gap:6px;font-size:13px;color:#c6cab9}
#startrail-auth-form input{width:100%;min-width:0;min-height:46px;padding:10px 12px;box-sizing:border-box;border:1px solid #84907677;border-radius:2px;background:#0e1d17;color:#eeeadb;font-size:16px;line-height:1.5}
#startrail-auth-form input:focus{outline:1px solid #cab581;border-color:#cab581}
#startrail-auth-form input::placeholder{color:#899886;font-size:14px}
#startrail-auth-form+p{margin-top:16px}
.account-choice{display:grid;gap:12px;padding:18px;border:1px solid #ad986452;margin:18px 0;background:#1c2e24}
.account-choice p{margin:0}
.account-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}
.account-sync-summary{padding:16px 18px;margin:20px 0;border:1px solid #85977360;background:#26382b}
.account-sync-summary strong{margin-left:10px;color:#c9d6b5;font-weight:500}
.account-sync-summary p{font-size:12px;margin:8px 0 0;color:#b2bca9}
.account-security{display:inline-block;color:#d0bb8c;margin:16px 0;font-size:13px;text-underline-offset:4px}
.account-records{list-style:none;margin:0;padding:0}
.account-records li{padding:14px 0;border-bottom:1px solid #8b875447}
.account-records li>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-records small{font-size:11px;color:#acb3a2}
.account-records p{font-size:12px;margin:8px 0;color:#c4c5ad}
.account-dialog-body h3{font-size:15px;color:#dbc58a;font-weight:500}
.account-dialog-body details{margin:20px 0;padding-top:12px;border-top:1px solid #7d835c55}
.account-dialog-body summary{cursor:pointer;color:#c0b68e;font-size:13px;padding:8px 0}
.account-dialog-body .account-message{color:#dbc390;margin:14px 0 0;font-size:13px;min-height:0}
.account-message:empty{display:none}
@media(max-width:1100px){body:has(#app) .account-trigger .account-label,body:has(#app) .account-trigger .account-state{display:none}body:has(#app) .account-trigger{position:relative;width:44px;padding:10px;gap:0}body:has(#app) .account-trigger .account-dot{position:absolute;right:5px;top:5px;width:5px;height:5px}}
@media(max-width:640px){body:has(#app)>.top{grid-template-areas:'brand brand' 'tools tools' 'nav nav' !important}body:has(#app)>.top .brand{justify-self:center !important}body:has(#app)>.top .header-tools{justify-self:center;gap:8px;justify-content:center;width:100%}body:has(#app) .account-trigger{width:auto;gap:7px;padding:7px 10px}body:has(#app) .account-trigger .account-label{display:block;font-size:12px}body:has(#app) .account-trigger .account-dot{position:static;margin-left:4px}body:has(#app)>.top .language-picker select{width:76px}.account-dialog-heading{padding:20px 20px 16px}.account-dialog-body{padding:18px 20px 22px}.startrail-account-dialog{max-height:calc(100dvh - 24px)}}
@media(max-width:640px){body:has(#app) .account-trigger .account-label{display:none}body:has(#app) .account-trigger::after{content:attr(data-account-label);font-size:12px}}

.account-choice [translate="no"]{overflow-wrap:anywhere}

/* The account dialog uses the same paper, copper and type as the investigation. */
.startrail-account-dialog{background:linear-gradient(135deg,#1b2d24,#102019);border-color:#b79c6590;box-shadow:0 30px 100px #000b,inset 0 1px #ecd4a21a}
.account-dialog-heading{background:#15271f;border-bottom-color:#b49a6240}
.account-wordmark{font-size:12px;color:#c1a875}
.account-dialog-body p{font-size:15px;line-height:1.9}
.account-dialog-body :is(button,a.account-primary),#startrail-auth-form label{font-size:14px}
.account-dialog-body .account-primary{background:linear-gradient(130deg,#cfb17d,#b49460);border-color:#dfc58e80;color:#14231e;min-height:48px}
.account-dialog-body .account-muted{font-size:13px;color:#b4beac}
.startrail-account-dialog .account-close{border:0;min-width:44px;min-height:44px}