.sync-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #396d6925;background:#396d6908;color:#c8bce2;padding:8px 11px;border-radius:9px;font-size:10px}.sync-chip .icon{width:13px;height:13px}.sync-alert{display:flex;gap:14px;align-items:center;background:#d2af6e0c;border:1px solid #d2af6e30;border-radius:13px;padding:15px 18px;margin-bottom:20px}.sync-alert>div{flex:1}.sync-alert strong{font-weight:500;font-size:12px;color:#e4d2ae}.sync-alert p{font-size:11px;line-height:1.7;color:#a9a7a7;margin:5px 0 0}.sync-alert .primary,.sync-alert .secondary{font-size:10px;white-space:nowrap}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:48px 20px 65px;position:relative;background:radial-gradient(ellipse at 50% 30%,#8e72be19,transparent 55%)}.auth-card{width:100%;max-width:420px;padding:33px;border:1px solid #ffffff12;background:linear-gradient(135deg,#ffffff05,#ffffff01),#2c2e36bb;backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 70px #0002}.auth-logo{width:49px;height:49px;border-radius:50%;display:block;margin-bottom:29px}.auth-card .eyebrow{font-size:9px;color:#b1a7c3;margin-bottom:15px}.auth-card h1{font-size:36px;letter-spacing:-1.4px;font-weight:500;line-height:1.18;margin:0 0 17px}.auth-card>p{font-size:12px;color:#a9adbb;line-height:1.9;margin:0 0 27px}.auth-card form{display:flex;flex-direction:column;gap:17px}.auth-card .primary,.auth-card>.secondary{width:100%;min-height:43px;font-size:12px}.auth-card .field{font-size:11px}.auth-card .field input{font-size:13px;border-color:#ffffff19;background:#1c1e2640}.auth-card .auth-footnote{font-size:10px;text-align:center;line-height:1.8;color:#8e95a4;margin:22px 0 0}.auth-footnote .icon{width:10px;height:10px}.auth-divider{position:relative;text-align:center;margin:22px 0;color:#9298a6;font-size:9px}.auth-divider:before{content:'';height:1px;position:absolute;top:50%;left:0;right:0;background:#ffffff0b}.auth-divider span{position:relative;background:#2f3039;padding:0 10px}.auth-message{font-size:11px;line-height:1.8;color:#d0c2e9;margin-top:14px}.auth-loading{font-size:12px;color:#b9acca;padding:15px 0;animation:fade .8s alternate infinite}.auth-bottom{position:absolute;bottom:25px;font-size:8px;letter-spacing:2.4px;color:#747d8b}.import-summary{padding:17px;border:1px solid #396d691f;background:#396d6906;border-radius:12px;margin:22px 0}.import-summary strong{font-weight:500;font-size:12px;display:block}.import-summary span{display:block;font-size:12px;color:#bdb0d6;margin-top:9px}.import-summary small{font-size:10px;color:#979eac;line-height:1.8;display:block;margin-top:9px}.auth-card>.primary+.secondary{margin-top:10px}.account-summary{display:flex;align-items:center;gap:12px;margin:18px 0}.account-summary p{font-size:12px;color:#c4bacf;margin:0;word-break:break-word}.account-summary small{font-size:10px;color:#929baa;display:block;margin-top:6px}
@media(max-width:1050px){.search-trigger{min-width:0}.search-trigger span,.search-trigger kbd{display:none}}
@media(max-width:760px){.sync-chip{padding:7px;min-width:31px;min-height:31px;justify-content:center}.sync-chip span{display:none}.top-actions{gap:3px}.breadcrumb{gap:5px;font-size:10px}.auth-page{padding:26px 17px 60px}.auth-card{padding:27px 23px;border-radius:22px}.auth-card h1{font-size:34px}.auth-card>p{font-size:12px}.auth-logo{width:45px;height:45px}.sync-alert{flex-wrap:wrap;padding:14px}.sync-alert>div{flex-basis:100%}.sync-alert .secondary,.sync-alert .primary{flex:1}.account-summary p{font-size:11px}}
.auth-page{background:radial-gradient(ellipse at 50% 20%,#005a5b44,transparent 60%)}.auth-card{background:#191818;border-color:#e5dedf22}.auth-card .eyebrow,.auth-message{color:#b4d4cf}.auth-card>p,.auth-footnote,.import-summary span{color:#e5dedf}.auth-divider span{background:#191818}
/* Saving and recovery controls remain visible and operable at narrow widths. */
.sync-alert{flex-wrap:wrap;overflow-wrap:anywhere;border-color:#b49a69;background:#25231f;color:#fff7f8}
.sync-alert>div{min-width:0;flex:1 1 240px}.sync-alert strong{font-size:14px;color:#fff7f8}.sync-alert p{font-size:14px;color:#e5dedf}
.sync-alert .primary,.sync-alert .secondary{min-height:44px;white-space:normal;font-size:14px;max-width:100%}
.sync-chip{min-height:44px;min-width:44px}.sync-chip:focus-visible,.sync-alert button:focus-visible{outline:2px solid #fff7f8;outline-offset:3px}
.sync-alert button:disabled{opacity:.65}.restore-summary label{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:400px){.sync-alert{padding:12px;gap:10px}.sync-alert .primary,.sync-alert .secondary{flex:1 1 100%}.dialog-actions{flex-wrap:wrap}.dialog-actions button{white-space:normal;min-height:44px;max-width:100%}}
#saving-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Access metadata is bounded and readable on narrow screens. */
.account-admin{padding:24px;max-width:960px}.account-admin form{max-width:420px}.account-row{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid var(--border,#555)}.account-row strong,.account-row span{overflow-wrap:anywhere;max-width:100%}.account-admin button{min-height:44px}.account-admin h3{margin-top:24px}
/* QA03-UX1: readable account/admin/support forms only; shared .field stays unchanged. */
:is(.auth-card,.account-admin,.support-forms) .field{font-size:14px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
:is(.auth-card,.account-admin,.support-forms) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){font-size:16px;line-height:1.5;min-height:44px;width:100%;max-width:100%;min-width:0;scroll-margin-block:16px}
:is(.auth-card,.account-admin,.support-forms) button,.auth-card :is(.primary,.secondary){font-size:16px;line-height:1.5;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;scroll-margin-block:16px}
:is(.account-admin,.support-forms) form{display:grid;gap:12px;min-width:0}