/* V5.27: real Outlook-settings-style account navigator, account detail and per-folder controls. */
#v57-modal:has(.v527-mail-manager) .v57-dialog{width:min(1100px,97vw)!important;max-height:95vh!important;min-height:580px!important;background:#101e2a!important;overflow:hidden!important}
#v57-modal:has(.v527-mail-manager) .v57-dialog>header{padding:16px 24px!important;background:#0c1823;min-height:62px}
#v57-modal:has(.v527-mail-manager) .v57-dialog>header h2{font-size:22px!important}
#v57-modal:has(.v527-mail-manager) .v57-modal-body{padding:0!important;overflow:hidden!important;max-height:calc(95vh - 128px)!important;min-height:0!important;flex:1!important}
#v57-modal:has(.v527-mail-manager) .v57-dialog>footer{padding:10px 20px!important;background:#0c1823}
#v57-modal .v527-mail-manager{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;height:min(680px,calc(95vh - 128px));min-height:400px;overflow:hidden!important;color:#e6edf2;font-family:'Segoe UI',Arial,sans-serif}
#v57-modal .v527-settings-nav{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid #3a4a58;background:#102330;padding:20px 13px}
#v57-modal .v527-nav-top{padding:0 10px 14px;border-bottom:1px solid #334956}
#v57-modal .v527-nav-top small{font-weight:750;font-size:12px;letter-spacing:.11em;color:#c4a26a}
#v57-modal .v527-nav-top h3{font-size:23px!important;margin:4px 0;color:#eaf1f7}
#v57-modal .v527-nav-top p{margin:0;color:#aabac7;font-size:14px!important}
#v57-modal .v527-nav-list{display:flex;flex:1;min-height:90px;flex-direction:column;gap:5px;overflow:auto;padding-top:16px}
#v57-modal .v527-nav-account{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#eff3f7;padding:12px 9px;cursor:pointer;min-height:63px;width:100%}
#v57-modal .v527-nav-account:hover{background:#253d4b}
#v57-modal .v527-nav-account.selected{background:#304554!important;border-color:#a88453!important;box-shadow:inset 3px 0 #e0b877}
#v57-modal .v527-mail-provider{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:7px;font-size:20px;font-weight:750;color:white}
#v57-modal .v527-mail-provider.ms{background:#127ab2}#v57-modal .v527-mail-provider.google{background:#f8fafb;color:#d84137}
#v57-modal .v527-nav-account-name{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
#v57-modal .v527-nav-account-name strong{font-size:15px;color:#eff2f4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v57-modal .v527-nav-account-name small{font-size:12px;color:#b9c8d1}
#v57-modal .v527-nav-active{width:8px;height:8px;background:#68be93;border-radius:50%;flex:none}
#v57-modal .v527-add-account{width:100%;text-align:left;color:#e8c789;border:1px dashed #8f7951;border-radius:8px;background:#1b2c38;font-size:15px;font-weight:700;padding:13px;margin-top:10px;cursor:pointer}
#v57-modal .v527-add-account.selected,#v57-modal .v527-add-account:hover{background:#344455}
#v57-modal .v527-nav-footer{display:flex;flex-direction:column;gap:5px;color:#90a4b1;font-size:12px;line-height:1.45;padding:17px 10px 2px}
#v57-modal .v527-settings-detail{min-width:0;overflow:auto;padding:24px 28px 28px;background:#152735}
#v57-modal .v527-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #3b5160;padding-bottom:21px;margin-bottom:17px}
#v57-modal .v527-panel-head small{font-size:12px;letter-spacing:.09em;font-weight:750;color:#ddb877}
#v57-modal .v527-panel-head h3{margin:8px 0!important;font-size:23px!important;line-height:1.25;overflow-wrap:anywhere}
#v57-modal .v527-panel-head p{margin:0;font-size:14px!important;color:#b7c6cf;line-height:1.5}
#v57-modal .v527-status-pill,#v57-modal .v527-current-pill{display:inline-block;border-radius:20px;background:#193e37;color:#a9edcb;padding:4px 8px;margin-left:5px;font-size:12px}
#v57-modal .v527-status-pill.warning{background:#5e4332;color:#ffe1aa}
#v57-modal .v527-current-pill{background:#52462d;color:#edd5a6}
#v57-modal .v527-head-more{border:1px solid #ad8d58;border-radius:7px;background:#283a43;color:#f2d499;padding:9px 12px;white-space:nowrap;cursor:pointer}
#v57-modal .v527-manage-actions{display:flex;gap:9px;flex-wrap:wrap;padding:2px 0 16px}
#v57-modal .v527-manage-actions button{border-radius:7px;border:1px solid #698193;background:#243f4e;color:#e4edf3;min-height:39px;padding:8px 12px;font-size:14px;cursor:pointer}
#v57-modal .v527-manage-actions button.v527-primary{background:#d9b373;color:#12212e;font-weight:800;border-color:#d9b373}
#v57-modal .v527-manage-actions button.v527-danger{color:#ffbfc0;border-color:#79505b}
#v57-modal .v527-options-section{border:1px solid #344e5e;background:#182e3d;border-radius:9px;margin-top:13px;padding:17px}
#v57-modal .v527-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px}
#v57-modal .v527-section-head h4{font-size:18px;margin:0 0 6px;color:#eaf0f4}
#v57-modal .v527-section-head p{font-size:13px!important;line-height:1.45;color:#aebfca;margin:0}
#v57-modal .v527-folder-count{font-size:12px;white-space:nowrap;color:#c7b28b}
#v57-modal .v527-settings-folders{border:1px solid #345164;border-radius:7px;background:#142735;max-height:272px;overflow:auto}
#v57-modal .v527-folder-setting{min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:6px 13px 6px calc(14px + var(--v527-level,0)*13px);border-bottom:1px solid #293f4d;gap:13px}
#v57-modal .v527-folder-setting:last-child{border-bottom:0}
#v57-modal .v527-folder-label{display:flex;align-items:center;gap:10px;min-width:0;flex:1;font-size:14px}
#v57-modal .v527-folder-icon{color:#d1b37e;font-size:17px}
#v57-modal .v527-folder-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#v57-modal .v527-folder-label small{font-size:12px;color:#a9bdca;white-space:nowrap}
#v57-modal button.v527-switch{width:39px;height:22px;flex:none;background:#4c606d;border:1px solid #79909e;border-radius:40px;padding:2px;cursor:pointer;display:flex;align-items:center}
#v57-modal button.v527-switch.on{background:#a5804c;border-color:#e8c488;justify-content:flex-end}
#v57-modal button.v527-switch i{width:16px;height:16px;background:#fff;border-radius:100%;display:block;pointer-events:none}
#v57-modal .v527-switch-unavailable{color:#6f8894}
#v57-modal .v527-status{color:#bbcbd6;padding:15px;margin:0;font-size:14px!important}
#v57-modal .v527-error{color:#ffc5ad}
#v57-modal .v527-status button{font-size:13px;border:1px solid #ddbc83;color:#f5d89f;background:#334656;border-radius:7px;padding:5px 8px;margin-left:8px;cursor:pointer}
#v57-modal .v527-signature details summary,#v57-modal .v527-google-settings summary{font-size:15px;font-weight:700;cursor:pointer;color:#e2c48c}
#v57-modal .v527-signature .v519-signature-settings{padding-top:14px}
#v57-modal .v527-google-settings{margin:18px 0;border:1px solid #344e5e;border-radius:9px;padding:15px}
#v57-modal .v527-provider-grid{display:grid;gap:12px}
#v57-modal .v527-provider-card{display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:#1b3443;border:1px solid #57717e;color:#eff4f6;padding:18px 16px;border-radius:10px;cursor:pointer}
#v57-modal .v527-provider-card:hover{background:#304a5b;border-color:#d9b374}
#v57-modal .v527-provider-card span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}
#v57-modal .v527-provider-card b{font-size:18px}#v57-modal .v527-provider-card small{color:#bac7d0;font-size:13px}
#v57-modal .v527-provider-card>strong{font-size:22px;color:#eccb8d}
/* Increase all folder/sidebar text at least two additional typographic points (~2.67 CSS px). */
.mail-shell-mode .v512-mail-app .v524-account-select,.mail-shell-mode .v512-mail-app .v524-account-name,.mail-shell-mode .v512-mail-app .v524-folder-label,.mail-shell-mode .v512-mail-app .v524-folder-name,.mail-shell-mode .v512-mail-app .v524-folder-virtual,.mail-shell-mode .v512-mail-app .v524-empty-accounts,.mail-shell-mode .v512-mail-app .v524-folder-status,.mail-shell-mode .v512-mail-app .v512-newmail,.mail-shell-mode .v512-mail-app .v526-add-account-link,.mail-shell-mode .v512-mail-app .v512-folder-bottom .btn{font-size:calc(15px + 2pt)!important;line-height:1.25!important}
.mail-shell-mode .v512-mail-app .v524-unread,.mail-shell-mode .v512-mail-app .v524-account-unread{font-size:calc(13px + 2pt)!important}
.mail-shell-mode .v512-mail-app .v524-account-row{min-height:51px!important}
.mail-shell-mode .v512-mail-app .v524-node-row{min-height:43px!important}
.mail-shell-mode .v512-mail-app .v524-mailbox-scroller{overflow-x:hidden!important}
@media(max-width:760px){#v57-modal .v527-mail-manager{grid-template-columns:205px minmax(0,1fr)!important}#v57-modal .v527-settings-detail{padding:15px}#v57-modal .v527-nav-account-name strong{font-size:13px}}
@media(max-width:550px){#v57-modal .v527-mail-manager{display:flex!important;flex-direction:column;height:min(720px,calc(95vh - 130px))}#v57-modal .v527-settings-nav{border-right:0;border-bottom:1px solid #3b4b58;max-height:220px}#v57-modal .v527-nav-footer{display:none}#v57-modal .v527-settings-detail{flex:1;min-height:0}}
