:root{--blue:#0b66ee;--blue-dark:#0759d4;--blue-soft:#e9f2ff;--panel:#fff;--bg:#f8fafc;--border:#e5e9ef;--text:#111827;--muted:#667085;--radius:9px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
#app{height:100vh;display:flex;flex-direction:column;min-width:980px;background:#fff}
.topbar{height:64px;flex:none;display:grid;grid-template-columns:198px minmax(360px,540px) 1fr;align-items:center;border-bottom:1px solid var(--border);background:#fff}
.brand{height:100%;display:flex;align-items:center;gap:9px;padding-left:26px;border-right:1px solid var(--border);color:var(--blue);font-size:21px;font-weight:600;letter-spacing:-.5px;white-space:nowrap}.brand strong{color:#0e1628}.brand-mark{width:26px;height:26px;fill:var(--blue)}
.search{height:40px;margin-left:14px;position:relative;display:flex;align-items:center;background:#f6f8fb;border-radius:5px}.search>svg{position:absolute;left:13px;width:17px;fill:none;stroke:#263143;stroke-width:1.8}.search input{width:100%;height:100%;padding:0 48px 0 42px;background:transparent;border:0;outline:0;font-size:13px}.search input::placeholder{color:#545d6c}.search-filter{position:absolute;right:8px;border:0;background:none;padding:7px}.search-filter svg{width:18px;height:18px;fill:none;stroke:#263143;stroke-width:1.7}
.top-actions{justify-self:end;height:100%;display:flex;align-items:center;gap:14px;padding-right:21px}.active-status{display:flex;align-items:center;gap:8px;background:#f8fafc;border-radius:20px;padding:8px 12px;font-weight:600}.active-status i{width:9px;height:9px;background:#0fbd68;border-radius:50%}.active-status small{font-size:13px}.icon-btn{position:relative;width:27px;height:32px;padding:5px;border:0;background:transparent;display:grid;place-items:center}.icon-btn svg{width:20px;height:20px;fill:none;stroke:#172033;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.help-icon{border:1.5px solid #263143;border-radius:50%;width:19px;height:19px;padding:0;font-weight:700}.apps-icon span{font-size:10px;line-height:5px;letter-spacing:1px}.notification b{position:absolute;top:0;right:-2px;min-width:14px;height:14px;border-radius:8px;background:#ef3340;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.profile-wrap{position:relative}.profile-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;background:linear-gradient(145deg,#263c54,#d08359)}#accountSelect{position:absolute;inset:0;width:36px;opacity:0;cursor:pointer}
.body{flex:1;display:flex;min-height:0}.sidebar{position:relative;width:198px;flex:none;background:#fff;border-right:1px solid var(--border);padding:11px 10px 54px;overflow-y:auto}.compose-btn{height:41px;min-width:127px;margin:0 6px 9px;padding:0 20px;border:0;border-radius:24px;background:var(--blue);color:#fff;font-weight:600;box-shadow:0 2px 5px #0b66ee2e}.compose-btn span{font-size:21px;margin-right:8px;vertical-align:-2px}.compose-btn:hover{background:var(--blue-dark)}
.folder-list{display:flex;flex-direction:column}.folder-item{min-height:28px;margin:0 -10px;padding:6px 23px 6px 27px;display:flex;align-items:center;justify-content:space-between;border-radius:0;color:#202938;font-size:12px;cursor:pointer}.folder-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-item:hover{background:#f5f8fc}.folder-item.active{background:#e6f1ff;color:#075edc;font-weight:600;border-radius:0 8px 8px 0}.folder-count{font-size:11px;font-weight:600;color:inherit}
.label-section{padding:13px 14px 10px;border-top:0}.label-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:600}.label-header button{border:0;background:none;padding:0;font-size:19px}.label-list{display:flex;flex-direction:column;gap:0}.label-chip{display:flex;align-items:center;gap:13px;min-height:28px;padding:4px 0;font-size:12px;cursor:pointer}.label-dot{width:9px;height:9px;border-radius:50%;flex:none}.blue{background:#3b94f5}.green{background:#20bf6b}.orange{background:#ff9f25}.red{background:#f04452}.purple{background:#a855d4}.cyan{background:#45c1c7}.label-more{font-size:12px;padding-top:6px}.sidebar-dock{position:fixed;bottom:0;left:0;width:198px;height:48px;border-top:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-around;font-size:17px}.sidebar-dock span{position:relative}.sidebar-dock .dock-active{color:var(--blue);background:#e9f2ff;border-radius:7px;padding:7px 10px}.sidebar-dock b{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef3340;right:7px;top:3px}
.message-list-pane{width:348px;flex:none;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:#fff}.category-tabs{height:94px;display:grid;grid-template-columns:1.05fr 1.05fr 1.35fr;align-items:end;border-bottom:1px solid var(--border)}.category-tabs button{position:relative;height:39px;padding:0 10px;border:0;background:#fff;font-size:11px;white-space:nowrap}.category-tabs button.active{color:var(--blue)}.category-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--blue)}.category-tabs .badge{margin-left:3px;padding:2px 4px;border-radius:4px;color:#fff;font-size:9px}.blue-badge{background:#1169e9}.green-badge{background:#12aa69}
.list-toolbar{height:36px;display:flex;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid var(--border);color:#4b5565}.list-toolbar button{border:0;background:none;padding:4px}.list-toolbar .checkbox{width:12px;height:12px;border:1px solid #aab2bd;color:transparent}.list-toolbar #folderTitle{margin-left:auto;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a93a2;font-size:10px}.message-list{flex:1;overflow-y:auto}.message-item{position:relative;min-height:82px;padding:12px 18px 11px 49px;border-bottom:1px solid #edf0f3;cursor:pointer;display:flex;gap:0}.message-item:before{content:"";position:absolute;left:18px;top:16px;width:11px;height:11px;border:1px solid #c9d0d9;border-radius:2px}.message-item:after{content:"☆";position:absolute;right:15px;bottom:13px;color:#b3bac4;font-size:16px}.message-item:hover{background:#fafcff}.message-item.active{background:#dfeeff;border-left:3px solid var(--blue);padding-left:46px}.message-item.unread .msg-from,.message-item.unread .msg-subject{font-weight:700}.unread-dot{position:absolute;left:20px;top:42px;width:7px;height:7px;border-radius:50%;background:var(--blue);visibility:hidden}.message-item.unread .unread-dot{visibility:visible}.msg-main{flex:1;min-width:0}.msg-top-row{display:flex;justify-content:space-between;gap:8px;padding-right:0}.msg-from{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{font-size:10px;color:#4e5867;flex:none}.msg-subject{font-size:11.5px;margin-top:6px;padding-right:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-snippet{font-size:10.5px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-labels{display:flex;gap:4px;margin-top:5px}.msg-label-chip{font-size:9px;padding:1px 5px;border-radius:8px;background:#eef2f7;color:var(--muted)}
.reading-pane{flex:1;min-width:380px;background:#fff;border-right:1px solid var(--border);overflow-y:auto;position:relative}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4776e6,#263c78);color:#fff;font-size:12px;font-weight:700;flex:none}.reading-body img{max-width:100%;height:auto}
.ai-pane{width:216px;flex:none;background:#fff;overflow-y:auto}.ai-header{height:48px;padding:0 13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border);font-size:11px}.ai-header .sparkle{color:var(--blue);font-size:17px}.ai-header button{margin-left:auto;border:0;background:transparent;font-size:17px}.ai-body{padding:12px}.ai-card{margin-bottom:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff}.ai-card h4{margin:0 0 9px;color:#111827;font-size:11px;text-transform:none;letter-spacing:0}.ai-card:first-child h4:before{content:"Email ";}.ai-card:nth-child(2) h4{font-size:0}.ai-card:nth-child(2) h4:after{content:"Smart Reply";font-size:11px}.ai-card p,.ai-card li,.ai-reply-text{font-size:10.5px;line-height:1.65}.ai-card ul{margin:0;padding-left:15px}.ai-loading{color:var(--muted)}.insert-reply-btn{width:100%;margin-top:10px;padding:8px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:11px}.empty-state{padding:24px 10px;text-align:center;color:var(--muted);font-size:12px}.empty-state.large{height:100%;display:grid;place-items:center;font-size:14px}
.primary-btn{border:0;border-radius:7px;background:var(--blue);color:#fff;padding:9px 20px;font-weight:600}.primary-btn:hover{background:var(--blue-dark)}.modal-overlay{display:none;position:fixed;inset:0;z-index:100;background:#10182866;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{width:520px;max-width:92vw;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 22px 70px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:700}.modal-header button{border:0;background:none;font-size:21px}.modal-body{display:flex;flex-direction:column;gap:10px;padding:15px 18px}.modal-body input,.modal-body textarea{border:1px solid var(--border);border-radius:7px;padding:10px 12px;outline-color:var(--blue)}.modal-body textarea{min-height:180px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border)}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}.google-sign-in{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border:1px solid #cfd5de;border-radius:7px;background:#fff;color:#263143;font-weight:600;text-decoration:none}.google-sign-in:hover{background:#f7f9fc}.google-sign-in[hidden]{display:none}
@media(max-width:1120px){.ai-pane{display:none}.topbar{grid-template-columns:198px minmax(320px,520px) 1fr}.top-actions{gap:8px}.reading-pane{min-width:340px}}
@media(max-width:850px){#app{min-width:0}.topbar{grid-template-columns:180px 1fr}.top-actions .active-status,.top-actions>.icon-btn{display:none}.sidebar{display:none}.message-list-pane{width:42%}.reading-pane{min-width:0}.brand{border-right:0}.search{margin-right:12px}.top-actions{position:absolute;right:6px}.search{margin-right:60px}}

/* Dynamic application layout */
.folder-item{width:calc(100% + 20px);border:0;background:#fff;text-align:left;font-family:inherit}.folder-item span{display:flex;align-items:center;gap:12px}.folder-item i{width:16px;font-style:normal;font-size:15px;text-align:center}.label-chip{width:100%;border:0;background:#fff;text-align:left}
.list-toolbar{height:48px;flex:none}.list-toolbar #folderTitle{display:none}.list-toolbar .select-box{font-size:16px}.category-tabs{height:48px;flex:none;align-items:stretch}.category-tabs button{height:48px;align-self:stretch}.message-item{padding-left:49px}.message-item:before,.message-item:after{display:none}.row-check,.row-star{position:absolute;border:0;background:transparent;padding:0}.row-check{left:17px;top:14px;color:#b5bdc8;font-size:16px}.row-star{right:15px;bottom:11px;color:#aeb7c3;font-size:17px}.row-star.on{color:#f59e0b}.unread-dot{left:20px;top:43px}.msg-snippet{padding-right:26px}
.reading-pane{padding:0;display:block}.reading-pane:before{display:none}.read-toolbar{height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.read-toolbar>div{display:flex;align-items:center;gap:8px}.read-toolbar button,.reading-meta button{border:0;background:transparent;padding:5px 7px}.read-toolbar span{font-size:10px;color:#4f5967}.subject-row{min-height:65px;display:flex;align-items:center;gap:8px;padding:14px 14px 8px}.subject-row h1{margin:0;font-size:19px;font-weight:500;line-height:1.3}.subject-row .close-read{border:0;background:none;font-size:17px}.subject-label{background:var(--blue);color:#fff;border-radius:4px;padding:3px 8px;font-size:9px}.subject-tools{margin-left:auto;font-size:15px}.reading-meta{margin:0;padding:4px 14px 24px;gap:9px}.sender-block{min-width:0}.sender-block strong{font-size:12px}.sender-block span,.sender-block small{color:#596273;font-size:9.5px}.sender-block small{display:block;margin-top:4px}.reading-meta time{margin-left:auto;font-size:9.5px;color:#596273;white-space:nowrap}.reading-meta time span{color:#6b7280}.reading-meta .meta-star{color:#f59e0b;font-size:17px}.reading-body{max-width:none;padding:0 52px 0;font-size:12.5px;line-height:1.75}.plain-email{min-height:145px}.attachments{margin-top:18px}.attachment{width:216px;height:66px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:9px;padding:9px}.file-icon{width:24px;height:28px;border-radius:3px;background:#ef3340;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:800}.attachment>span:nth-child(2){min-width:0;flex:1}.attachment strong,.attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment strong{font-size:10px}.attachment small{font-size:9px;color:#4f5967}.attachment button{border:0;background:none;color:var(--blue);font-size:17px;padding:3px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:40px 14px 0}.quick-actions button{height:52px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#075edc}.quick-actions button strong,.quick-actions button small{display:block}.quick-actions button strong{font-size:10.5px}.quick-actions button small{margin-top:5px;font-size:8px;color:#657083;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-actions .ai-action{border-color:#7c5cff;color:#5c32df}.bottom-actions{display:flex;gap:6px;margin:75px 27px 0;padding:14px 0;border-top:1px solid #f0f2f5}.bottom-actions button{height:40px;min-width:125px;border:1px solid var(--border);border-radius:8px;background:#fff}.reply-bar{display:none}
.ai-body{padding:12px}.ai-card{margin:0 0 10px;padding:12px}.ai-card h3{margin:0 0 9px;font-size:11px}.ai-card p,.ai-card li{margin-top:0;font-size:10px;line-height:1.65}.ai-card ul{margin:0;padding-left:16px}.smart-card{background:#f8faff}.ai-reply-text{font-size:10px!important}.insert-reply-btn{height:30px}
@media(min-width:1281px){.sidebar{width:230px}.topbar{grid-template-columns:230px minmax(440px,580px) 1fr}.message-list-pane{width:390px}.ai-pane{width:285px}}
@media(max-width:1000px){.top-actions .apps-icon,.top-actions .help-icon{display:none}.ai-pane{display:none}.quick-actions{grid-template-columns:repeat(2,1fr)}}
.category-tabs{display:flex;grid-template-columns:none}.category-tabs button{width:116px}.active-status.offline i{background:#ef4444}.active-status.offline{color:#7f1d1d}.setup-state{max-width:290px;margin:70px auto;padding:22px;border:1px solid var(--border);border-radius:10px;background:#fafcff;text-align:center}.setup-state strong{font-size:15px}.setup-state p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.empty-state.compact{padding:7px 0;text-align:left}.attachment .file-icon{background:#ef4444}.attachment+.attachment{margin-top:8px}
.sidebar-dock button{border:0;background:transparent;font-size:16px;padding:7px 9px;border-radius:7px}.sidebar-dock button:hover,.sidebar-dock .dock-active{background:#e9f2ff;color:var(--blue)}.message-item.selected{background:#e8f2ff}.ai-pane{transition:width .2s ease,border .2s ease}.ai-pane.collapsed{width:0!important;border:0;padding:0;overflow:hidden}.popover{position:fixed;z-index:250;width:260px;max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 12px 35px #10182824;padding:8px}.popover[hidden]{display:none}.popover header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 9px;border-bottom:1px solid var(--border)}.popover header button{border:0;background:none;font-size:18px}.popover>div{padding:6px}.popover>div>button{width:100%;border:0;border-radius:6px;background:#fff;padding:9px;text-align:left}.popover>div>button:hover{background:#eef5ff;color:var(--blue)}.popover p{font-size:12px;line-height:1.5;color:#4b5563}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 3px;font-size:12px}.compact-density .message-item{min-height:62px;padding-top:8px;padding-bottom:7px}.compact-density .unread-dot{top:35px}.compact-density .row-check{top:9px}
.auth-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#f5f8fd}.auth-screen.hidden{display:none}.auth-card{width:380px;max-width:calc(100vw - 30px);padding:34px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 18px 50px #16325c14}.auth-logo{color:var(--blue);font-size:22px;font-weight:600}.auth-logo strong{color:#111827}.auth-card h1{margin:28px 0 6px}.auth-card p{color:var(--muted)}.auth-card input,.admin-form input{width:100%;height:42px;margin-top:10px;padding:0 12px;border:1px solid var(--border);border-radius:7px}.auth-card .primary-btn{width:100%;margin-top:16px}.auth-error{min-height:18px;margin-top:10px;color:#c62828;font-size:12px}.admin-modal{width:600px}.admin-form{padding:16px 18px;border-bottom:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-form .primary-btn{margin-top:12px}.admin-users{max-height:240px;overflow:auto;padding:12px 18px}.admin-user{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.admin-user button{border:0;background:#fee2e2;color:#b91c1c;border-radius:6px;padding:6px 9px}
.attach-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:#fff;cursor:pointer;font-size:12px}.attach-btn input{display:none}.compose-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.compose-attachments span{max-width:100%;padding:5px 8px;border-radius:6px;background:#eef4ff;color:#24405f;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attachments small{color:#68758a}.compose-attachments button{margin-left:5px;border:0;background:transparent;color:#5e6c80;cursor:pointer;font-size:15px}.modal-footer{justify-content:space-between}
.compose-modal{width:680px;border-radius:16px;box-shadow:0 28px 90px #0f24404d}.compose-header{padding:17px 20px;background:linear-gradient(135deg,#075edc,#287ff5);color:#fff;border:0}.compose-header>div{display:flex;flex-direction:column;gap:3px}.compose-header>div>span{font-size:15px}.compose-header small{font-size:10px;font-weight:400;opacity:.82}.compose-header button{color:#fff;opacity:.8}.compose-header button:hover{opacity:1}.compose-body{gap:0;padding:8px 20px 14px}.compose-field{display:grid;grid-template-columns:62px 1fr;align-items:center;border-bottom:1px solid var(--border)}.compose-field>span{color:#667085;font-size:12px;font-weight:600}.compose-body .compose-field input{height:46px;padding:0;border:0;border-radius:0;outline:0}.compose-body textarea{min-height:270px;padding:18px 0;border:0;border-radius:0;outline:0;line-height:1.6}.compose-footer{align-items:center;padding:13px 20px;background:#f8fafc}.compose-footer>div{display:flex;align-items:center;gap:12px}.compose-footer>div>small{color:#7b8798;font-size:10px}.compose-footer .primary-btn{min-width:145px;padding:11px 16px;border-radius:9px;box-shadow:0 5px 14px #0b66ee38}.compose-footer .primary-btn span{margin-left:7px}.compose-footer .primary-btn:disabled{opacity:.65;cursor:wait}.compose-attachments:empty{display:none}.compose-attachments{padding-top:10px;border-top:1px solid #f0f2f5}.compose-attachments span{display:inline-flex;align-items:center}@media(max-width:700px){.compose-modal{width:96vw}.compose-body textarea{min-height:220px}.compose-footer>div>small{display:none}}
.toast-stack{position:fixed;z-index:2000;top:78px;right:18px;width:min(360px,calc(100vw - 28px));display:flex;flex-direction:column;gap:9px;pointer-events:none}.app-toast{display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:9px;padding:11px 12px;border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 12px 32px #10233d2b;opacity:0;transform:translateX(24px);transition:.22s ease;pointer-events:auto}.app-toast.show{opacity:1;transform:translateX(0)}.app-toast>i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#0b66ee;font-style:normal;font-weight:800}.app-toast.success>i{background:#dcfce7;color:#168447}.app-toast.error>i{background:#fee2e2;color:#c93434}.app-toast span{font-size:12px;line-height:1.4}.app-toast button{border:0;background:transparent;color:#788493;font-size:17px}.mini-dialog-overlay{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;background:#10213c42}.mini-dialog-overlay[hidden]{display:none}.mini-dialog{width:min(390px,calc(100vw - 30px));padding:20px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 24px 65px #0e213c40}.mini-dialog h3{margin:0 0 7px;font-size:16px}.mini-dialog p{margin:0 0 14px;color:#667085;font-size:12px;line-height:1.5}.mini-dialog input{width:100%;height:42px;padding:0 11px;border:1px solid #ccd4df;border-radius:8px;outline-color:#0b66ee}.mini-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.mini-dialog>div button{padding:8px 15px;border-radius:7px}.mini-dialog-cancel,#miniDialogCancel{border:1px solid #d6dde7;background:#fff}
.settings-modal{width:850px;max-width:95vw;height:min(650px,90vh);display:flex;flex-direction:column}.settings-title>div{display:flex;flex-direction:column;gap:3px}.settings-title small{color:#7b8798;font-size:10px;font-weight:400}.settings-layout{display:grid;grid-template-columns:205px 1fr;flex:1;min-height:0}.settings-layout>nav{padding:14px 10px;border-right:1px solid var(--border);background:#f8fafc}.settings-layout>nav button{width:100%;padding:11px 12px;border:0;border-radius:7px;background:transparent;text-align:left;color:#526071;font-size:12px}.settings-layout>nav button.active{background:#e7f1ff;color:#075edc;font-weight:700}.settings-content{overflow-y:auto;padding:25px 30px}.settings-content h2{margin:0 0 5px;font-size:19px}.settings-content section>p{margin:0 0 22px;color:#667085;line-height:1.5}.settings-content form{max-width:530px}.settings-content form+form{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.settings-content label:not(.check-setting){display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:600}.settings-content input,.settings-content textarea,.settings-content select{width:100%;padding:10px 11px;border:1px solid #d5dce5;border-radius:8px;background:#fff}.settings-content input:disabled{background:#f3f5f8;color:#7c8796}.settings-content textarea{min-height:130px;resize:vertical}.settings-content form>small{display:block;margin:-6px 0 15px;color:#7b8798;line-height:1.5}.check-setting{display:flex;align-items:center;gap:9px;margin:14px 0 20px}.check-setting input{width:17px;height:17px}.notification-state{margin-top:14px;color:#667085;font-size:11px}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--border);background:#fafbfc}.settings-footer span{color:#667085;font-size:11px}.settings-footer button{border:0;background:transparent;color:#c23434}.dark-theme{--bg:#111827;--panel:#182131;--border:#303b4c;--text:#eef2f7;--muted:#a8b2c1;background:#111827}.dark-theme #app,.dark-theme .topbar,.dark-theme .sidebar,.dark-theme .message-list-pane,.dark-theme .reading-pane,.dark-theme .ai-pane,.dark-theme .folder-item,.dark-theme .category-tabs button,.dark-theme .modal,.dark-theme .app-toast,.dark-theme .mini-dialog{background:#182131;color:#eef2f7}.dark-theme .search,.dark-theme .active-status,.dark-theme .settings-layout>nav,.dark-theme .settings-footer{background:#111827}.dark-theme .settings-content input,.dark-theme .settings-content textarea,.dark-theme .settings-content select{background:#111827;color:#eef2f7;border-color:#3a4658}@media(max-width:720px){.settings-layout{grid-template-columns:1fr}.settings-layout>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.settings-layout>nav button{white-space:nowrap}.settings-content{padding:20px}.settings-modal{height:94vh}}
.profile-wrap.single #accountSelect{pointer-events:none}.profile-avatar{cursor:pointer}
.load-more{display:block;width:calc(100% - 28px);margin:12px 14px;padding:9px;border:1px solid var(--border);border-radius:8px;background:#f7faff;color:var(--blue);font-weight:600}.attachment{text-decoration:none;color:inherit}.attachment:hover{border-color:var(--blue);background:#f7faff}
.compose-copy-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compose-toolbar{display:flex;align-items:center;gap:3px;padding:9px 0;border-bottom:1px solid var(--border)}.compose-toolbar button{min-width:31px;padding:5px 8px;border:0;border-radius:5px;background:transparent}.compose-toolbar button:hover{background:#eaf2ff;color:var(--blue)}.compose-toolbar select{margin-left:auto;padding:5px 7px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:11px}.compose-editor{min-height:250px;padding:16px 0;outline:0;overflow-y:auto;line-height:1.6}.compose-editor:empty:before{content:attr(data-placeholder);color:#9aa4b2}.send-actions{display:flex!important;gap:7px!important}.send-actions input{max-width:175px;padding:7px;border:1px solid var(--border);border-radius:7px;font-size:10px}.send-actions>button:not(.primary-btn){border:1px solid var(--border);border-radius:7px;background:#fff;padding:7px 10px}.dark-theme .compose-toolbar select,.dark-theme .send-actions input,.dark-theme .send-actions>button:not(.primary-btn){background:#111827;color:#eef2f7;border-color:#3a4658}
.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:14px 18px;background:#f7faff;border-bottom:1px solid var(--border)}.admin-summary>div{padding:11px;border:1px solid var(--border);border-radius:8px;background:#fff}.admin-summary strong,.admin-summary span{display:block}.admin-summary strong{font-size:18px;color:var(--blue)}.admin-summary span{margin-top:4px;color:#667085;font-size:10px}.popover [data-saved-id] strong,.popover [data-saved-id] small{display:block}.popover [data-saved-id] small{margin-top:3px;color:#7b8798;font-size:9px}
@media(max-width:700px){#app{min-width:0}.topbar{height:56px;grid-template-columns:1fr 92px}.brand{padding-left:15px;font-size:17px}.brand-mark{width:22px}.search{position:fixed;top:57px;left:8px;right:8px;z-index:20;margin:0;box-shadow:0 3px 12px #12233d1f}.body{padding-top:48px}.sidebar,.ai-pane{display:none}.message-list-pane{width:100%;border:0}.reading-pane{display:none;position:fixed;inset:56px 0 0;z-index:30;min-width:0;border:0}.reading-open .reading-pane{display:block}.reading-open .message-list-pane{display:none}.reading-body{padding:0 20px}.quick-actions{grid-template-columns:repeat(2,1fr)}.bottom-actions{margin:35px 14px 0}.top-actions{right:8px}.top-actions .notification{display:grid}.compose-modal{width:100vw;max-width:none;height:100vh;border-radius:0}.compose-copy-fields{grid-template-columns:1fr}.compose-footer{align-items:flex-start;gap:8px}.send-actions{flex-wrap:wrap;justify-content:flex-end}.admin-summary{grid-template-columns:repeat(2,1fr)}}
.security-tools{max-width:530px;margin-bottom:24px}.security-card{margin:10px 0;padding:13px;border:1px solid var(--border);border-radius:9px}.security-card>strong,.security-card>span{display:block}.security-card>span{margin:5px 0;color:#667085;font-size:11px}.security-card>button,.security-card [data-revoke]{margin-top:7px;border:1px solid var(--border);border-radius:6px;background:#fff;padding:6px 9px;font-size:11px}.security-card #sessionList>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--border)}.security-card #sessionList span,.security-card #sessionList small{display:block}.security-card #sessionList small{margin-top:3px;color:#7b8798;font-size:9px}.two-factor-modal{width:430px}.two-factor-body{padding:20px;text-align:center}.two-factor-body img{display:block;width:210px;height:210px;margin:12px auto}.two-factor-body code{display:block;margin:10px;word-break:break-all}.two-factor-body input{width:100%;padding:10px;border:1px solid var(--border);border-radius:7px}.two-factor-body .primary-btn{width:100%;margin-top:12px}
.manager-modal{width:620px}.manager-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:14px;border-bottom:1px solid var(--border)}.manager-form input,.manager-form textarea{padding:9px;border:1px solid var(--border);border-radius:7px}.manager-form textarea{grid-column:1/3;min-height:90px}.manager-list{max-height:380px;overflow:auto;padding:8px 16px}.manager-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--border)}.manager-list strong,.manager-list small{display:block}.manager-list small{max-width:380px;margin-top:3px;color:#7b8798;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-list button{margin-left:5px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#fff}.thread-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#e8f1ff;color:var(--blue);font-size:9px}
.account-manager{max-width:530px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.account-manager h3{font-size:14px}.account-manager #connectedMailboxes>div{display:flex;justify-content:space-between;align-items:center;padding:9px;border:1px solid var(--border);border-radius:7px;margin-bottom:7px}.account-manager strong,.account-manager small{display:block}.account-manager small{margin-top:3px;color:#7b8798}.account-manager button{border:1px solid var(--border);border-radius:6px;background:#fff;padding:6px 8px}.account-manager form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:12px}.account-manager form input{margin:0}
.sieve-modal{width:720px}.sieve-body{max-height:76vh;overflow:auto;padding:18px}.sieve-body section{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.sieve-body h3{margin:0 0 10px}.sieve-body input,.sieve-body textarea,.sieve-body select{padding:9px;border:1px solid var(--border);border-radius:7px}.sieve-body section>input,.sieve-body section>textarea{display:block;width:100%;margin-top:8px}.sieve-body textarea{min-height:90px}.rule-builder{display:grid;grid-template-columns:130px 1fr 1fr auto;gap:6px;margin-top:10px}.rule-builder button,#sieveRules button{border:1px solid var(--border);border-radius:6px;background:#fff}.sieve-body #sieveRules>div{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f8fafc;border-radius:6px;margin-bottom:5px}.mailcow-mailboxes{grid-column:1/-1;background:#fff;padding:12px;border-radius:9px}.mailcow-mailboxes article{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--border)}.mailcow-mailboxes article strong,.mailcow-mailboxes article small{display:block}.mailcow-mailboxes article small{color:#7b8798}.mailcow-mailboxes article button{margin-left:4px;border:1px solid var(--border);border-radius:5px;background:#fff;padding:5px 7px;font-size:9px}
.meeting-modal{width:560px}.meeting-modal form{padding:18px}.meeting-modal form>input,.meeting-modal textarea{display:block;width:100%;margin-bottom:10px;padding:10px;border:1px solid var(--border);border-radius:7px}.meeting-modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.meeting-modal label{display:flex;flex-direction:column;gap:5px;color:#667085;font-size:10px}.meeting-modal label input{padding:9px;border:1px solid var(--border);border-radius:7px}.meeting-modal textarea{min-height:110px;margin-top:10px}.meeting-modal p{color:#667085;font-size:11px}
/* Administration dashboard */
.admin-modal .admin-form:before{content:"Create Flow Inbox user";grid-column:1/-1;font-size:12px;font-weight:700}.admin-modal .admin-users:before{content:"Flow Inbox users";display:block;position:sticky;top:-7px;padding:8px 0;background:inherit;font-size:12px;font-weight:700;z-index:1}
.admin-only{background:#f3f6fb}.admin-only #app{display:none}.admin-only #adminModal{display:flex!important;position:fixed;inset:0;align-items:center;justify-content:center;background:#f3f6fb}.admin-only .admin-modal{width:min(1180px,calc(100vw - 36px));height:calc(100vh - 36px);box-shadow:0 15px 50px #17345f1a}.admin-only .admin-modal>.modal-header button{width:auto;padding:7px 12px;border:1px solid #ffffff59;border-radius:7px;color:#fff;font-size:11px;font-weight:600}.admin-only .admin-modal>.modal-header button:hover{background:#ffffff1f}
.admin-modal{width:min(1120px,96vw);max-width:none;height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border-radius:15px}.admin-modal>.modal-header{flex:none;padding:16px 20px;background:linear-gradient(135deg,#075edc,#287ff5);color:#fff;border:0;font-size:16px}.admin-modal>.modal-header button{color:#fff}.admin-summary{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto minmax(220px,1fr);gap:10px;padding:15px 18px;background:#f5f8fc;overflow:hidden}.admin-summary>div{padding:13px 15px;border:1px solid #dde5ef;border-radius:10px;background:#fff;box-shadow:0 2px 8px #10233d0a}.admin-summary>div>strong{display:block;color:#0b66ee;font-size:21px;line-height:1.2}.admin-summary>div>span{display:block;margin-top:5px;color:#667085;font-size:10px}.mailcow-mailboxes{grid-column:1/-1;min-height:0;display:flex;flex-direction:column;padding:0;border:1px solid #dfe6ef;border-radius:11px;background:#fff;overflow:hidden}.mailcow-mailboxes h3{flex:none;margin:0;padding:13px 16px;border-bottom:1px solid #e7ebf1;font-size:13px}.mailcow-mailboxes article{flex:none;display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:15px;min-height:51px;padding:8px 15px;border-top:1px solid #edf0f4}.mailcow-mailboxes h3+article{border-top:0}.mailcow-mailboxes article>span{min-width:0}.mailcow-mailboxes article strong{display:block;overflow:hidden;color:#182230;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mailcow-mailboxes article small{display:block;margin-top:3px;overflow:hidden;color:#7b8798;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mailcow-mailboxes article div{display:flex;gap:5px}.mailcow-mailboxes article button{margin:0;padding:5px 8px;border:1px solid #d8e0ea;border-radius:6px;background:#fff;color:#344054;font-size:9px}.mailcow-mailboxes article button:hover{border-color:#0b66ee;color:#0b66ee;background:#f3f7ff}.mailcow-mailboxes article button:last-child:hover{border-color:#ef4444;color:#c62828;background:#fff5f5}.mailcow-mailboxes{overflow-y:auto}.admin-modal .admin-form{flex:none;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;padding:12px 18px;background:#fff}.admin-modal .admin-form>input,.admin-modal .admin-form .form-row{min-width:0;margin:0}.admin-modal .admin-form input{height:36px;margin:0}.admin-modal .admin-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.admin-modal .admin-form>.primary-btn{height:36px;margin:0}.admin-modal .admin-form .auth-error{grid-column:1/-1;margin:0;min-height:0}.admin-modal .admin-users{flex:none;max-height:145px;padding:7px 18px 12px;overflow:auto;background:#fff}.admin-modal .admin-user{min-height:42px;padding:6px 0}.dark-theme .admin-summary{background:#111827}.dark-theme .admin-summary>div,.dark-theme .mailcow-mailboxes,.dark-theme .admin-modal .admin-form,.dark-theme .admin-modal .admin-users{background:#182131;border-color:#303b4c}.dark-theme .mailcow-mailboxes article strong{color:#eef2f7}@media(max-width:760px){.admin-modal{width:100vw;height:100vh;max-width:none;border-radius:0}.admin-summary{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto minmax(220px,1fr)}.admin-modal .admin-form{grid-template-columns:1fr 1fr}.mailcow-mailboxes article{grid-template-columns:1fr}.mailcow-mailboxes article div{justify-content:flex-start}}