.account-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #cad7de;border-radius:4px;background:#f8fbfc;color:#32617a;padding:5px 9px;font:600 11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.account-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-button:hover{background:#eaf4f8}
.account-button.account-signin-unseen{position:relative;border:2px solid #d77928;box-shadow:0 0 0 3px #d7792833,0 0 14px #d7792852}
.account-button.account-signin-unseen::after{content:"";position:absolute;z-index:2;inset:-12px -18px;border:3px solid #d77928;border-radius:18px;opacity:0;pointer-events:none;animation:account-signin-halo 2.8s ease-out infinite}
@keyframes account-signin-halo{0%{transform:scale(.96);opacity:.72}75%,100%{transform:scale(1.09);opacity:0}}
.account-dialog #account-email.account-email-attention{border-color:#d77928;box-shadow:0 0 0 4px #d7792833,0 0 16px #d7792852;animation:account-email-pulse 1.8s ease-in-out infinite alternate}
@keyframes account-email-pulse{from{box-shadow:0 0 0 3px #d7792826,0 0 8px #d7792840}to{box-shadow:0 0 0 5px #d7792840,0 0 18px #d7792866}}
@media(prefers-reduced-motion:reduce){.account-button.account-signin-unseen::after,.account-dialog #account-email.account-email-attention{animation:none;opacity:.65}}
.account-dialog{width:min(473px,calc(100vw - 28px));padding:26px;border:1px solid #cbd8df;border-radius:10px;background:#fff;color:#334552;box-shadow:0 18px 60px #172a3b45}
.account-dialog::backdrop{background:#1b2d3d77}
.account-dialog h2{margin:3px 0 8px;font-size:21px}
.account-dialog p{font-size:13px;line-height:1.5}
.account-dialog label{display:block;margin:18px 0 6px;font-size:12px;font-weight:650}
.account-dialog input{width:100%;padding:9px 10px;border:1px solid #bfcfd8;border-radius:5px;background:#fff;color:#263d4c;font:inherit}
.account-dialog form button,.account-dialog #account-sign-out{margin-top:13px;padding:9px 12px;border:1px solid #4284a1;border-radius:5px;background:#317f9e;color:#fff;font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.account-dialog #account-sign-out{background:#fff;color:#315d75}
.account-billing-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 2px}
.account-billing-actions[hidden]{display:none}
.account-billing-actions button{padding:9px 12px;border:1px solid #4284a1;border-radius:5px;background:#317f9e;color:#fff;font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.account-billing-actions button:disabled{opacity:.6;cursor:wait}
.account-agreement{margin:14px 0 4px;padding:12px;border:1px solid #d7e1e6;border-radius:6px;background:#f8fbfc}
.account-agreement h3{margin:0 0 8px;font-size:14px;color:#334552}
.account-agreement details{font-size:12px;line-height:1.5}
.account-agreement summary{color:#286b89;font-weight:650;cursor:pointer}
.account-agreement-copy{max-height:240px;overflow:auto;margin:9px 0 0;padding:0 8px 0 0;color:#465864;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.account-dialog .account-agreement-name{margin:10px 0 0;font-size:11px}
.account-dialog .account-agreement-name input{display:block;margin-top:5px;padding:7px 8px;font-size:12px}
.account-dialog .account-agreement-accept{display:flex;align-items:flex-start;gap:8px;margin:12px 0 2px;font-size:11px;line-height:1.4;cursor:pointer}
.account-dialog .account-agreement-accept input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:#317f9e}
.account-dialog .account-agreement-version{margin:5px 0 0;color:#82919a;font-size:10px}
.account-billing-actions #account-subscribe:disabled{opacity:.5;cursor:not-allowed}
.account-billing-actions #account-manage-billing{background:#fff;color:#315d75}
.account-close{position:absolute;top:9px;right:13px;border:0;background:transparent;color:#6c7d87;font-size:24px;cursor:pointer}
.account-message{min-height:1.4em;color:#315e76}
.account-message.error{color:#b33e40}
.account-send-status{margin:10px 0 0;padding:9px 11px;border:1px solid #cbd8df;border-radius:5px;background:#f3f8fa;color:#315e76;font-size:12px;line-height:1.45}
.account-send-status[hidden]{display:none}
.account-send-status.success{border-color:#b9d9c4;background:#eff8f1;color:#286144}
.account-send-status.error{border-color:#e8bcbc;background:#fff3f2;color:#a53135}
.account-send-status.pending{border-color:#cbd8df;background:#f3f8fa;color:#315e76}
.account-local-note{margin:18px 0 0;padding-top:13px;border-top:1px solid #e2e9ed;color:#768692}
.account-status{margin-top:16px;padding-top:13px;border-top:1px solid #e2e9ed}
.account-status h3{margin:0 0 9px;font-size:13px;color:#334552}
.account-status dl{display:grid;gap:6px;margin:0;font-size:12px;line-height:1.4}
.account-status dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px}
.account-status dt{color:#71818c}
.account-status dd{margin:0;text-align:right;color:#315e76;font-weight:600}
.account-dialog{max-height:90vh;overflow-y:auto}
.account-profile{margin-top:20px;padding-top:16px;border-top:1px solid #e2e9ed}
.account-profile h3{margin:0 0 5px;color:#334552;font-size:15px}
.account-profile>p{margin:4px 0 10px;color:#768692}
.account-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.account-dialog .account-profile-grid label{margin:8px 0 0}
.account-profile-grid select{display:block;width:100%;margin-top:5px;padding:8px 9px;border:1px solid #bfcfd8;border-radius:5px;background:#fff;color:#263d4c;font:inherit}
.account-profile-status{min-height:1.2em;margin:10px 0 0!important;color:#43845e!important;font-size:11px!important}
.account-profile-status.error{color:#b33e40!important}
.account-sync-tools{margin-top:16px;padding:13px 0;border-top:1px solid #e2e9ed}.account-sync-tools h3{margin:0 0 5px;color:#334552;font-size:15px}.account-sync-tools>p{margin:4px 0 10px;color:#768692;font-size:11px;line-height:1.4}.account-sync-actions{display:flex;flex-wrap:wrap;gap:7px}.account-dialog .account-sync-actions button{margin:0;padding:7px 9px;border:1px solid #4284a1;border-radius:5px;background:#fff;color:#315d75;font:600 11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.account-dialog .account-sync-actions button[hidden]{display:none}
.sync-choice-dialog{width:min(440px,calc(100vw - 28px));padding:24px;border:1px solid #cbd8df;border-radius:10px;background:#fff;color:#334552;box-shadow:0 18px 60px #172a3b45}.sync-choice-dialog::backdrop{background:#1b2d3d77}.sync-choice-dialog h2{margin:3px 0 8px;font-size:20px}.sync-choice-dialog p{font-size:13px;line-height:1.5}.sync-choice-dialog .eyebrow{color:#698092;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.account-sync-choice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.account-sync-choice-actions button{padding:9px 11px;border:1px solid #4284a1;border-radius:5px;background:#317f9e;color:#fff;font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.account-sync-choice-actions button+button{background:#fff;color:#315d75}
.account-identity{margin:16px 0;padding:12px 0;border-top:1px solid #e2e9ed;border-bottom:1px solid #e2e9ed}
.account-identity h3{margin:0 0 5px;color:#334552;font-size:15px}
.account-identity p{margin:5px 0;color:#768692;font-size:11px;line-height:1.4}
.account-dialog .account-identity label{display:block;margin:8px 0 0;font-size:11px}
.account-dialog .account-identity input{display:block;width:100%;margin-top:5px;padding:8px 9px;border:1px solid #bfcfd8;border-radius:5px;font:inherit}
.account-dialog .account-identity button{margin-top:8px;padding:7px 10px;border:1px solid #4284a1;border-radius:5px;background:#fff;color:#315d75;font:600 11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.account-dialog .account-identity button:disabled{opacity:.6;cursor:wait}
.account-identity #account-identity-status.error{color:#b33e40}
@media(max-width:520px){.account-profile-grid{grid-template-columns:1fr}}
.access-gate[hidden]{display:none}
html[data-environment="STAGING"][data-access="locked"] .access-gate[hidden],html[data-environment="SERVER"][data-access="locked"] .access-gate[hidden]{display:grid}
html[data-environment="STAGING"][data-access="locked"] body>:not(.access-gate):not(.roster-gate):not(#account-dialog):not(#account-sync-choice-dialog):not(#account-sync-conflict-dialog),html[data-environment="SERVER"][data-access="locked"] body>:not(.access-gate):not(.roster-gate):not(#account-dialog):not(#account-sync-choice-dialog):not(#account-sync-conflict-dialog){visibility:hidden}
.access-gate{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#f4f6f8}
.access-gate-card{width:min(420px,100%);padding:26px;border:1px solid #cbd8df;border-radius:10px;background:#fff;box-shadow:0 18px 60px #172a3b24;color:#334552}
.access-gate-card h1{margin:0 0 10px;font-size:22px}
.access-gate-card p{margin:0 0 18px;font-size:14px;line-height:1.5}
.access-gate-card button{margin:0 8px 0 0;padding:10px 14px;border:1px solid #4284a1;border-radius:5px;background:#317f9e;color:#fff;font:600 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.access-gate-card button[hidden]{display:none}
.roster-gate[hidden]{display:none}
html[data-roster-access="checking"] .roster-gate[hidden],html[data-roster-access="locked"] .roster-gate[hidden]{display:grid}
html[data-roster-access="checking"] .roster-gate{animation:roster-check-delay .22s both}
@keyframes roster-check-delay{0%,99%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
html[data-roster-access="checking"] .roster-gate-card>:not(.roster-gate-checking){display:none}
html[data-roster-access="checking"] .roster-gate-checking{display:block;margin:0;color:#778791}
html:not([data-roster-access="checking"]) .roster-gate-checking{display:none}
html[data-roster-access="checking"] body>:not(.roster-gate):not(#account-dialog):not(#account-sync-choice-dialog):not(#account-sync-conflict-dialog),html[data-roster-access="locked"] body>:not(.roster-gate):not(#account-dialog):not(#account-sync-choice-dialog):not(#account-sync-conflict-dialog){visibility:hidden}
.roster-gate{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:#f4f6f8}
.roster-gate-card{width:min(420px,100%);padding:26px;border:1px solid #cbd8df;border-radius:10px;background:#fff;box-shadow:0 18px 60px #172a3b24;color:#334552}
.roster-gate-card h1{margin:0 0 10px;font-size:22px}
.roster-gate-card p{margin:0 0 14px;font-size:14px;line-height:1.5}
.roster-gate-note{color:#778791!important;font-size:12px!important}
.roster-gate-card form{display:grid;gap:9px}
.roster-gate-card label{display:grid;gap:5px;color:#405664;font-size:12px;font-weight:650}
.roster-gate-card input{width:100%;padding:10px;border:1px solid #bdcbd3;border-radius:5px;background:#fff;color:#263d4c;font:inherit}
.roster-gate-card input:focus{outline:3px solid #8db9ff;outline-offset:2px}
.roster-initials{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.roster-gate-card button{margin-top:6px;padding:10px 14px;border:1px solid #4284a1;border-radius:5px;background:#317f9e;color:#fff;font:600 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.roster-gate-card button:disabled{opacity:.55;cursor:wait}
.roster-gate-status{min-height:1.2em;margin:0!important;color:#a53135!important;font-size:12px!important}
.roster-gate-help{margin:12px 0 0!important;color:#405664}
.roster-gate-help a{color:#246985;font-weight:650}
.roster-gate-card .roster-gate-disclaimer{margin:26px 0 0;padding-top:20px;border-top:1px solid #c6d3db;color:#697b86;font-size:11px;font-style:italic;line-height:1.5}
.account-sync-tools>p.is-syncing{color:#2b8157!important;font-weight:650}
.sync-choice-dialog#account-sync-conflict-dialog{width:min(640px,calc(100vw - 28px))}
.profile-conflict-table-wrap{max-width:100%;overflow-x:auto;margin:14px 0 16px;border:1px solid #d7e1e6;border-radius:6px}
.profile-conflict-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.profile-conflict-table th,.profile-conflict-table td{padding:8px 10px;border-bottom:1px solid #e2e9ed;white-space:nowrap}
.profile-conflict-table thead th{background:#f1f6f8;color:#526b7a;font-weight:700}
.profile-conflict-table tbody th{color:#405664;font-weight:650}
.profile-conflict-table tr:last-child th,.profile-conflict-table tr:last-child td{border-bottom:0}
.profile-conflict-table tr.is-match td{background:#edf8f0;color:#286144}
.profile-conflict-table tr.is-different td{background:#fff4e8;color:#834d1d;font-weight:650}
.profile-conflict-table tr.has-unset td{color:#758691}
.profile-conflict-table td:last-child{font-size:11px;font-weight:650}
.profile-conflict-value{width:100%;padding:4px 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.profile-conflict-value:hover{border-color:#7eaec2;background:#e8f3f7}
.profile-conflict-value[aria-pressed="true"]{border-color:#317f9e;background:#317f9e;color:#fff}
.profile-conflict-value:focus-visible{outline:3px solid #8db9ff;outline-offset:2px}
.profile-choice-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:6px}
.account-sync-choice-actions button{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:520px){.profile-conflict-table{min-width:510px}.account-sync-choice-actions{align-items:stretch}.account-sync-choice-actions button{flex:1 1 100%}}
@media(max-width:520px){.roster-gate{padding:14px}.roster-gate-card{padding:20px}}
.account-dialog .account-sync-actions button{background:#317f9e;color:#fff}
.account-dialog .account-sync-actions button:focus-visible{outline:3px solid #8db9ff;outline-offset:2px}
