.brand-mark{display:flex;align-items:center;justify-content:center}
.brand-dot{font-size:inherit}
#reader-back{display:none}
@media(max-width:650px){#reader-back{display:grid}}
.login-hint{font-size:11px;color:#8192aa;line-height:1.5;margin:-3px 0 0}
.sidebar-links{display:grid;gap:4px;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.sidebar-links button{border:0;background:transparent;color:#a8b7d0;text-align:left;border-radius:7px;padding:9px 12px;font-size:12px}.sidebar-links button:hover{background:#1b2947;color:#fff}.sidebar nav{margin-top:16px}
.message-body iframe{height:160px;display:block;background:#fff;border:1px solid #344051;border-radius:9px}.message-body .remote-images{margin:0 0 10px;font-size:11px}.reader-scroll{padding-bottom:60px}.sender-meta small{overflow-wrap:anywhere}.message-header{min-width:0}.message-subject-row h2{overflow-wrap:anywhere}
.composer{width:min(920px,100%);height:min(900px,96vh)}.compose-rich{flex:1;min-height:150px;overflow:auto;padding:22px 24px;color:#e7effd;background:#f7f9fc;color:#1d293a;font:14px/1.65 Arial,sans-serif;outline:none}.compose-rich:empty:before{content:attr(data-placeholder);color:#8b98aa}.compose-rich p{margin:0 0 12px}.compose-rich a{color:#356bd6}.composer textarea#compose-body:not([hidden]){background:#f7f9fc;color:#1d293a;font:14px/1.65 Arial,sans-serif}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:8px 18px;background:#1b2534;border-bottom:1px solid #344158}.editor-toolbar button{min-width:29px;height:29px;border:1px solid #3a4b62;border-radius:5px;background:#223147;color:#dce9ff;padding:0 7px;font-size:11px}.editor-toolbar button:hover{background:#365074}.editor-toolbar.plain-mode button:not(#editor-mode){display:none}.editor-toolbar #editor-mode{margin-left:auto}.file-list{max-height:60px;overflow:auto}
.workspace-modal{width:min(900px,96vw);max-height:92vh;background:#151d2a;border:1px solid #34435b;border-radius:13px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.workspace-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.workspace-head h2{font-size:20px;margin:4px 0 0}.workspace-body{overflow:auto;min-height:0}.contacts-layout{display:grid;grid-template-columns:minmax(230px,40%) 1fr;min-height:470px}.contacts-list-pane{border-right:1px solid var(--line);min-width:0}.contacts-search{display:flex;gap:7px;padding:15px;border-bottom:1px solid var(--line)}.contacts-search input{min-width:0;flex:1}.workspace-modal input:not([type=checkbox]),.workspace-modal textarea{background:#111926;border:1px solid #34435b;border-radius:7px;color:#eaf2ff;padding:10px 11px;outline:none}.workspace-modal input:focus,.workspace-modal textarea:focus{border-color:#6a91ec}.contacts-search .ghost-btn{padding:8px;font-size:11px;white-space:nowrap}#contacts-list{max-height:62vh;overflow:auto}.contact-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #263244;color:#dce8fa;padding:11px 15px}.contact-item:hover{background:#233249}.contact-item b,.contact-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item small{font-size:11px;color:#8b9bb2;margin-top:3px}.contact-form{display:grid;align-content:start;gap:13px;padding:20px}.contact-form label,.settings-body label{display:grid;gap:6px;font-size:12px;color:#afc0d7}.contact-form textarea{min-height:74px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin-top:10px}.form-actions .ghost-btn,.form-actions .primary{padding:8px 12px;font-size:11px}.danger{color:#ffb6bd;border-color:#6e3e48}
.settings-modal{width:min(960px,96vw)}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.settings-body form{display:grid;align-content:start;gap:13px;padding:22px 25px}.settings-body form+form{border-left:1px solid var(--line)}.settings-body h3{font-size:15px;margin:8px 0 2px;color:#edf3ff}.settings-body textarea{resize:vertical;min-height:85px}.settings-body .checkline{display:flex;align-items:center;gap:8px}.settings-body .checkline input{accent-color:#5d8bf2}.setting-note{font-size:11px;line-height:1.55;color:#8d9eb6;margin:0}.settings-body .primary,.settings-body .ghost-btn{justify-self:start}.settings-body hr{border:0;border-top:1px solid var(--line);width:100%;margin:12px 0 0}#password-status{font-size:11px;color:#9bb7df;min-height:16px}.manage-folder{display:flex;gap:8px;align-items:center;border-bottom:1px solid #2c394b;padding:8px 0}.manage-folder span{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis}.manage-folder small{display:block;color:#748ba8;margin-top:2px}.manage-folder button{border:1px solid #35465d;background:#1e2b3e;color:#c5d6ec;border-radius:5px;padding:5px 7px}
@media(max-width:750px){.settings-body,.contacts-layout{grid-template-columns:1fr}.settings-body form+form,.contacts-list-pane{border-left:0;border-top:1px solid var(--line)}.contacts-list-pane{max-height:230px;overflow:auto}.workspace-modal{max-height:96vh}.composer{height:96vh}.editor-toolbar{padding:5px}.editor-toolbar button{min-width:26px;padding:0 5px}.compose-rich{padding:16px}.composer form>label{padding:0 12px}.composer form>label span{width:28px}}
.settings-side{display:grid;align-content:start;justify-items:start;gap:13px;padding:22px 25px;border-left:1px solid var(--line)}.settings-side h3{font-size:15px;margin:8px 0 2px}.settings-side .ghost-btn{text-decoration:none;font-size:12px}.settings-side hr{border:0;border-top:1px solid var(--line);width:100%;margin:12px 0 0}.settings-side #manage-folders{width:100%}@media(max-width:750px){.settings-side{border-left:0;border-top:1px solid var(--line)}}
#folder-form{display:grid;gap:12px}#folder-form label{display:grid;gap:7px;font-size:12px;color:#afc0d7}#folder-form input{background:#111926;border:1px solid #34435b;border-radius:7px;color:#eaf2ff;padding:10px 11px;outline:none}#folder-form .form-actions{margin-top:5px}
#folder-modal{z-index:14}
#insert-modal,#confirm-modal{z-index:16}#insert-form{display:grid;gap:12px}#insert-form label{display:grid;gap:7px;font-size:12px;color:#afc0d7}#insert-form input:not([type=color]){background:#111926;border:1px solid #34435b;border-radius:7px;color:#eaf2ff;padding:10px 11px;outline:none}#insert-form input[type=color]{width:100%;height:42px;padding:3px;background:#111926;border:1px solid #34435b;border-radius:7px}#confirm-message{margin:0 0 18px}
.settings-side #password-form{display:grid;gap:12px;padding:0}.settings-side #password-form label{display:grid;gap:6px;font-size:12px;color:#afc0d7}.settings-side #password-form input{width:100%;background:#111926;border:1px solid #34435b;border-radius:7px;color:#eaf2ff;padding:10px 11px;outline:none}.settings-side #password-form button{justify-self:start}.settings-side #password-status{min-height:16px;font-size:11px;color:#9bb7df;margin:0}