.nav-item[data-module="mail"] { display:flex !important; }
#mailModule:not([hidden]) { display:grid !important; }
.wohto-mail { grid-template-columns:210px minmax(245px, .75fr) minmax(340px, 1.55fr); min-height:660px; background:#fff; border:1px solid #dce4ee; border-radius:14px; overflow:hidden; box-shadow:0 5px 24px #243b5a0a; color:#25354b; }
.wohto-mail button { cursor:pointer; font:inherit; }.wohto-mail svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.wm-sidebar { display:flex; flex-direction:column; background:#f4f7fb; border-right:1px solid #e2e9f1; padding:22px 12px 14px; min-width:0; }
.wm-brand { display:flex; align-items:center; gap:11px; padding:0 7px 21px; }.wm-brand-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:white; background:#3973d3; font-size:19px; }.wm-brand strong,.wm-brand small { display:block; }.wm-brand strong { font-size:16px; font-weight:600; }.wm-brand small { color:#8390a1; font-size:11px; margin-top:2px; }
.wm-compose { display:flex; align-items:center; justify-content:center; gap:8px; min-height:41px; width:100%; background:#286cd0; border:0; border-radius:9px; color:#fff; font-weight:500 !important; }.wm-compose span { font-size:19px; line-height:1; }.wm-compose:hover { background:#1e5ebc; }.wm-label { margin:28px 10px 9px; font-size:10px; color:#95a1b0; letter-spacing:.07em; font-weight:600; }
.wm-folders { display:grid; gap:3px; }.wm-folders button,.wm-settings { display:flex; align-items:center; gap:10px; width:100%; border:0; background:transparent; color:#526479; padding:10px; border-radius:8px; text-align:left; font-size:13px !important; }.wm-folders button:hover,.wm-settings:hover { background:#e9eff8; }.wm-folders button.active { background:#e0eafa; color:#2665bd; }.wm-settings { margin-top:auto; }
.wohto-mail-list { display:flex; flex-direction:column; min-width:0; border-right:1px solid #e4eaf2; background:#fff; }.wohto-mail-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:22px 18px 18px; }.wohto-mail-head h2 { margin:0; font-size:18px; font-weight:600; }.wohto-mail-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8b98a8; font-size:12px; margin-top:5px; }.wohto-mail-head button { border:0; background:transparent; color:#718198; font-size:23px; padding:0 4px; }.wm-list-caption { display:flex; justify-content:space-between; margin:0 18px; padding:12px 0; border-bottom:1px solid #edf1f6; font-size:12px; color:#6a7a8f; }.wm-list-caption span { color:#9aa6b4; }
.wohto-mail-rows { flex:1; max-height:650px; overflow:auto; }.wohto-mail-row { display:block; width:100%; text-align:left; padding:15px 18px; border:0; border-bottom:1px solid #f0f3f7; background:#fff; color:#354760; }.wohto-mail-row:hover { background:#f7f9fc; }.wohto-mail-row.selected { background:#edf4ff; box-shadow:inset 3px 0 #3478dc; }.wohto-mail-row span,.wohto-mail-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.wohto-mail-row span:first-child { font-size:13px; font-weight:550; }.wohto-mail-row span:nth-child(2) { font-size:13px; margin-top:5px; }.wohto-mail-row small { color:#9aa6b5; font-size:11px; margin-top:7px; }.wohto-mail-row.unread span:first-child { color:#2269c7; }
.wm-reader { min-width:0; background:#fff; }.wm-reader-bar { height:61px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 26px; border-bottom:1px solid #edf1f6; color:#6c7d92; font-size:13px; }.wm-reader-bar small { color:#a1acba; font-size:11px; }.wohto-mail-view { padding:28px; min-width:0; color:#344860; }.wohto-mail-view h3 { margin:0 0 20px; font-size:21px; font-weight:550; color:#253750; }.wohto-mail-view pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.75; }.wohto-mail-status { padding:20px; color:#8c9aac; line-height:1.5; font-size:13px; }.wohto-mail-form { max-width:530px; display:grid; gap:15px; }.wohto-mail-form label { display:grid; gap:7px; color:#56677c; font-size:13px; }.wohto-mail-form input,.wohto-mail-form textarea { width:100%; min-width:0; padding:11px 12px; border:1px solid #dbe4ef; border-radius:8px; font:inherit; background:#fff; }.wohto-mail-form textarea { resize:vertical; }.wohto-mail-form button,.wohto-mail-more { border:0; background:#eaf2ff; color:#2867bd; border-radius:8px; padding:9px 14px; }.wohto-mail-form button { justify-self:start; background:#286cd0; color:white; min-width:100px; }.wohto-mail-form output { color:#a64040; font-size:13px; }.wohto-mail-more { margin:15px; }
@media(max-width:1050px){.wohto-mail { grid-template-columns:170px minmax(210px,.8fr) minmax(260px,1.3fr); }.wm-sidebar { padding-left:8px; padding-right:8px; }}
@media(max-width:700px){#mailModule:not([hidden]) { display:grid !important; grid-template-columns:1fr; }.wohto-mail { min-height:0; }.wm-sidebar { display:grid; grid-template-columns:1fr auto; gap:8px; padding:12px; border-right:0; }.wm-brand { padding:0; }.wm-compose { width:auto; padding:0 12px; min-height:38px; }.wm-label { display:none; }.wm-folders { display:flex; grid-column:1 / -1; }.wm-folders button { width:auto; }.wm-settings { grid-column:1 / -1; margin:0; padding:7px 10px; }.wohto-mail-list { border-right:0; }.wohto-mail-head { padding:16px; }.wohto-mail-rows { max-height:260px; }.wm-reader { border-top:1px solid #e3eaf3; }.wm-reader-bar { height:48px; padding:0 18px; }.wohto-mail-view { padding:20px; min-height:200px; }}
.wm-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wm-compose-form { max-width:none; display:flex; flex-direction:column; gap:0; min-height:480px; }
.wm-compose-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom:22px; }
.wm-compose-header>div:first-child>span { color:#8b9bad; font-size:10px; font-weight:600; letter-spacing:.09em; }
.wm-compose-header h3 { margin:7px 0 0; }.wm-compose-account { text-align:right; min-width:0; }.wm-compose-account span,.wm-compose-account strong { display:block; }.wm-compose-account span { color:#98a5b5; font-size:11px; }.wm-compose-account strong { margin-top:5px; font-size:12px; color:#61748d; font-weight:500; overflow-wrap:anywhere; }
.wm-compose-fields { border-top:1px solid #edf1f6; }.wm-compose-fields label { display:flex; align-items:center; gap:14px; min-height:51px; border-bottom:1px solid #edf1f6; }.wm-compose-fields label>span { flex:0 0 42px; color:#7e8da1; font-size:13px; }.wm-compose-fields input { flex:1; width:auto; border:0; padding:12px 0; outline:none; font-size:14px; color:#344860; }.wm-compose-fields input::placeholder,.wm-compose-message textarea::placeholder { color:#a5b1c0; }
.wm-compose-form .wm-compose-message { display:block; flex:1; }.wm-compose-form .wm-compose-message textarea { width:100%; min-height:260px; padding:22px 0; border:0; outline:none; line-height:1.7; font-size:14px; resize:vertical; }
.wm-compose-footer { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-top:16px; border-top:1px solid #edf1f6; }.wm-compose-form .wm-compose-footer button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:9px 17px; }.wm-compose-footer button svg { width:17px; height:17px; }.wm-compose-footer small { color:#9aa8b8; font-size:11px; }.wm-compose-form output { margin-top:12px; }
@media(max-width:700px){.wm-compose-header { flex-wrap:wrap; gap:10px; }.wm-compose-account { text-align:left; }.wm-compose-form .wm-compose-message textarea { min-height:200px; }.wm-compose-form { min-height:400px; }}
.wm-message-actions { display:flex; gap:8px; margin:20px 0; }.wm-message-actions button { background:#f4f7fb; color:#365d91; border:1px solid #e1e9f3; border-radius:8px; padding:8px 12px; font-size:13px; }.wm-message-actions button:hover { background:#e9f2ff; }
.wm-message-actions { flex-wrap:wrap; }.wm-message-actions select { max-width:190px; border:1px solid #e1e9f3; border-radius:8px; background:#f4f7fb; color:#365d91; padding:8px 10px; font:inherit; font-size:13px; }.wm-folders #wm-custom-folders { display:grid; gap:3px; }.wm-folders #wm-add-folder { color:#7186a0; }
.nav-item .mail-nav-badge { margin-left:0; flex:none; }.nav-item[data-module="mail"] em { margin-left:auto; }
.address-book:not([hidden]) { display:grid; grid-template-columns:minmax(240px,320px) minmax(0,1fr); min-height:560px; background:white; border:1px solid #dce4ee; border-radius:14px; overflow:hidden; }.ab-list { border-right:1px solid #e4eaf2; }.ab-list header { padding:20px; }.ab-list h2,.ab-profile h2 { margin:0; font-size:18px; font-weight:550; }.ab-list p,.ab-profile p,.ab-empty { color:#8796aa; font-size:13px; }.ab-list input,.ab-form input,.ab-form textarea { width:100%; border:1px solid #dbe4ef; border-radius:8px; padding:10px; font:inherit; }.ab-row { display:flex; align-items:center; gap:12px; width:100%; text-align:left; border:0; border-bottom:1px solid #edf1f6; background:white; padding:12px 20px; cursor:pointer; }.ab-row:hover { background:#f2f7ff; }.ab-row-avatar,.ab-avatar { display:grid; place-items:center; border-radius:50%; background:#e6effd; color:#2867bd; flex:none; }.ab-row-avatar { width:35px; height:35px; }.ab-row strong,.ab-row small { display:block; }.ab-row strong { font-size:13px; font-weight:550; }.ab-row small { margin-top:4px; color:#91a0b2; }.ab-empty { padding:15px 20px; }.ab-card { padding:28px; color:#40536e; }.ab-profile { display:flex; gap:15px; align-items:center; padding-bottom:22px; border-bottom:1px solid #edf1f6; }.ab-avatar { width:58px; height:58px; font-size:24px; }.ab-form { display:grid; gap:14px; max-width:560px; padding-top:22px; }.ab-form label { display:grid; gap:6px; color:#6a7b90; font-size:13px; }.ab-form button { justify-self:start; border:0; border-radius:8px; background:#286cd0; color:white; padding:10px 15px; cursor:pointer; }.ab-form output { font-size:13px; color:#4d6c91; }@media(max-width:700px){.address-book:not([hidden]) { grid-template-columns:1fr; }.ab-list { border-right:0; border-bottom:1px solid #e4eaf2; max-height:350px; overflow:auto; }.ab-card { padding:20px; }}
.wm-mail-search { display:flex; align-items:center; gap:9px; margin:0 16px 3px; padding:9px 11px; background:#f3f6fa; border:1px solid #e7edf5; border-radius:8px; color:#8091a6; }.wm-mail-search svg { width:17px; height:17px; }.wm-mail-search input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:#354760; font:inherit; font-size:13px; }.wm-mail-search input::placeholder { color:#98a7b8; }@media(max-width:700px){.wm-mail-search input { font-size:16px; }}
.wm-attach-picker { display:inline-flex !important; align-items:center; border:1px solid #d9e4f1; border-radius:8px; padding:9px 12px; color:#436389 !important; background:#f7f9fc; font-size:13px; cursor:pointer; }.wm-attach-picker input { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }.wm-attach-picker:focus-within { outline:2px solid #3478dc; outline-offset:2px; }.wm-attachment-list { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 10px; }.wm-attachment-list:empty { display:none; }.wm-attachment-chip { display:inline-flex; align-items:center; gap:8px; max-width:100%; background:#edf4ff; color:#41618a; border-radius:8px; padding:5px 8px; font-size:12px; }.wm-attachment-chip>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.wm-attachment-chip button { border:0; background:transparent; color:#547397; padding:0 3px; min-width:0; cursor:pointer; font-size:17px; }
.wm-html-notice { color:#8091a6; font-size:12px; padding:9px 11px; background:#f5f8fc; border-radius:7px; }
.wm-compose-form .wm-forward-option { display:flex; align-items:center; gap:9px; padding:10px 0; color:#536b87; font-size:13px; }.wm-compose-form .wm-forward-option input { width:16px; height:16px; flex:none; margin:0; accent-color:#286cd0; }

.wm-list-caption { align-items:center; gap:10px; }
.wm-list-caption select { max-width:140px; padding:5px 25px 5px 9px; border:1px solid #e2e9f2; border-radius:7px; background-color:#f7f9fc; color:#53657b; font:inherit; cursor:pointer; }
.wm-list-caption select:focus-visible { outline:2px solid #3279d4; outline-offset:2px; }

.wohto-mail-row .wm-row-flag { color:#d83b42; font-size:17px; line-height:1; font-weight:400; vertical-align:-1px; margin-right:6px; }
.wm-message-actions .wm-action-flag { color:#d83b42; font-size:18px; line-height:1; vertical-align:-2px; }

.wohto-mail-row .wm-sender-company { color:#8994a3; font-style:normal; font-weight:400; }

.wm-signature-settings { border:1px solid #dbe5f2; border-radius:8px; background:#f5f8fd; color:#2867bd; padding:9px 14px; margin:0 0 20px; cursor:pointer; }
.wm-signature-preview { display:block; max-width:min(100%,400px); max-height:160px; object-fit:contain; object-position:left; }
.wm-signature-preview[hidden],.wm-signature-remove[hidden] { display:none; }
.wohto-mail-form .wm-signature-remove { background:#edf2f8; color:#526479; }
.wm-compose-form .wm-signature-include { display:flex; align-items:center; gap:8px; padding:10px 0; }
.wm-signature-include input { width:16px; height:16px; margin:0; }

.wm-signature-form { max-width:720px; }
.wm-signature-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px; }
.wohto-mail-form .wm-signature-controls select { width:100%; min-height:41px; padding:8px; border:1px solid #dbe4ef; border-radius:8px; background:#fff; color:#344860; font:inherit; }
.wm-signature-controls input[type=color] { height:41px; padding:4px; }
.wm-signature-toggles { display:flex; flex-wrap:wrap; gap:18px; }
.wohto-mail-form .wm-signature-toggles label { display:flex; align-items:center; gap:6px; }
.wm-signature-toggles input { width:16px; height:16px; margin:0; }
.wm-signature-preview-label { font-size:13px; color:#56677c; }
.wm-signature-canvas { border:1px solid #dbe4ef; border-radius:8px; padding:18px; overflow:auto; }
.wm-signature-layout { display:inline-flex; flex-direction:column; align-items:flex-start; gap:10px; max-width:100%; text-align:left; }
.wm-signature-layout[data-position=above] { flex-direction:column-reverse; }
.wm-signature-layout[data-position=left] { flex-direction:row-reverse; }
.wm-signature-layout[data-position=right] { flex-direction:row; }
.wm-signature-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.wm-signature-preview { max-width:100%; max-height:none; }

.wm-rich-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:8px; border:1px solid #dbe4ef; border-bottom:0; border-radius:8px 8px 0 0; background:#f6f8fb; }
.wohto-mail-form .wm-rich-toolbar button,.wm-rich-toolbar select,.wm-rich-image { min-width:0; padding:7px 10px; border:1px solid #dce5ef; border-radius:6px; background:#fff; color:#344860; font:inherit; cursor:pointer; }
.wohto-mail-form .wm-rich-toolbar label { display:flex; align-items:center; gap:5px; }
.wm-rich-toolbar input[type=color] { width:30px; height:30px; padding:2px; }
.wm-rich-editor { min-height:220px; max-height:500px; overflow:auto; padding:16px; border:1px solid #dbe4ef; border-radius:0 0 8px 8px; outline-color:#3478dc; overflow-wrap:anywhere; }
.wm-rich-editor img { max-width:100%; height:auto; }
.wm-rich-hint { color:#718198; font-size:12px; }