.profile small{white-space:nowrap}.app-header{gap:20px}.header-tools{gap:10px}.server-notice{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#fff5d9;border-bottom:1px solid #e2cf96;font-size:12px}.server-notice[hidden],.server-saving[hidden]{display:none}.server-saving{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:#ffffff55;cursor:wait}.server-saving>div{padding:15px 22px;border:1px solid #b8d4c6;background:#fff;color:#087f65;box-shadow:0 6px 30px #18463220;font-size:14px}.server-saving small{display:block;font-size:11px;margin-top:3px}.account-scrim{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:#142b4866;padding:20px}.account-modal{width:840px;max-width:100%;max-height:90dvh;overflow:auto;border:1px solid #cdded5;background:#fff;box-shadow:0 18px 70px #142b4830}.account-modal>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #e1ebe5;background:#f8fcfa}.account-modal h2{font-size:18px;color:#087f65;margin:0}.account-content{padding:20px}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:14px}.account-intro{font-size:12px;line-height:1.7;color:#526a61;margin:0 0 15px}.account-intro small{display:block;font-size:11px}.account-row{display:grid;grid-template-columns:1fr 140px auto;gap:15px;align-items:center;padding:15px 0;border-top:1px solid #e1ebe5}.account-row strong,.account-row span,.account-row small{display:block}.account-row strong{font-size:14px;margin-bottom:4px}.account-row span{font-size:12px}.account-row small{font-size:10px;color:#526a61;margin-top:5px}.account-actions{display:flex;gap:5px}.account-actions .button{min-height:32px;padding:5px 8px;font-size:10px}.account-active{color:#087f65}.account-disabled{color:#9d5c16}.account-protected{color:#526a61;margin-top:5px;font-size:11px!important}.account-field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font-size:13px;font-weight:600}.account-field small{display:block;font-size:11px;font-weight:400;color:#526a61;margin-top:3px}.account-field input{width:100%}.account-credential{margin-top:20px;font-size:13px}.account-credential dt{font-size:11px;color:#526a61;margin-top:12px}.account-credential dd{margin:5px 0}.account-credential .input{width:100%;font-family:monospace}
.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5faf7}.auth-card{width:430px;max-width:100%;background:#fff;border:1px solid #d5e5dc;border-top:4px solid #087f65;padding:30px}.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.auth-brand-mark{display:block;width:48px;height:48px;object-fit:contain;flex:none}.auth-brand strong{display:block;font-size:22px;color:#087f65;letter-spacing:0;white-space:nowrap}.auth-brand small{font-size:9px;letter-spacing:1px;color:#526a61}.auth-card h1{font-size:20px;margin:0 0 7px;color:#253d36}.auth-card .account-intro{margin-bottom:24px}.auth-card .button.primary{width:100%;min-height:44px}.auth-note{border-top:1px solid #e1ebe5;padding-top:16px;margin:20px 0 0;font-size:11px;line-height:1.8;color:#526a61}.auth-errors{padding:12px;margin-bottom:16px;background:#fff3ec;color:#8d4524;font-size:12px;line-height:1.6}.auth-errors ul{margin:0;padding-left:16px}.auth-errors:empty{display:none}.auth-actions{display:flex;gap:8px}.auth-actions>*{flex:1}.auth-card .field-help{display:block;line-height:1.6;margin:10px 0}.auth-page *{border-radius:0!important}
@media(max-width:1000px){.app-header{gap:14px}.header-tools{gap:8px}}
@media(max-width:760px){.app-header{height:auto;min-height:54px;flex-wrap:wrap;padding:9px 12px;gap:9px}.header-tools{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.app-header nav{height:36px}.server-notice{padding:9px 12px;font-size:11px}.account-scrim{padding:10px}.account-content{padding:15px}.account-modal>header{padding:14px 15px}.account-modal h2{font-size:16px}.account-row{grid-template-columns:1fr auto;gap:9px}.account-actions{grid-column:1/-1;flex-wrap:wrap}.account-actions .button{min-height:40px}.account-summary{align-items:flex-start}.account-summary .button{font-size:11px;max-width:210px}.auth-card{padding:24px}.auth-page{padding:16px}}
/* Give the dialog a shrinkable grid track on narrow screens. */
.account-scrim{grid-template-columns:minmax(0,1fr)}.account-modal{min-width:0;justify-self:center}.account-row>div{min-width:0}.account-row strong,.account-row span{overflow-wrap:anywhere}
.auth-page{grid-template-columns:minmax(0,1fr)}.auth-card{min-width:0;justify-self:center}
/* Compact account disclosure; actions remain available on small screens. */
.user-menu>summary.profile{display:flex}
.app-header .nav-item{text-decoration:none;border-bottom-color:transparent;white-space:nowrap}.app-header .nav-item.active{border-bottom-color:var(--green)}
.user-menu{position:relative;flex:none}.user-menu>summary{list-style:none;cursor:pointer;min-height:40px;padding:4px 8px;border:1px solid transparent;gap:8px}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:hover,.user-menu>summary:focus-visible,.user-menu[open]>summary{border-color:#b8d4c6;background:#f5faf7;outline:0}.profile-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{width:7px;height:7px;flex:none;margin:0 3px 4px 4px;border-right:1.5px solid #55766a;border-bottom:1.5px solid #55766a;transform:rotate(45deg)}.user-menu[open] .user-menu-chevron{transform:rotate(225deg);margin-top:7px}.user-menu-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:50;min-width:190px;padding:5px;background:#fff;border:1px solid #b8d4c6;box-shadow:0 10px 30px #18463220}.user-menu-panel>button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:44px;padding:9px 12px;background:#fff;border:1px solid transparent;text-align:left;font-size:13px}.user-menu-panel>button:hover,.user-menu-panel>button:focus-visible{background:#f0f8f3;border-color:#b8d4c6}.user-menu-panel>button small{font-size:11px;color:#61796e}.user-menu-panel>button+button{border-top-color:#edf2ef}.user-menu-panel>button[data-session=logout]{color:#a14d3d}
@media(max-width:760px){.app-header{flex-wrap:nowrap;gap:7px;padding:7px 12px}.header-tools{flex-wrap:nowrap;gap:5px;min-width:0}.app-header nav{padding-left:7px}.app-header .nav-item{padding:0 6px}.user-menu>summary{padding:3px 5px;gap:5px;min-height:38px}.user-menu .avatar{display:none}.profile-name{max-width:92px;font-size:11px}.profile-name small{display:none}.user-menu-panel{min-width:180px}.user-menu-chevron{margin-left:1px}.user-menu-panel>button{min-height:46px}}
@media(max-width:400px){.brand small{display:none}.brand strong{font-size:16px}.brand-mark{width:25px;height:25px}.brand{gap:4px}.profile-name{max-width:65px}.app-header{gap:5px;padding-inline:8px}.app-header nav{padding-left:5px}.app-header .nav-item{font-size:10px;padding-inline:5px}}
.password-modal{width:480px}.password-modal .account-content{padding:20px}.password-modal .account-field{margin-bottom:13px}.password-modal .field-help{line-height:1.7}.password-modal .form-actions{margin-top:20px}.password-field-error{font-size:11px;line-height:1.6;color:#a14134;margin:-7px 0 13px}.password-field-error:empty{display:none}.password-modal .input[aria-invalid=true]{border-color:#bb5145;background:#fff9f7}.password-success{padding:18px 16px;border:1px solid #bfdccc;background:#f2faf5;color:#2e6b53}.password-success strong,.password-success>span{display:block}.password-success strong{font-size:18px}.password-success>span{font-size:12px;margin-top:3px}.password-success p{margin-top:13px;font-size:12px;line-height:1.8}.password-modal .form-actions .button.primary{min-width:150px}
@media(max-width:760px){.password-modal .account-content{padding:17px 15px}.password-modal .form-actions .button{min-height:44px}.password-modal .form-actions .button.primary{min-width:0}}