:root{font-family:Arial,sans-serif;color:#172442;background:#f3f6fc}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:#1765ed;color:white;padding:11px 16px;font-weight:650}button:hover{background:#0a50cd}button:disabled{opacity:.55;cursor:wait}a{color:#1256c2}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,410px);background:#fff;border:1px solid #dbe5f4;box-shadow:0 20px 65px #15284b18;border-radius:18px;padding:32px;display:grid;gap:13px}.login-card img{width:46px}.login-card h1{margin:0}.login-card p{color:#667693;line-height:1.5;margin:0 0 8px}.login-card label,.compose-view label,.password-view label{display:grid;gap:6px;font-size:13px;font-weight:650}.login-card input,.compose-view input,.compose-view textarea,.password-view input{width:100%;border:1px solid #cbd7e9;border-radius:9px;padding:11px;color:#172442;background:#fff}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.mail-sidebar{background:#172442;color:#e8f0ff;padding:20px 14px;display:flex;flex-direction:column;gap:15px}.mail-brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;padding:6px 10px}.mail-brand img{width:38px}.mail-brand span{display:grid}.mail-brand small{color:#a9bcdb}.mail-accounts{display:grid;gap:5px}.mail-picker-label{display:grid;gap:7px;padding:0 5px;color:#b8c9e7;font-size:12px}.mail-accounts > input,.mail-picker-label select{width:100%;min-width:0;padding:8px;border:1px solid #53709d;border-radius:8px;background:#23385e;color:#fff}.mail-accounts > input::placeholder{color:#c2d2eb}.mail-sidebar nav button,.sidebar-action,.sidebar-bottom button,.sidebar-bottom a{display:block;width:100%;text-align:left;background:transparent;color:#d7e5ff;padding:10px;border-radius:9px;text-decoration:none;font-size:13px}.mail-sidebar nav button.active{background:#30466f;color:#fff}.mail-sidebar button:hover,.sidebar-bottom a:hover{background:#30466f}.compose-button{background:#236ef5!important;text-align:center!important;color:white!important}.mail-sidebar nav{display:grid;gap:3px}.custom-folder{font-size:12px!important}.sidebar-bottom{margin-top:auto;border-top:1px solid #354869;padding-top:12px}.mail-main{padding:24px clamp(16px,3vw,48px);min-width:0}.mail-main header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5f2;padding-bottom:17px}.mail-main h1{margin:0;font-size:25px}.mail-main header p{margin:6px 0 0;color:#647795;font-size:13px}#mailStatus{min-height:22px;font-size:13px;color:#5d7090}.message-list{display:grid;gap:7px}.message-row{width:100%;display:grid;gap:6px;text-align:left;border:1px solid #dae3f0;border-radius:11px;background:#fff;color:#27344d;padding:14px 18px;font-weight:400}.message-row:hover{background:#f0f5ff}.message-row.unread{border-left:4px solid #1765ed}.message-row strong{font-size:15px}.message-row span{font-size:12px;color:#6c7d99}.message-view,.compose-view,.password-view{background:#fff;border:1px solid #dbe5f2;border-radius:14px;padding:24px;max-width:950px}.message-view h2,.compose-view h2,.password-view h2{margin:14px 0}.message-view pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif;min-height:130px}.message-actions,.compose-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.message-actions select{padding:10px;border:1px solid #cbd7e9;border-radius:8px;background:#fff}.message-actions button:not(:first-child),.compose-actions button:last-child,.text-button{background:#edf3ff;color:#1755b5}.compose-view form,.password-view form{display:grid;gap:16px}.setting-check{display:flex!important;align-items:center;gap:10px;margin:18px 0}.setting-check input{width:auto!important}.password-view h3{margin:26px 0 8px}.password-view p{line-height:1.5}.compose-view textarea{resize:vertical}.empty{background:#fff;border:1px dashed #cbd7e8;border-radius:12px;padding:34px;color:#697a95;text-align:center}@media(max-width:700px){.workspace{grid-template-columns:1fr}.mail-sidebar{gap:8px;padding:12px}.mail-sidebar nav{display:flex;overflow:auto}.mail-sidebar nav button{white-space:nowrap}.sidebar-bottom{margin-top:0;display:flex}.mail-main{padding:16px}.mail-main header{gap:8px}.mail-main h1{font-size:21px}}
.password-view select,.password-view #ruleForm input{width:100%;border:1px solid #cbd7e9;border-radius:9px;padding:11px;color:#172442;background:#fff}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:9px 11px;border:1px solid #dbe5f2;border-radius:9px;background:#f7faff;font-size:13px}.rule-row button{padding:6px 9px;background:#edf3ff;color:#1755b5}
.mail-sidebar nav .folder-row{display:flex;align-items:center;gap:2px;min-width:0}.mail-sidebar nav .folder-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sidebar nav .folder-collapse,.mail-sidebar nav .folder-remove{flex:0 0 25px;width:25px;height:29px;padding:0;text-align:center;font-size:18px}.mail-sidebar nav .folder-remove{opacity:.55}.mail-sidebar nav .folder-row:hover .folder-remove{opacity:1}.folder-spacer{flex:0 0 25px;width:25px}.mail-sidebar nav .folder-row button.active{background:#30466f;color:#fff}
.mail-compose-actions{display:flex;align-items:stretch;gap:7px}.mail-compose-actions .compose-button{flex:1;min-width:0}.mail-compose-actions .quick-refresh{flex:0 0 40px;padding:0;background:#2e4770;color:#fff;font-size:23px;line-height:1}.mail-compose-actions .quick-refresh:hover{background:#3e6096}
.message-attachments{display:grid;gap:10px;margin:16px 0 20px}.message-attachments h3{margin:0 0 4px;font-size:15px}.attachment-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px;border:1px solid #dce6f4;border-radius:10px;background:#f7faff}.attachment-card img{display:block;width:min(100%,480px);max-height:360px;object-fit:contain;border-radius:6px;background:#fff}.attachment-card:has(img){display:grid;justify-items:start}.attachment-card>div{display:grid;gap:4px;min-width:0}.attachment-card strong{overflow-wrap:anywhere;font-size:13px}.attachment-card small{color:#677996}.attachment-card a{margin-left:auto;padding:8px 12px;border-radius:8px;background:#e8f0ff;font-size:13px;font-weight:700;text-decoration:none}.attachment-card:has(img) a{margin-left:0}
.retained-attachments{display:flex;flex-wrap:wrap;gap:7px}.retained-attachments:empty{display:none}.retained-attachments span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;background:#edf3ff;color:#315783;font-size:12px}.retained-attachments button{padding:1px 5px;border-radius:5px;background:transparent;color:#315783}
.attachment-card img{cursor:zoom-in}.image-viewer{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:18px;border:0;background:#101827;overflow:auto;text-align:center}.image-viewer::backdrop{background:#091326e8}.image-viewer img{display:block;max-width:calc(100vw - 36px);max-height:calc(100vh - 36px);width:auto;height:auto;object-fit:contain;margin:auto;cursor:zoom-in}.image-viewer img.natural-size{max-width:none;max-height:none;cursor:zoom-out}.image-viewer button{position:fixed;top:14px;right:14px;width:42px;height:42px;padding:0;background:#2c3b59;color:#fff;font-size:28px;z-index:1}
.mail-sidebar{padding-top:10px}.mail-brand{min-height:54px;margin-bottom:0;padding:7px 10px 11px;border-bottom:1px solid #344769}.mail-brand img{width:36px;height:36px}
.mail-sidebar nav .mail-group-folder{display:block;width:100%;margin:7px 0 4px;padding:11px 12px;text-align:left;border:1px solid #536995;background:#263b63;color:#fff;font-weight:700}.mail-sidebar nav .mail-group-folder.active,.mail-sidebar nav .mail-group-folder:hover{background:#36568c}
.mail-sidebar nav .mail-group-folder{text-align:left;margin:8px 0 2px}.mail-sidebar nav .mail-group-child{display:block;width:calc(100% - 24px);margin:1px 0 1px 24px;padding:7px 10px;text-align:left;border-radius:7px;background:transparent;color:#dbe8ff}.mail-sidebar nav .mail-group-child:hover,.mail-sidebar nav .mail-group-child.active{background:#30466f;color:#fff}.group-mailbox-picker{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#61718f}.group-mailbox-picker select{min-width:200px;max-width:340px;padding:6px 8px;border:1px solid #cbd8ed;border-radius:8px;background:#fff;color:#192d4b}

.mail-accounts > input{width:calc(100% - 10px);margin:0 5px 2px}.mail-search-results{display:grid;gap:3px;max-height:180px;overflow:auto;margin:0 5px 4px;padding:4px;border:1px solid #53709d;border-radius:8px;background:#23385e;color:#e8f0ff;font-size:12px}.mail-search-results button{background:transparent;text-align:left;padding:7px 8px;overflow-wrap:anywhere}.mail-search-results button:hover,.mail-search-results button:focus-visible{background:#385581}
.compose-view #composeFrom{width:100%;border:1px solid #cbd7e9;border-radius:9px;padding:11px;color:#172442;background:#fff;font:inherit}