/* RobsMail Webmail UI - dedicated stylesheet.
   Loaded after app.css to prevent admin/general CSS collisions. */
html,body{min-height:100%}body{overflow-x:hidden}.user-topbar svg,.user-sidebar svg,.user-kpi-icon svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}.user-main a{box-sizing:border-box}
/* ==========================================================
   RobsMail user webmail dashboard (no management navigation)
   ========================================================== */
:root{--user-sidebar:252px;--user-top:80px;--user-bg:#f7f9fd;--user-card:#fff;--user-text:#0e1b3b;--user-muted:#667797;--user-border:#dfe6f1;--user-shadow:0 8px 24px rgba(29,64,120,.045);--user-navy:#062451;--user-navy-2:#07336d}
html[data-user-theme="dark"]{--user-bg:#081426;--user-card:#0f1d32;--user-text:#edf4ff;--user-muted:#9cb0cf;--user-border:#223653;--user-shadow:0 8px 24px rgba(0,0,0,.18)}
.user-topbar{position:fixed;z-index:70;left:var(--user-sidebar);right:0;top:0;height:var(--user-top);display:flex;align-items:center;gap:18px;padding:0 28px;background:var(--user-card);border-bottom:1px solid var(--user-border);color:var(--user-text)}.user-mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--user-border);border-radius:10px;background:var(--user-card);color:var(--user-text)}.user-mobile-menu svg{width:22px;height:22px;fill:currentColor}.user-search{display:flex;align-items:center;gap:10px;width:min(420px,42vw);height:42px;padding:0 14px;border:1px solid var(--user-border);border-radius:9px;background:var(--user-card)}.user-search span{display:grid;color:#5b739d}.user-search svg{width:20px;height:20px;fill:currentColor}.user-search input{border:0;outline:0;background:transparent;width:100%;color:var(--user-text);font-size:13px}.user-search input::placeholder{color:#91a1bb}.user-top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.user-theme-control{display:flex;align-items:center;gap:9px;color:var(--user-muted);font-size:12px}.user-theme-toggle{display:grid;grid-template-columns:22px 25px 22px;align-items:center;height:34px;padding:0 6px;border:1px solid var(--user-border);border-radius:18px;background:var(--user-card);color:#57739f}.user-theme-toggle i{display:grid;place-items:center}.user-theme-toggle svg{width:16px;height:16px;fill:currentColor}.user-theme-toggle b{width:24px;height:14px;border-radius:99px;background:#126cf4;position:relative}.user-theme-toggle b:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:2px;left:2px;background:#fff;transition:.2s}html[data-user-theme="dark"] .user-theme-toggle b:after{left:12px}.user-notification{width:38px;height:38px;display:grid;place-items:center;color:#385982;border-left:1px solid var(--user-border);padding-left:15px}.user-notification svg{width:20px;height:20px;fill:currentColor}.user-account{display:flex;align-items:center;gap:10px}.user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e4ecff;color:#1458c5;font-size:13px;font-weight:850}.user-account>div:last-child{display:flex;flex-direction:column;max-width:180px}.user-account strong{font-size:13px;color:var(--user-text)}.user-account small{font-size:10px;color:var(--user-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:var(--user-sidebar);display:flex;flex-direction:column;padding:24px 17px 18px;color:#fff;background:linear-gradient(180deg,var(--user-navy),#061f47 58%,var(--user-navy-2));overflow-y:auto}.user-brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;text-decoration:none;color:#fff}.user-brand img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#fff}.user-brand>span{display:flex;flex-direction:column;line-height:1}.user-brand strong{font-size:25px;letter-spacing:-.8px}.user-brand strong span{color:#2b88ff}.user-brand small{margin-top:5px;font-size:11px;color:#fff}.user-nav{display:grid;gap:4px}.user-nav a{display:flex;align-items:center;gap:14px;min-height:45px;padding:10px 13px;border-radius:9px;color:#f0f5ff;text-decoration:none;font-size:14px;font-weight:620}.user-nav a svg{width:21px;height:21px;fill:currentColor;opacity:.92}.user-nav a:hover{background:rgba(31,110,236,.18)}.user-nav a.active{background:linear-gradient(100deg,#0d60e8,#126cf4);box-shadow:0 7px 18px rgba(0,83,221,.25)}.user-nav-separator{height:1px;background:rgba(190,211,244,.16);margin:9px 2px}.user-sidebar-bottom{margin-top:auto;padding-top:18px;display:grid;gap:16px}.user-storage-card{padding:16px;border-radius:12px;background:linear-gradient(145deg,#0c3b78,#0b4da8);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.user-storage-head,.user-storage-meta{display:flex;align-items:center;justify-content:space-between}.user-storage-head strong{font-size:12px}.user-storage-head a{font-size:10px;color:#4da1ff}.user-storage-meta{margin-top:18px;font-size:11px}.user-storage-meta b{font-size:12px}.user-storage-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.16);margin:9px 0 15px;overflow:hidden}.user-storage-bar i{display:block;height:100%;border-radius:inherit;background:#126cf4}.user-upgrade-btn{display:flex;justify-content:center;align-items:center;height:39px;border-radius:7px;background:#0967ee;color:#fff;text-decoration:none;font-size:12px;font-weight:750}.user-support-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border-radius:12px;background:linear-gradient(145deg,#08346e,#0a4599);color:#fff;text-decoration:none}.user-support-card>span{font-size:25px}.user-support-card div{display:flex;flex-direction:column}.user-support-card strong{font-size:12px}.user-support-card small{margin-top:3px;color:#d8e7ff;font-size:9px;line-height:1.45}.user-support-card>b{font-size:26px}.user-signout{color:#b9cff4;text-decoration:none;font-size:11px;text-align:center}.user-sidebar-overlay{display:none}
.user-main{margin-left:var(--user-sidebar);padding-top:var(--user-top);min-height:100vh;background:var(--user-bg);color:var(--user-text)}.user-dashboard-wrap{padding:28px 28px 26px}.user-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.user-page-heading h1{margin:0;font-size:26px;font-weight:840;letter-spacing:-.8px}.user-page-heading p{margin:4px 0 0;color:var(--user-muted);font-size:13px}.user-compose-top{height:40px;display:flex;align-items:center;padding:0 16px;border-radius:8px;background:#126cf4;color:#fff;text-decoration:none;font-size:12px;font-weight:760}.user-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.user-kpi-card{min-width:0;min-height:146px;padding:22px 20px;display:flex;align-items:flex-start;gap:18px;border:1px solid var(--user-border);border-radius:11px;background:var(--user-card);box-shadow:var(--user-shadow)}.user-kpi-icon{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;flex:0 0 58px}.user-kpi-icon svg{width:31px;height:31px;fill:currentColor}.user-kpi-icon.blue{color:#1168ed;background:#e6f0ff}.user-kpi-icon.green{color:#0cad62;background:#e4f8ed}.user-kpi-icon.purple{color:#7c42eb;background:#eee8ff}.user-kpi-icon.amber{color:#ef9c00;background:#fff2d9}.user-kpi-card span{display:block;color:var(--user-text);font-size:12px}.user-kpi-card strong{display:block;margin:6px 0 3px;font-size:25px;line-height:1.05}.user-kpi-card small{font-size:10px;color:var(--user-muted)}.user-kpi-card .status-ok{color:#0ba65c}.user-kpi-card .status-bad{color:#e44040}.mini-storage-bar{height:6px;border-radius:99px;background:var(--user-border);overflow:hidden;margin-top:13px}.mini-storage-bar i{display:block;height:100%;background:#7d45ef;border-radius:inherit}.user-dashboard-grid{display:grid;grid-template-columns:1.72fr 1fr;gap:18px;margin-top:18px}.user-dashboard-side{display:grid;gap:18px;align-content:start}.user-widget{background:var(--user-card);border:1px solid var(--user-border);border-radius:11px;box-shadow:var(--user-shadow);min-width:0}.user-widget-head{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--user-border)}.user-widget-head h2{margin:0;font-size:15px;font-weight:820}.user-widget-head a{font-size:11px;color:#075ee9;text-decoration:none}.user-recent-list{padding:0 20px}.user-recent-mail{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;gap:13px;align-items:center;min-height:91px;border-bottom:1px solid var(--user-border);text-decoration:none;color:var(--user-text)}.user-recent-mail:last-child{border-bottom:0}.mail-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dff5ee;color:#0d9d6f;font-size:11px;font-weight:800}.user-recent-mail:nth-child(2n) .mail-avatar{background:#eee7ff;color:#7346e6}.user-recent-mail:nth-child(3n) .mail-avatar{background:#fff0d6;color:#df9300}.mail-copy{min-width:0;display:flex;flex-direction:column}.mail-copy strong{font-size:12px}.mail-copy b{font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-copy small{margin-top:4px;color:var(--user-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-recent-mail time{color:var(--user-muted);font-size:10px;white-space:nowrap}.mail-star{color:#7084a7;font-size:18px}.user-recent-mail.unread .mail-copy b,.user-recent-mail.unread .mail-copy strong{font-weight:850}.user-empty-small{padding:35px;color:var(--user-muted);text-align:center;font-size:12px}.user-storage-overview{min-height:220px;padding:24px 22px;display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}.user-donut{--used:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#126cf4 calc(var(--used)*1%),#e7edf7 0);position:relative}.user-donut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:var(--user-card)}.user-donut>div{z-index:2;text-align:center}.user-donut strong{display:block;font-size:18px}.user-donut small{display:block;color:var(--user-muted);font-size:10px}.user-storage-legend{display:grid;gap:18px}.user-storage-legend span{position:relative;padding-left:18px;display:flex;flex-direction:column}.user-storage-legend i{position:absolute;left:0;top:3px;width:9px;height:9px;border-radius:50%}.legend-used{background:#126cf4}.legend-free{background:#aab9d0}.user-storage-legend b{font-size:11px}.user-storage-legend small{color:var(--user-muted);font-size:10px;margin-top:2px}.user-quick-grid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.user-quick-grid a{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--user-border);border-radius:9px;color:var(--user-text);text-decoration:none;font-size:10px}.user-quick-grid a:hover{border-color:#94b9f4;background:rgba(21,94,239,.04)}.user-quick-grid a span{font-size:24px;font-weight:800}.quick-blue{color:#0d68f3}.quick-green{color:#0cb568}.quick-purple{color:#8247ef}.quick-amber{color:#f2a000}.quick-teal{color:#11aaa9}.quick-violet{color:#7540e5}.user-footer{height:58px;padding:0 28px;border-top:1px solid var(--user-border);display:flex;align-items:center;justify-content:space-between;color:var(--user-muted);font-size:10px;background:var(--user-card)}
html[data-user-theme="dark"] body:has(.user-main){background:var(--user-bg)}html[data-user-theme="dark"] .mail-main{background:var(--user-bg);color:var(--user-text);border-color:var(--user-border)}html[data-user-theme="dark"] .mail-toolbar,html[data-user-theme="dark"] .compose-card,html[data-user-theme="dark"] .contact-card,html[data-user-theme="dark"] .settings-card,html[data-user-theme="dark"] .panel{background:var(--user-card);color:var(--user-text);border-color:var(--user-border)}html[data-user-theme="dark"] .message-row{background:#0c192c;color:#dce7fa;border-color:var(--user-border)}html[data-user-theme="dark"] .message-row.unread,html[data-user-theme="dark"] .message-row:hover{background:#111f36;color:#fff}html[data-user-theme="dark"] .form-control,html[data-user-theme="dark"] .form-select{background:#0b182a;color:#edf4ff;border-color:#2b4160}html[data-user-theme="dark"] .text-secondary,html[data-user-theme="dark"] .text-muted{color:var(--user-muted)!important}
@media(max-width:1180px){.user-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-dashboard-grid{grid-template-columns:1.45fr 1fr}.user-storage-overview{grid-template-columns:120px 1fr}.user-donut{width:120px;height:120px}.user-donut:after{width:82px;height:82px}.user-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--user-sidebar:0px}.user-sidebar{width:270px;transform:translateX(-102%);transition:.22s;box-shadow:24px 0 60px rgba(0,0,0,.3)}.user-sidebar.open{transform:translateX(0)}.user-sidebar-overlay{position:fixed;inset:0;z-index:75;background:rgba(1,10,26,.48)}.user-sidebar-overlay.show{display:block}.user-topbar{left:0;padding:0 12px;gap:10px}.user-mobile-menu{display:grid;place-items:center}.user-search{width:auto;flex:1}.user-theme-control>span,.user-account>div:last-child{display:none}.user-account>div:first-child{display:grid}.user-main{margin-left:0}.user-dashboard-wrap{padding:20px 14px}.user-dashboard-grid{grid-template-columns:1fr}.user-footer{padding:0 14px}.mail-main{margin-left:0}.sidebar{display:none}}
@media(max-width:560px){.user-topbar{height:68px}.user-search input{font-size:11px}.user-theme-control{display:none}.user-account{display:none}.user-kpi-grid{grid-template-columns:1fr}.user-page-heading h1{font-size:23px}.user-compose-top{display:none}.user-recent-mail{grid-template-columns:36px minmax(0,1fr) 18px}.user-recent-mail time{display:none}.user-storage-overview{grid-template-columns:1fr;justify-items:center}.user-storage-legend{width:100%;grid-template-columns:1fr 1fr}.user-quick-grid{grid-template-columns:repeat(2,1fr)}.user-footer span:last-child{display:none}}
body:has(.user-topbar) .mail-main{margin-left:var(--user-sidebar);padding-top:var(--user-top);background:var(--user-card);border-left:1px solid var(--user-border)}body:has(.user-topbar) .mail-toolbar{top:var(--user-top);background:color-mix(in srgb,var(--user-card) 94%,transparent);border-color:var(--user-border);color:var(--user-text)}
@media(max-width:820px){body:has(.user-topbar) .mail-main{margin-left:0;padding-top:var(--user-top)}body:has(.user-topbar) .mail-toolbar{top:var(--user-top)}}
@media(max-width:560px){body:has(.user-topbar) .mail-main{padding-top:68px}body:has(.user-topbar) .mail-toolbar{top:68px}}

/* RobsMail three-pane inbox architecture */
:root{--wm-list:480px;--wm-top:72px}.webmail-topbar{height:var(--wm-top);gap:18px}.webmail-compose-head{height:44px;min-width:162px;padding:0 14px;border-radius:8px;background:#1769ee;color:#fff;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:760;font-size:13px}.webmail-compose-head svg{width:20px;height:20px;fill:currentColor}.webmail-compose-head b{margin-left:auto;font-size:16px}.webmail-search{max-width:670px}.webmail-head-icon{width:38px;height:38px;border:0;background:transparent;color:var(--user-muted);display:grid;place-items:center;border-radius:8px;text-decoration:none}.webmail-head-icon:hover{background:rgba(24,105,238,.08);color:#1769ee}.webmail-head-icon svg{width:20px;height:20px;fill:currentColor}.webmail-account-row{margin:6px 12px 10px;padding:12px 10px;display:grid;grid-template-columns:20px minmax(0,1fr) 18px;gap:9px;align-items:center;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.webmail-account-row svg{width:18px;height:18px;fill:#d8e6ff}.webmail-account-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.webmail-account-row b{font-size:14px}.webmail-nav a em{margin-left:auto;min-width:28px;padding:2px 8px;border-radius:999px;background:#2368e9;color:#fff;font-style:normal;text-align:center;font-size:10px}.webmail-sidebar-bottom{padding-top:8px}.webmail-sidebar-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.webmail-sidebar-tools a,.webmail-sidebar-tools button{height:38px;border:0;border-radius:8px;background:transparent;color:#dbe7fb;display:grid;place-items:center}.webmail-sidebar-tools a:hover,.webmail-sidebar-tools button:hover{background:rgba(255,255,255,.08)}.webmail-sidebar-tools svg{width:19px;height:19px;fill:currentColor}
.webmail-inbox-shell{position:fixed;top:var(--wm-top);left:var(--user-sidebar);right:0;bottom:0;display:grid;grid-template-columns:var(--wm-list) minmax(0,1fr);background:var(--user-card);color:var(--user-text);overflow:hidden}.webmail-list-pane{min-width:0;border-right:1px solid var(--user-border);display:flex;flex-direction:column;background:var(--user-card)}.webmail-tabs-row{height:64px;flex:0 0 64px;padding:0 14px 0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--user-border)}.webmail-tabs{align-self:stretch;display:flex;gap:22px}.webmail-tabs a{height:100%;display:flex;align-items:center;gap:4px;border-bottom:3px solid transparent;text-decoration:none;color:var(--user-muted);font-weight:680;font-size:14px}.webmail-tabs a.active{color:var(--user-text);border-color:#4a72ff}.webmail-tabs a span{font-weight:500;color:var(--user-muted)}.webmail-filter{height:38px;min-width:88px;border:1px solid var(--user-border);border-radius:8px;background:var(--user-card);color:var(--user-text);padding:0 28px 0 12px;font-size:12px}.webmail-message-list{overflow:auto;min-height:0}.webmail-message-row{position:relative;display:grid;grid-template-columns:24px 22px minmax(0,1fr);gap:8px;min-height:111px;padding:16px 16px;border-bottom:1px solid var(--user-border);background:var(--user-card)}.webmail-message-row:hover,.webmail-message-row.selected{background:rgba(67,106,238,.055)}.webmail-message-row.unread .mail-preview-link b,.webmail-message-row.unread .mail-row-top strong{font-weight:850}.mail-select{padding-top:3px}.mail-select input{position:absolute;opacity:0}.mail-select span{width:17px;height:17px;display:block;border:1px solid #c5cedd;border-radius:3px;background:var(--user-card)}.mail-select input:checked+span{background:#1769ee;border-color:#1769ee;box-shadow:inset 0 0 0 3px #1769ee}.mail-star-btn{border:0;background:transparent;color:#b9c3d2;padding:0;font-size:18px;line-height:1;height:24px}.mail-star-btn.starred{color:#ffb300}.mail-preview-link{min-width:0;text-decoration:none;color:var(--user-text);display:flex;flex-direction:column;gap:3px}.mail-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mail-row-top strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-top time{font-size:11px;color:var(--user-muted);white-space:nowrap}.mail-preview-link>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview-link>span{font-size:11px;color:var(--user-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webmail-preview-pane{position:relative;min-width:0;overflow:auto;background:var(--user-card)}.mail-preview-empty{height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--user-muted)}.preview-art{position:relative;width:185px;height:120px;margin-bottom:22px;border-radius:28px;background:#eef3ff;display:grid;place-items:center}.preview-art span{width:104px;height:72px;border:2px solid #bed0ff;border-radius:8px;display:grid;place-items:center;font-size:40px;color:#7ea3fb;background:#fff}.preview-art i{position:absolute;right:10px;top:-8px;color:#8badff;font-size:28px;transform:rotate(-15deg)}.mail-preview-empty h2{margin:0;color:var(--user-text);font-size:20px}.mail-preview-empty p{margin:9px 0 0;font-size:12px}.mail-preview-content{min-height:100%;padding:26px 34px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--user-border)}.preview-toolbar h1{margin:0;font-size:22px;line-height:1.25}.preview-toolbar-actions{display:flex;gap:8px}.preview-toolbar-actions a{padding:8px 12px;border:1px solid var(--user-border);border-radius:8px;color:var(--user-text);text-decoration:none;font-size:11px}.preview-sender{display:flex;align-items:center;gap:12px;padding:18px 0}.preview-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e6efff;color:#1769ee;font-weight:850}.preview-sender strong{display:block;font-size:13px}.preview-sender small{display:block;color:var(--user-muted);font-size:11px;margin-top:2px}.preview-body{border-top:1px solid var(--user-border);padding-top:18px}.preview-body pre{white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.65;color:var(--user-text)}.preview-frame{width:100%;min-height:520px;border:0;background:#fff}.mail-preview-loading{height:100%;display:grid;place-items:center;color:var(--user-muted);font-size:13px}.webmail-error,.webmail-list-empty{margin:22px;padding:20px;border-radius:9px;background:rgba(220,53,69,.08);color:#c83d4d}.webmail-list-empty{background:transparent;color:var(--user-muted);text-align:center}.webmail-list-empty strong,.webmail-list-empty span{display:block}.mail-preview-back{display:none}
html[data-user-theme="dark"] .preview-art{background:#14243c}html[data-user-theme="dark"] .preview-art span{background:#0d192a;border-color:#31527f}html[data-user-theme="dark"] .webmail-message-row:hover,html[data-user-theme="dark"] .webmail-message-row.selected{background:#111f36}
@media(max-width:1180px){:root{--wm-list:410px}.webmail-compose-head{min-width:130px}.webmail-compose-head span{display:none}.webmail-compose-head{justify-content:center}.webmail-compose-head b{display:none}}
@media(max-width:900px){.webmail-inbox-shell{left:0;grid-template-columns:1fr}.webmail-preview-pane{position:fixed;top:var(--wm-top);left:0;right:0;bottom:0;z-index:70;transform:translateX(102%);transition:.22s}.webmail-inbox-shell.preview-open .webmail-preview-pane{transform:translateX(0)}.mail-preview-back{display:block;margin:14px 18px 0;border:0;background:transparent;color:#1769ee;font-weight:700}.webmail-compose-head{display:none}.webmail-topbar{left:0}.webmail-search{max-width:none}.webmail-message-row{min-height:100px}}
@media(max-width:560px){:root{--wm-top:68px}.webmail-tabs-row{padding-left:14px}.webmail-tabs{gap:14px}.webmail-tabs a{font-size:12px}.webmail-filter{min-width:75px}.webmail-message-row{grid-template-columns:20px 18px minmax(0,1fr);padding:14px 12px}.mail-preview-content{padding:18px 16px}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-frame{min-height:420px}.webmail-head-icon:nth-of-type(3),.webmail-head-icon:nth-of-type(4){display:none}}

/* ==========================================================
   V4 header polish + native-looking dropdown chevrons + theme
   ========================================================== */
.webmail-topbar{padding:0 22px 0 20px;gap:16px;box-shadow:0 1px 0 rgba(20,44,82,.04);backdrop-filter:saturate(140%) blur(10px)}
.webmail-compose-group{height:44px;display:flex;align-items:stretch;border-radius:10px;overflow:hidden;box-shadow:0 5px 14px rgba(23,105,238,.18);flex:0 0 auto}
.webmail-compose-head{height:44px;min-width:136px;border-radius:0;padding:0 16px;background:linear-gradient(135deg,#1769ee,#3d70ee);box-shadow:none}
.webmail-compose-menu{width:40px;border:0;border-left:1px solid rgba(255,255,255,.22);background:#2f68e8;color:#fff;display:grid;place-items:center;cursor:pointer}
.webmail-compose-menu:hover{background:#235cd8}.webmail-compose-menu svg{width:17px;height:17px;fill:currentColor}
.webmail-search{position:relative;height:44px;max-width:620px;border-radius:10px;background:var(--user-card);box-shadow:inset 0 0 0 1px rgba(21,44,78,.01)}
.webmail-search-chevron{margin-left:auto;width:28px;height:28px;border:0;background:transparent;color:#7c8aa4;display:grid;place-items:center;border-radius:6px}.webmail-search-chevron:hover{background:rgba(23,105,238,.08);color:#1769ee}.webmail-search-chevron svg{width:15px;height:15px;fill:currentColor}
.user-top-actions{gap:8px}.webmail-head-icon{width:40px;height:40px;border:1px solid transparent;border-radius:10px;color:#647795;position:relative}.webmail-head-icon:hover{border-color:var(--user-border);background:var(--user-bg);color:#1769ee}
.webmail-notify .notify-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid var(--user-card);box-sizing:content-box}
.webmail-theme-toggle{height:38px;padding:0 7px;display:grid;grid-template-columns:20px 30px 20px;align-items:center;gap:2px;border:1px solid var(--user-border);border-radius:20px;background:var(--user-card);color:#6b7e9e;cursor:pointer;transition:.2s}.webmail-theme-toggle:hover{border-color:#b8c9e5}.webmail-theme-toggle span{display:grid;place-items:center}.webmail-theme-toggle svg{width:15px;height:15px;fill:currentColor}.webmail-theme-toggle i{width:28px;height:16px;border-radius:99px;background:#1769ee;position:relative}.webmail-theme-toggle i:after{content:"";position:absolute;width:12px;height:12px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.24);transition:left .2s ease}.webmail-theme-toggle[aria-pressed="true"] i:after{left:14px}.webmail-theme-toggle[aria-pressed="true"] .theme-moon{color:#b9cbff}.webmail-theme-toggle[aria-pressed="false"] .theme-sun{color:#f59e0b}
.webmail-user-account{margin-left:8px;padding-left:14px;border-left:1px solid var(--user-border);min-width:210px}.webmail-user-account .user-avatar{width:40px;height:40px}.account-chevron{margin-left:auto;display:grid;color:#6c7f9d}.account-chevron svg{width:16px;height:16px;fill:currentColor}
.webmail-account-row{grid-template-columns:20px minmax(0,1fr) 28px}.account-row-chevron{width:28px;height:28px;border:0;background:transparent;color:#d8e6ff;display:grid;place-items:center;border-radius:6px}.account-row-chevron:hover{background:rgba(255,255,255,.08)}.account-row-chevron svg{width:15px;height:15px;fill:currentColor}
.webmail-filter{appearance:none;-webkit-appearance:none;background-color:var(--user-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23677997' d='m6.7 8.7 5.3 5.3 5.3-5.3 1.4 1.4-6.7 6.7-6.7-6.7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:34px}
html[data-user-theme="dark"] .webmail-filter{background-color:var(--user-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%239cb0cf' d='m6.7 8.7 5.3 5.3 5.3-5.3 1.4 1.4-6.7 6.7-6.7-6.7z'/%3E%3C/svg%3E")}
html[data-user-theme="dark"] body{background:#081426!important;color:var(--user-text)}html[data-user-theme="dark"] .webmail-topbar,html[data-user-theme="dark"] .webmail-inbox-shell,html[data-user-theme="dark"] .webmail-list-pane,html[data-user-theme="dark"] .webmail-preview-pane{background:var(--user-card)!important;color:var(--user-text)}html[data-user-theme="dark"] .webmail-search,html[data-user-theme="dark"] .webmail-theme-toggle,html[data-user-theme="dark"] .webmail-head-icon{background:var(--user-card);color:var(--user-muted)}html[data-user-theme="dark"] .webmail-message-row{background:var(--user-card);color:var(--user-text)}
@media(max-width:1180px){.webmail-user-account{min-width:auto}.webmail-user-account>div:last-of-type{display:none}.account-chevron{display:none}.webmail-theme-toggle{grid-template-columns:20px 30px}.webmail-theme-toggle .theme-moon{display:none}}
@media(max-width:900px){.webmail-topbar{padding-left:12px}.webmail-compose-group{display:none}.webmail-user-account{padding-left:8px;margin-left:0;border-left:0}}
@media(max-width:640px){.webmail-head-icon:nth-of-type(3),.webmail-head-icon:nth-of-type(4){display:none}.webmail-theme-toggle{width:40px;padding:0;display:grid;grid-template-columns:1fr}.webmail-theme-toggle i,.webmail-theme-toggle .theme-sun{display:none}.webmail-theme-toggle .theme-moon{display:grid}.webmail-user-account{display:none}}

/* ==========================================================
   V5 functional menus, collapsible mailbox group, compose box
   ========================================================== */
button{font:inherit}.dropdown-shell{position:relative}.webmail-dropdown{position:absolute;z-index:180;top:calc(100% + 8px);min-width:220px;padding:7px;border:1px solid var(--user-border);border-radius:10px;background:var(--user-card);box-shadow:0 18px 45px rgba(25,45,84,.18);color:var(--user-text)}.webmail-dropdown[hidden]{display:none!important}.webmail-dropdown button,.webmail-dropdown a{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--user-text);text-decoration:none;text-align:left;padding:9px 10px;border-radius:7px;font-size:12px;cursor:pointer}.webmail-dropdown button:hover,.webmail-dropdown a:hover{background:var(--user-bg);color:#1769ee}.webmail-dropdown svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}.webmail-dropdown span{display:flex;flex-direction:column}.webmail-dropdown strong{font-size:12px}.webmail-dropdown small{color:var(--user-muted);font-size:10px;margin-top:2px}.compose-dropdown{left:0}.search-scope-shell{margin-left:auto}.search-scope-dropdown{right:0;min-width:145px}.account-menu-shell{position:relative}.account-dropdown{right:0;min-width:190px}.webmail-user-account{border-top:0;border-right:0;border-bottom:0;background:transparent;color:inherit;cursor:pointer}.webmail-compose-head{border:0;color:#fff;cursor:pointer}.webmail-compose-group{overflow:visible}.webmail-compose-head{border-radius:10px 0 0 10px}.webmail-compose-menu{border-radius:0 10px 10px 0}.webmail-compose-group.open .webmail-compose-menu svg,.account-menu-shell.open .account-chevron svg,.search-scope-shell.open .webmail-search-chevron svg{transform:rotate(180deg)}.webmail-compose-menu svg,.account-chevron svg,.webmail-search-chevron svg,.account-row-chevron svg{transition:transform .18s ease}.account-row-chevron.collapsed svg{transform:rotate(-90deg)}
.webmail-mail-group{display:grid;gap:4px;grid-template-rows:repeat(6,minmax(45px,auto));opacity:1;transition:opacity .15s ease}.webmail-mail-group.collapsed{display:none}.webmail-account-row{cursor:default}.webmail-account-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-user-theme="dark"] .webmail-dropdown{box-shadow:0 18px 45px rgba(0,0,0,.4)}html[data-user-theme="dark"] .webmail-dropdown button:hover,html[data-user-theme="dark"] .webmail-dropdown a:hover{background:#162641}

.compose-modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(6,18,40,.18);backdrop-filter:blur(1px)}.robsmail-compose-modal{position:fixed;z-index:210;right:22px;bottom:0;width:min(760px,calc(100vw - 44px));height:min(720px,calc(100vh - 105px));display:flex;flex-direction:column;border:1px solid var(--user-border);border-radius:10px 10px 0 0;background:var(--user-card);box-shadow:0 24px 70px rgba(8,26,58,.28);overflow:hidden;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.robsmail-compose-modal.open{transform:translateY(0);opacity:1;pointer-events:auto}.robsmail-compose-modal.expanded{inset:18px 24px 0 var(--user-sidebar);width:auto;height:auto;max-width:none}.robsmail-compose-modal.minimized{width:320px;height:52px;transform:none;opacity:1;pointer-events:auto}.robsmail-compose-modal.minimized .compose-modal-form{display:none}.compose-modal-header{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#202942;color:#fff}.compose-modal-header strong{font-size:15px}.compose-modal-header div{display:flex;gap:5px}.compose-modal-header button{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:19px;cursor:pointer}.compose-modal-header button:hover{background:rgba(255,255,255,.12)}.compose-modal-form{min-height:0;flex:1;display:flex;flex-direction:column;background:var(--user-card)}.compose-from-row,.compose-address-row{min-height:50px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--user-border);font-size:12px}.compose-from-row span,.compose-address-row label{color:var(--user-muted);font-weight:500;margin:0}.compose-from-row strong{font-weight:600;color:var(--user-text)}.compose-address-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--user-text)}.compose-recipient-actions{display:flex;gap:12px}.compose-recipient-actions button{border:0;background:transparent;color:var(--user-muted);font-size:12px}.compose-recipient-actions button:hover{color:#1769ee}.compose-subject-row{height:50px;padding:0 18px;border-bottom:1px solid var(--user-border)}.compose-subject-row input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--user-text)}.compose-featurebar{height:44px;display:flex;align-items:center;gap:3px;padding:0 13px;border-bottom:1px solid var(--user-border);overflow-x:auto}.compose-featurebar button{display:flex;align-items:center;gap:4px;height:31px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--user-muted);font-size:13px;white-space:nowrap}.compose-featurebar button:hover{background:var(--user-bg);color:var(--user-text)}.compose-featurebar button span{font-size:10px}.compose-editor{flex:1;min-height:170px;padding:18px 28px;outline:0;overflow:auto;color:var(--user-text);background:var(--user-card);font-size:14px;line-height:1.6}.compose-editor:empty:before{content:attr(data-placeholder);color:#9aa8bc}.compose-attachments{display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--user-border)}.compose-attachments span{padding:6px 9px;border-radius:6px;background:var(--user-bg);color:var(--user-muted);font-size:10px}.compose-modal-footer{min-height:58px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--user-border);background:var(--user-card)}.compose-send-btn{height:38px;min-width:90px;border:0;border-radius:7px;background:#2169ed;color:#fff;font-weight:750}.compose-send-btn:disabled{opacity:.6}.compose-tool-btn,.compose-trash-btn{height:36px;min-width:36px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--user-muted);cursor:pointer}.compose-tool-btn:hover,.compose-trash-btn:hover{background:var(--user-bg);color:var(--user-text)}.compose-trash-btn{margin-left:auto}.compose-send-status{font-size:11px;color:var(--user-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-send-status.success{color:#11a362}.compose-send-status.error{color:#dc3545}.compose-send-status.sending{color:#1769ee}body.compose-open{overflow:hidden}
html[data-user-theme="dark"] .robsmail-compose-modal{box-shadow:0 24px 70px rgba(0,0,0,.5)}html[data-user-theme="dark"] .compose-modal-header{background:#091629}html[data-user-theme="dark"] .compose-editor{background:var(--user-card)}
.mobile-tabbar button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(max-width:900px){.robsmail-compose-modal,.robsmail-compose-modal.expanded{left:8px;right:8px;bottom:0;width:auto;height:calc(100vh - 76px);inset:auto 8px 0 8px}.compose-modal-backdrop{z-index:185}.robsmail-compose-modal{z-index:190}.compose-featurebar button span{display:none}}
@media(max-width:560px){.robsmail-compose-modal{left:0!important;right:0!important;width:100%!important;border-radius:0;height:calc(100vh - 58px)}.compose-editor{padding:14px}.compose-modal-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.webmail-dropdown{position:fixed;left:12px!important;right:12px!important;top:62px!important;width:auto}}

/* ===== Advanced Summernote-like RobsMail composer ===== */
.advanced-compose{width:min(860px,calc(100vw - 44px));height:min(790px,calc(100vh - 92px))}.advanced-compose.expanded{inset:12px 18px 0 calc(var(--user-sidebar,280px) + 12px);height:auto}.compose-pluginbar{height:46px;padding:0 16px;gap:7px;background:var(--user-card)}.compose-pluginbar button{font-size:12px;font-weight:650;color:var(--user-muted);border-radius:7px}.compose-pluginbar button.active{background:#edf5ff;color:#148245}.compose-pluginbar button:hover{background:var(--user-bg);color:var(--user-text)}.compose-plugin-panel{border-bottom:1px solid var(--user-border);padding:12px 16px;background:color-mix(in srgb,var(--user-card) 94%,#1d6df2 6%)}.plugin-title{font-size:12px;font-weight:800;margin-bottom:8px;color:var(--user-text)}.plugin-grid{display:flex;gap:7px;flex-wrap:wrap}.plugin-grid button,.plugin-inline button{border:1px solid var(--user-border);background:var(--user-card);color:var(--user-text);border-radius:7px;padding:8px 11px;font-size:11px;font-weight:650}.plugin-grid button:hover,.plugin-inline button:hover{border-color:#4d82ee;color:#1b61dd}.plugin-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.plugin-inline input{height:34px;min-width:150px;border:1px solid var(--user-border);border-radius:7px;background:var(--user-card);color:var(--user-text);padding:0 9px;font-size:11px}.plugin-note{display:block;margin-top:8px;color:var(--user-muted)}
.compose-toolbar{display:flex;align-items:center;gap:4px;padding:7px 14px;border-bottom:1px solid var(--user-border);background:var(--user-card);overflow-x:auto}.compose-toolbar button,.compose-toolbar select,.toolbar-color,.toolbar-file{height:30px;min-width:30px;border:0;border-radius:5px;background:transparent;color:var(--user-text);display:inline-flex;align-items:center;justify-content:center;padding:0 7px;font-size:12px;cursor:pointer;white-space:nowrap}.compose-toolbar button:hover,.toolbar-color:hover,.toolbar-file:hover{background:var(--user-bg)}.compose-toolbar select{border:1px solid transparent;min-width:86px;outline:none}.compose-toolbar select:focus{border-color:#8bb4ff}.toolbar-divider{width:1px;height:22px;background:var(--user-border);margin:0 3px;flex:0 0 1px}.toolbar-color{font-weight:800;position:relative}.toolbar-color input{position:absolute;opacity:0;width:1px;height:1px}.toolbar-color:after{content:"";position:absolute;left:7px;right:7px;bottom:3px;height:2px;background:#255fd7;border-radius:2px}.toolbar-color.highlight:after{background:#f1c40f}.compose-editor-wrap{position:relative;flex:1;min-height:180px;display:flex;overflow:hidden;background:var(--user-card)}.compose-editor{width:100%;min-height:100%;padding:22px 26px;font-size:13px;line-height:1.6}.compose-editor[data-design="business"]{font-family:Arial,sans-serif}.compose-editor[data-design="modern"]{font-family:"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,color-mix(in srgb,var(--user-card) 96%,#1769ee 4%),var(--user-card))}.compose-editor[data-design="announcement"]{border-top:5px solid #1769ee;padding-top:18px}.compose-code-editor{width:100%;min-height:100%;border:0;outline:0;resize:none;background:#0b1220;color:#d7e3f4;padding:18px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.compose-editor-wrap.editor-fullscreen{position:fixed;z-index:500;inset:18px;background:var(--user-card);border:1px solid var(--user-border);border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.3)}.compose-editor table{max-width:100%}.compose-editor blockquote{border-left:3px solid #4b80ed;padding-left:12px;color:var(--user-muted)}
.compose-send-split{position:relative;display:flex;align-items:stretch}.compose-send-btn{border-radius:7px 0 0 7px;min-width:82px}.compose-send-more{width:30px;border:0;border-left:1px solid rgba(255,255,255,.25);border-radius:0 7px 7px 0;background:#2169ed;color:#fff;font-weight:800}.compose-send-menu{position:absolute;left:0;bottom:44px;width:170px;padding:6px;background:var(--user-card);border:1px solid var(--user-border);border-radius:8px;box-shadow:0 15px 35px rgba(9,31,67,.2);z-index:20}.compose-send-menu button{width:100%;border:0;background:transparent;color:var(--user-text);text-align:left;padding:8px 9px;border-radius:5px;font-size:11px}.compose-send-menu button:hover{background:var(--user-bg)}.compose-draft-status{font-size:10px;color:var(--user-muted);margin-left:auto;white-space:nowrap}.compose-trash-btn{margin-left:0}.compose-from-caret{margin-left:auto;color:var(--user-muted)}
html[data-user-theme="dark"] body,html[data-bs-theme="dark"] body{background:#07111f!important;color:#eaf1fb!important}html[data-user-theme="dark"] .webmail-main,html[data-user-theme="dark"] .user-main,html[data-user-theme="dark"] .webmail-preview-pane,html[data-user-theme="dark"] .webmail-message-list{background:#091525!important;color:#eaf1fb!important}html[data-user-theme="dark"] .webmail-topbar{background:#0b1729!important;border-color:#21314b!important}html[data-user-theme="dark"] .webmail-search,html[data-user-theme="dark"] .webmail-search input,html[data-user-theme="dark"] .webmail-filterbar,html[data-user-theme="dark"] .webmail-message-row,html[data-user-theme="dark"] .compose-modal-form,html[data-user-theme="dark"] .compose-toolbar,html[data-user-theme="dark"] .compose-pluginbar,html[data-user-theme="dark"] .compose-plugin-panel,html[data-user-theme="dark"] .compose-editor-wrap,html[data-user-theme="dark"] .compose-modal-footer{background:#0f1d31!important;color:#eaf1fb!important;border-color:#253650!important}html[data-user-theme="dark"] .compose-editor,html[data-user-theme="dark"] .compose-address-row input,html[data-user-theme="dark"] .compose-subject-row input{background:#0f1d31!important;color:#eaf1fb!important}html[data-user-theme="dark"] .webmail-message-row:hover{background:#14253d!important}html[data-user-theme="dark"] .webmail-dropdown{background:#0f1d31!important;border-color:#253650!important;color:#eaf1fb!important}html[data-user-theme="dark"] .plugin-grid button,html[data-user-theme="dark"] .plugin-inline button,html[data-user-theme="dark"] .plugin-inline input,html[data-user-theme="dark"] .compose-send-menu{background:#132238!important;color:#eaf1fb!important;border-color:#2a3d5a!important}
@media(max-width:900px){.advanced-compose,.advanced-compose.expanded{left:8px;right:8px;bottom:0;width:auto;height:calc(100vh - 68px);inset:auto 8px 0 8px}.compose-toolbar select{min-width:78px}.compose-pluginbar button span{display:inline}.compose-draft-status{display:none}}
@media(max-width:560px){.compose-toolbar{padding:6px 8px}.compose-toolbar-primary select{min-width:72px;max-width:88px}.compose-pluginbar{padding:0 8px}.compose-pluginbar button{padding:0 7px}.compose-pluginbar button span{display:none}.compose-editor{padding:15px}.plugin-inline input{min-width:120px;flex:1}}

/* RobsMail compose icon normalization - Font Awesome */
.advanced-compose .compose-modal-header button i,
.advanced-compose .compose-featurebar button i,
.advanced-compose .compose-toolbar button i,
.advanced-compose .compose-toolbar label i,
.advanced-compose .compose-tool-btn i,
.advanced-compose .compose-trash-btn i,
.advanced-compose .compose-send-more i,
.advanced-compose .compose-from-caret i {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1em;
  line-height:1;
  font-size:14px;
  pointer-events:none;
}
.advanced-compose .compose-featurebar button { gap:7px; }
.advanced-compose .compose-from-caret { margin-left:4px; color:var(--wm-muted,#718096); }
.advanced-compose .compose-send-more i { font-size:12px; }
.advanced-compose .compose-modal-header button { display:inline-flex; align-items:center; justify-content:center; }
.advanced-compose .compose-toolbar button,
.advanced-compose .compose-toolbar label.toolbar-file,
.advanced-compose .compose-toolbar label.toolbar-color { display:inline-flex; align-items:center; justify-content:center; }
\n/* RobsMail theme hardening v9 */\nhtml[data-user-theme="dark"],html[data-bs-theme="dark"]{color-scheme:dark}\nhtml[data-user-theme="light"],html[data-bs-theme="light"]{color-scheme:light}\nhtml[data-user-theme="dark"] body,body.robsmail-dark{background:#07111f!important;color:#eaf1fb!important}\nhtml[data-user-theme="dark"] .webmail-main,html[data-user-theme="dark"] .user-main,html[data-user-theme="dark"] .webmail-topbar,html[data-user-theme="dark"] .webmail-inbox-shell,html[data-user-theme="dark"] .webmail-list-pane,html[data-user-theme="dark"] .webmail-preview-pane,html[data-user-theme="dark"] .webmail-message-list,html[data-user-theme="dark"] .compose-modal-form,html[data-user-theme="dark"] .compose-toolbar,html[data-user-theme="dark"] .compose-pluginbar,html[data-user-theme="dark"] .compose-plugin-panel,html[data-user-theme="dark"] .compose-editor-wrap,html[data-user-theme="dark"] .compose-modal-footer{background:#0f1d31!important;color:#eaf1fb!important;border-color:#253650!important}\nhtml[data-user-theme="dark"] .webmail-message-row{background:#0f1d31!important;color:#eaf1fb!important;border-color:#253650!important}\nhtml[data-user-theme="dark"] .webmail-message-row:hover,html[data-user-theme="dark"] .webmail-message-row.selected{background:#14253d!important}\nhtml[data-user-theme="dark"] .webmail-search,html[data-user-theme="dark"] .webmail-search input,html[data-user-theme="dark"] .webmail-filter,html[data-user-theme="dark"] .compose-address-row input,html[data-user-theme="dark"] .compose-subject-row input,html[data-user-theme="dark"] .compose-editor,html[data-user-theme="dark"] .webmail-dropdown{background:#0b182a!important;color:#edf4ff!important;border-color:#2b4160!important}\nhtml[data-user-theme="dark"] .webmail-search input::placeholder,html[data-user-theme="dark"] .compose-editor:empty:before{color:#8fa4c5!important}\nhtml[data-user-theme="light"] body{background:#f6f9ff!important;color:#14213d!important}\n
/* ===== Real IMAP folder actions: Sent / Drafts / Starred / Spam / Trash ===== */
.mailbox-folder-heading{min-height:62px}.mailbox-folder-title{display:flex;align-items:baseline;gap:10px}.mailbox-folder-title h2{margin:0;color:var(--user-text);font-size:18px;font-weight:800}.mailbox-folder-title span{color:var(--user-muted);font-size:11px}
.mail-bulk-toolbar{min-height:42px;display:flex;align-items:center;gap:6px;padding:5px 11px;border-bottom:1px solid var(--user-border);background:var(--user-card);overflow-x:auto}.mail-bulk-toolbar button,.mail-select-all{height:31px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--user-muted);font-size:11px;white-space:nowrap}.mail-bulk-toolbar button:hover{border-color:var(--user-border);background:var(--user-bg);color:var(--user-text)}.mail-bulk-toolbar button:disabled{opacity:.55}.mail-select-all input{accent-color:#1769ee}.mail-star-btn i{pointer-events:none}.mail-star-btn.starred{color:#f4b400}.mail-star-btn:not(.starred){color:var(--user-muted)}
.preview-title-wrap{display:flex;align-items:center;gap:9px;min-width:0}.preview-title-wrap h1{min-width:0}.preview-folder-pill{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,#1769ee 10%,var(--user-card));color:#1769ee;font-size:9px;font-weight:800;text-transform:capitalize;white-space:nowrap}.preview-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.preview-toolbar-actions button,.preview-toolbar-actions a{min-height:31px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--user-border);border-radius:7px;background:var(--user-card);color:var(--user-text);font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}.preview-toolbar-actions button:hover,.preview-toolbar-actions a:hover{background:var(--user-bg);border-color:#95b7f6}.preview-toolbar-actions .preview-primary-action{background:#1769ee;border-color:#1769ee;color:#fff}.preview-toolbar-actions .danger{color:#cf3045}.preview-sender small{display:block}.compose-send-status.warning{color:#d28b00}
html[data-user-theme="dark"] .mail-bulk-toolbar,html[data-user-theme="dark"] .preview-toolbar-actions button,html[data-user-theme="dark"] .preview-toolbar-actions a{background:#0f1d31;color:#eaf1fb;border-color:#253650}html[data-user-theme="dark"] .preview-folder-pill{background:#132b4d;color:#79adff}
@media(max-width:760px){.mail-bulk-toolbar button span{display:none}.mailbox-folder-title h2{font-size:16px}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-toolbar-actions{justify-content:flex-start}.preview-title-wrap{width:100%}}
/* Read receipt notification center */
.receipt-menu-shell{position:relative}.webmail-receipt-icon{position:relative;border:0;background:transparent}.webmail-receipt-icon>i{font-size:20px}.webmail-receipt-icon.has-receipts{color:#16a34a!important}.receipt-count{position:absolute;top:-5px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#16a34a;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--rm-topbar,#111c32)}
.receipt-dropdown{right:-10px!important;left:auto!important;width:min(410px,calc(100vw - 24px));padding:0!important;overflow:hidden;border-radius:16px!important}.receipt-dropdown-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 17px;border-bottom:1px solid rgba(148,163,184,.18)}.receipt-dropdown-head strong{display:block;font-size:15px}.receipt-dropdown-head small{display:block;margin-top:3px;font-size:11px;opacity:.68}.receipt-dropdown-head button{border:0;background:transparent;color:#4f7cff;font-size:11px;font-weight:700;white-space:nowrap}.receipt-list{max-height:360px;overflow:auto}.receipt-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.12)}.receipt-item.unseen{background:rgba(22,163,74,.07)}.receipt-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(22,163,74,.12);color:#16a34a}.receipt-main{min-width:0}.receipt-main strong,.receipt-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-main strong{font-size:12px}.receipt-main span{font-size:11px;opacity:.72;margin-top:2px}.receipt-time{font-size:10px;opacity:.62;white-space:nowrap}.receipt-empty{padding:30px 18px;text-align:center;font-size:12px;opacity:.65}.receipt-footnote{padding:10px 16px;font-size:10px;line-height:1.4;opacity:.58;background:rgba(148,163,184,.06)}
@media(max-width:700px){.receipt-dropdown{position:fixed!important;top:68px!important;right:10px!important;left:10px!important;width:auto!important}}

.receipt-subject{display:block;margin-top:3px;font-size:10px;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* RobsMail live mail/read-receipt alert badges */
.robsmail-alert-stack{position:fixed;top:86px;right:22px;z-index:10080;width:min(390px,calc(100vw - 28px));display:flex;flex-direction:column;gap:10px;pointer-events:none}
.robsmail-live-alert{pointer-events:auto;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:11px;align-items:center;padding:12px 12px 12px 11px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(255,255,255,.97);color:#14213d;box-shadow:0 18px 50px rgba(15,23,42,.18);backdrop-filter:blur(14px);animation:rmAlertIn .2s ease-out}
html[data-user-theme="dark"] .robsmail-live-alert,body.robsmail-dark .robsmail-live-alert{background:rgba(15,25,45,.97);color:#e8eefc;border-color:rgba(148,163,184,.2);box-shadow:0 20px 52px rgba(0,0,0,.34)}
.robsmail-alert-brand{position:relative;width:46px;height:46px;border-radius:13px;background:#fff;border:1px solid rgba(148,163,184,.18);display:grid;place-items:center;box-shadow:0 5px 18px rgba(15,23,42,.08)}
.robsmail-alert-brand img{width:34px;height:34px;object-fit:contain}
.robsmail-alert-kind{position:absolute;right:-6px;bottom:-5px;min-width:21px;height:21px;border-radius:999px;display:grid;place-items:center;color:#fff;border:2px solid #fff;font-size:9px;box-shadow:0 2px 7px rgba(15,23,42,.18)}
.robsmail-alert-kind.mail{background:#4f70ed}.robsmail-alert-kind.receipt{background:#16a34a}
html[data-user-theme="dark"] .robsmail-alert-kind,body.robsmail-dark .robsmail-alert-kind{border-color:#0f192d}
.robsmail-alert-copy{min-width:0}.robsmail-alert-topline{display:flex;align-items:center;gap:7px;margin-bottom:3px}.robsmail-alert-label{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.robsmail-alert-label.mail{background:rgba(79,112,237,.12);color:#496be0}.robsmail-alert-label.receipt{background:rgba(22,163,74,.12);color:#159447}
.robsmail-alert-copy strong{display:block;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.robsmail-alert-copy span{display:block;margin-top:3px;font-size:11px;line-height:1.35;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.robsmail-alert-copy time{display:block;margin-top:4px;font-size:9px;opacity:.5}
.robsmail-alert-close{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:inherit;opacity:.52;display:grid;place-items:center}.robsmail-alert-close:hover{background:rgba(148,163,184,.13);opacity:1}
.robsmail-live-alert.is-hiding{animation:rmAlertOut .18s ease-in forwards}@keyframes rmAlertIn{from{opacity:0;transform:translateY(-9px) scale(.98)}to{opacity:1;transform:none}}@keyframes rmAlertOut{to{opacity:0;transform:translateX(18px) scale(.98)}}
@media(max-width:700px){.robsmail-alert-stack{top:72px;right:10px;left:10px;width:auto}.robsmail-live-alert{grid-template-columns:44px minmax(0,1fr) 26px}.robsmail-alert-brand{width:42px;height:42px}.robsmail-alert-brand img{width:31px;height:31px}}


/* RobsMail message read/unread visual state v14 */
.webmail-message-row .mail-row-top strong,
.webmail-message-row .mail-preview-link>b{font-weight:400!important;}
.webmail-message-row.unread .mail-row-top strong,
.webmail-message-row.unread .mail-preview-link>b{font-weight:800!important;}
.webmail-message-row:not(.unread) .mail-row-top strong,
.webmail-message-row:not(.unread) .mail-preview-link>b{font-weight:400!important;}
#markReceiptsSeen:disabled{opacity:.55;cursor:not-allowed;}


/* RobsMail profile dropdown + folder counters */
.profile-account-trigger{min-width:245px;gap:11px;padding:7px 10px 7px 14px;border-radius:12px!important;transition:background .18s ease}
.profile-account-trigger:hover,.profile-account-shell.open .profile-account-trigger{background:var(--user-bg)}
.profile-trigger-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.profile-trigger-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:var(--user-text)}
.profile-trigger-copy small{max-width:165px;overflow:hidden;text-overflow:clip;white-space:nowrap;margin-top:4px;font-size:10.5px;color:var(--user-muted)}
.profile-account-trigger .account-chevron i{font-size:12px;transition:transform .18s ease}
.profile-account-shell.open .account-chevron i{transform:rotate(180deg)}
.profile-account-dropdown{right:0;min-width:300px;padding:13px;border-radius:16px;box-shadow:0 22px 55px rgba(22,35,67,.22)}
.profile-dropdown-head{display:flex;align-items:center;gap:13px;padding:9px 9px 13px}
.profile-dropdown-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7b2be0,#b029bd);color:#fff;font-size:18px;font-weight:850}
.profile-dropdown-head>div:last-child{min-width:0;display:flex;flex-direction:column}
.profile-dropdown-head strong{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;color:var(--user-text)}
.profile-dropdown-head small{max-width:205px;overflow:hidden;text-overflow:clip;white-space:nowrap;margin-top:4px;font-size:11px;color:var(--user-muted)}
.profile-dropdown-divider{height:1px;background:var(--user-border);margin:2px 8px 7px}
.profile-account-dropdown .profile-menu-link{min-height:43px;padding:10px 12px;gap:13px;border-radius:9px;font-size:13px;font-weight:700}
.profile-account-dropdown .profile-menu-link i{width:18px;text-align:center;font-size:16px;color:#6b7d9b}
.profile-account-dropdown .profile-menu-link:hover i{color:#1769ee}
.profile-account-dropdown .profile-logout-link,.profile-account-dropdown .profile-logout-link i{color:#b53a2d}
.profile-account-dropdown .profile-logout-link:hover{background:rgba(181,58,45,.08);color:#a72f24}
.webmail-nav a em{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(39,103,238,.10);color:#2867d8;font-size:10px;font-style:normal;font-weight:800;line-height:20px}
.webmail-nav a.active em{background:rgba(255,255,255,.18);color:currentColor}
html[data-user-theme="dark"] .profile-account-dropdown{box-shadow:0 22px 55px rgba(0,0,0,.38)}
html[data-user-theme="dark"] .webmail-nav a em{background:rgba(86,139,255,.17);color:#9dbbff}
@media(max-width:1180px){.profile-account-trigger{min-width:auto}.profile-trigger-copy{display:none}}

/* RobsMail compact profile + Font Awesome compose menu */
.profile-account-dropdown{
  min-width:240px;
  width:240px;
  padding:9px;
  border-radius:13px;
}
.profile-dropdown-head{
  gap:10px;
  padding:7px 7px 10px;
}
.profile-dropdown-avatar{
  width:42px;
  height:42px;
  flex-basis:42px;
  font-size:15px;
}
.profile-dropdown-head strong{
  max-width:158px;
  font-size:13px;
}
.profile-dropdown-head small{
  max-width:160px;
  margin-top:3px;
  font-size:10px;
}
.profile-dropdown-divider{
  margin:1px 6px 5px;
}
.profile-account-dropdown .profile-menu-link{
  min-height:36px;
  padding:7px 9px;
  gap:10px;
  border-radius:8px;
  font-size:12px;
}
.profile-account-dropdown .profile-menu-link i{
  width:16px;
  font-size:14px;
}
.compose-dropdown-fa{
  min-width:205px;
}
.compose-dropdown-fa button,
.compose-dropdown-fa a{
  gap:11px;
}
.compose-dropdown-fa>button>i,
.compose-dropdown-fa>a>i{
  width:18px;
  flex:0 0 18px;
  text-align:center;
  font-size:15px;
  color:#647795;
}
.compose-dropdown-fa button:hover>i,
.compose-dropdown-fa a:hover>i{
  color:#1769ee;
}
html[data-user-theme="dark"] .compose-dropdown-fa>button>i,
html[data-user-theme="dark"] .compose-dropdown-fa>a>i{
  color:#9db0ce;
}
html[data-user-theme="dark"] .compose-dropdown-fa button:hover>i,
html[data-user-theme="dark"] .compose-dropdown-fa a:hover>i{
  color:#78a7ff;
}


/* RobsMail quick settings drawer */
.robsmail-settings-backdrop{
  position:fixed;inset:0;background:rgba(15,27,48,.22);backdrop-filter:blur(1px);
  z-index:1190;opacity:0;transition:opacity .2s ease
}
.robsmail-settings-backdrop.is-open{opacity:1}
.robsmail-settings-drawer{
  position:fixed;top:0;right:0;width:min(360px,92vw);height:100dvh;background:#fff;color:#17223b;
  z-index:1200;box-shadow:-18px 0 48px rgba(28,43,76,.18);transform:translateX(105%);
  transition:transform .24s ease;display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid #e5eaf3
}
.robsmail-settings-drawer.is-open{transform:translateX(0)}
.quick-settings-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid #e8edf5}
.quick-settings-kicker{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#6c7c98}
.quick-settings-head h3{margin:2px 0 0;font-size:20px;font-weight:800;color:#16213a}
.quick-settings-collapse{width:36px;height:36px;border:0;border-radius:10px;background:#f2f5fa;color:#526581;display:grid;place-items:center;font-size:15px}
.quick-settings-collapse:hover{background:#e8eef9;color:#1769ee}
.quick-settings-profile{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f4f7ff,#fbfcff);border-bottom:1px solid #e8edf5}
.quick-settings-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#285fe5,#7545df);color:#fff;font-weight:800}
.quick-settings-profile strong{display:block;font-size:14px;line-height:1.25}
.quick-settings-profile small{display:block;margin-top:3px;color:#75849e;font-size:11px}
.quick-settings-section{padding:18px 20px;border-bottom:1px solid #e8edf5}
.quick-settings-section h4{margin:0 0 10px;font-size:12px;font-weight:800;color:#485a77}
.quick-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quick-theme-options label{margin:0;cursor:pointer}
.quick-theme-options input{position:absolute;opacity:0;pointer-events:none}
.quick-theme-options span{min-height:42px;border:1px solid #dce4f0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;background:#fff;color:#52637f}
.quick-theme-options input:checked+span{border-color:#4775ef;background:#edf3ff;color:#2458d7;box-shadow:0 0 0 2px rgba(71,117,239,.09)}
.quick-settings-menu{padding:10px 10px 18px;display:grid;gap:3px}
.quick-settings-menu>a,.quick-settings-menu>button{
  width:100%;border:0;background:transparent;text-decoration:none;color:#25324a;display:grid;
  grid-template-columns:36px 1fr 16px;align-items:center;gap:9px;text-align:left;padding:10px;border-radius:11px
}
.quick-settings-menu>a:hover,.quick-settings-menu>button:hover{background:#f4f7fc;color:#1769ee}
.quick-settings-menu-icon{width:34px;height:34px;border-radius:9px;background:#edf3ff;color:#2d64e5;display:grid;place-items:center}
.quick-settings-menu strong{display:block;font-size:12.5px;font-weight:800}
.quick-settings-menu small{display:block;margin-top:2px;color:#7b899f;font-size:10px;font-weight:500}
.quick-settings-menu>a>i,.quick-settings-menu>button>i{font-size:10px;color:#9aa7bb}
.quick-settings-footer{margin-top:auto;padding:14px 20px;border-top:1px solid #e8edf5;display:flex;align-items:center;gap:8px;color:#8090a9;font-size:10px}
.quick-settings-footer img{width:25px;height:25px;object-fit:contain}
body.quick-settings-open{overflow:hidden}
.webmail-head-icon#quickSettingsToggle{border:0;background:transparent}
.swal2-popup.robsmail-swal{border-radius:18px;padding:1.35rem}
.swal2-popup.robsmail-swal .swal2-title{font-size:1.15rem;color:#17223b}
.swal2-popup.robsmail-swal .swal2-html-container{font-size:.9rem;color:#687995}
.swal2-confirm.robsmail-swal-confirm{border-radius:9px!important;padding:.65rem 1.1rem!important;background:#2f66e7!important}
.swal2-cancel.robsmail-swal-cancel{border-radius:9px!important;padding:.65rem 1.1rem!important}

html[data-user-theme="dark"] .robsmail-settings-drawer{background:#0d192b;color:#e6eefc;border-color:#253954;box-shadow:-18px 0 48px rgba(0,0,0,.38)}
html[data-user-theme="dark"] .quick-settings-head,html[data-user-theme="dark"] .quick-settings-profile,
html[data-user-theme="dark"] .quick-settings-section,html[data-user-theme="dark"] .quick-settings-footer{border-color:#253954}
html[data-user-theme="dark"] .quick-settings-head h3{color:#f0f5ff}
html[data-user-theme="dark"] .quick-settings-collapse{background:#17263d;color:#adbed7}
html[data-user-theme="dark"] .quick-settings-profile{background:linear-gradient(135deg,#101f35,#0d192b)}
html[data-user-theme="dark"] .quick-settings-profile small,html[data-user-theme="dark"] .quick-settings-menu small{color:#91a2bc}
html[data-user-theme="dark"] .quick-theme-options span{background:#101f35;border-color:#2c405d;color:#b8c7db}
html[data-user-theme="dark"] .quick-theme-options input:checked+span{background:#172b4f;border-color:#5b82ed;color:#a9c4ff}
html[data-user-theme="dark"] .quick-settings-menu>a,html[data-user-theme="dark"] .quick-settings-menu>button{color:#dfe8f7}
html[data-user-theme="dark"] .quick-settings-menu>a:hover,html[data-user-theme="dark"] .quick-settings-menu>button:hover{background:#14243c;color:#8fb2ff}
html[data-user-theme="dark"] .quick-settings-menu-icon{background:#172a48;color:#8fb1ff}
html[data-user-theme="dark"] .swal2-popup.robsmail-swal{background:#0f1c2f;color:#e9f1ff}
html[data-user-theme="dark"] .swal2-popup.robsmail-swal .swal2-title{color:#f0f5ff}
html[data-user-theme="dark"] .swal2-popup.robsmail-swal .swal2-html-container{color:#aebdd2}

@media(max-width:700px){
  .robsmail-settings-drawer{width:min(330px,94vw)}
  .quick-settings-head{padding:17px 16px 12px}
  .quick-settings-profile,.quick-settings-section{padding-left:16px;padding-right:16px}
}

/* ===== Refined SweetAlert2 ===== */
.swal2-container{backdrop-filter:blur(4px)}
.swal2-popup.robsmail-swal{
  width:min(430px,92vw)!important;border-radius:22px!important;padding:24px 24px 20px!important;
  box-shadow:0 30px 80px rgba(15,23,42,.22)!important;border:1px solid rgba(226,232,240,.9)!important
}
.robsmail-swal-title{font-size:20px!important;font-weight:800!important;letter-spacing:-.02em!important;margin-top:5px!important}
.robsmail-swal-text{font-size:13px!important;line-height:1.65!important;color:#64748b!important;margin-top:6px!important}
.robsmail-swal-icon{width:58px!important;height:58px!important;margin:4px auto 12px!important;border-width:3px!important}
.swal2-actions{gap:10px!important;margin-top:20px!important}
.swal2-confirm.robsmail-swal-confirm,.swal2-cancel.robsmail-swal-cancel{
  min-width:112px!important;height:42px!important;border-radius:12px!important;padding:0 18px!important;
  font-size:13px!important;font-weight:800!important;transition:transform .15s ease,box-shadow .15s ease!important
}
.swal2-confirm.robsmail-swal-confirm{background:linear-gradient(135deg,#3267ec,#2454d8)!important;box-shadow:0 8px 18px rgba(47,102,231,.25)!important}
.swal2-cancel.robsmail-swal-cancel{background:#f1f5f9!important;color:#475569!important}
.swal2-confirm.robsmail-swal-confirm:hover,.swal2-cancel.robsmail-swal-cancel:hover{transform:translateY(-1px)}
.swal2-input,.swal2-textarea,.swal2-select{
  border:1px solid #dbe4f0!important;border-radius:12px!important;background:#f8fafc!important;
  box-shadow:none!important;font-size:13px!important;color:#17223b!important
}
.swal2-input:focus,.swal2-textarea:focus,.swal2-select:focus{border-color:#4c73e8!important;box-shadow:0 0 0 3px rgba(76,115,232,.12)!important}
.robsmail-swal-show{animation:robsmailSwalIn .18s ease-out both}
.robsmail-swal-hide{animation:robsmailSwalOut .14s ease-in both}
@keyframes robsmailSwalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes robsmailSwalOut{to{opacity:0;transform:translateY(8px) scale(.985)}}
html[data-user-theme="dark"] .swal2-popup.robsmail-swal{background:#0f1c2f!important;border-color:#263a58!important}
html[data-user-theme="dark"] .robsmail-swal-text{color:#9fb0c8!important}
html[data-user-theme="dark"] .swal2-cancel.robsmail-swal-cancel{background:#1c2c45!important;color:#dce7f8!important}
html[data-user-theme="dark"] .swal2-input,html[data-user-theme="dark"] .swal2-textarea,html[data-user-theme="dark"] .swal2-select{background:#13233a!important;border-color:#2d4261!important;color:#eaf1fc!important}

/* Settings buttons in sidebar */
.webmail-sidebar nav button[data-open-quick-settings],
.webmail-sidebar-tools button[data-open-quick-settings]{
  width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left
}
.webmail-sidebar nav button[data-open-quick-settings]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px}
.webmail-sidebar nav button[data-open-quick-settings]:hover{background:rgba(61,105,222,.08)}
.webmail-sidebar-tools button[data-open-quick-settings]{display:grid;place-items:center}

/* ===== Email Signature Settings ===== */
.signature-settings-page{padding:28px;max-width:1380px;margin:0 auto;width:100%}
.signature-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.signature-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#5273d9}
.signature-page-head h2{font-size:28px;line-height:1.1;margin:5px 0 7px;color:#16213b;font-weight:850;letter-spacing:-.03em}
.signature-page-head p{margin:0;color:#71809a;font-size:13px;max-width:680px}
.signature-preview-btn{height:40px;border:1px solid #dce4f0;background:#fff;color:#354766;border-radius:11px;padding:0 15px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px}
.signature-preview-btn:hover{border-color:#587bea;color:#2859d8;background:#f8faff}
.signature-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}
.signature-builder-card,.signature-live-card{background:#fff;border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 8px 28px rgba(35,52,86,.06)}
.signature-builder-card{padding:20px}
.signature-card-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.signature-card-title>div{width:38px;height:38px;border-radius:11px;background:#edf3ff;color:#3266e4;display:grid;place-items:center}
.signature-card-title strong{display:block;font-size:14px;color:#1d2940}.signature-card-title small{display:block;font-size:10px;color:#8290a5;margin-top:2px}
.signature-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}
.signature-template{border:1px solid #dfe6f1;background:#fbfcfe;border-radius:13px;padding:12px;text-align:left;color:#263651;min-height:104px;transition:.15s ease}
.signature-template:hover,.signature-template.active{border-color:#5e7fea;background:#f2f6ff;box-shadow:0 5px 16px rgba(55,92,196,.08);transform:translateY(-1px)}
.sig-template-icon{width:30px;height:30px;border-radius:9px;background:#eef3ff;color:#3267e8;display:grid;place-items:center;margin-bottom:9px}
.signature-template strong{display:block;font-size:11.5px}.signature-template small{display:block;color:#8491a4;font-size:9.5px;margin-top:3px;line-height:1.35}
.signature-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.signature-field-grid label{display:grid;gap:6px}.signature-field-grid label span{font-size:10px;font-weight:800;color:#596984}
.signature-field-grid input{height:40px;border:1px solid #dce4ef;border-radius:10px;background:#fff;padding:0 12px;font-size:12px;color:#17223b;outline:0}
.signature-field-grid input:focus{border-color:#5b7deb;box-shadow:0 0 0 3px rgba(91,125,235,.1)}
.signature-full-field{grid-column:1/-1}
.signature-editor-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:4px 0 9px}
.signature-editor-head strong{display:block;font-size:12px;color:#26334c}.signature-editor-head small{display:block;color:#8592a5;font-size:9.5px;margin-top:2px}
.signature-code-actions{display:flex;gap:7px}.signature-code-actions button{height:34px;border:1px solid #dce4ef;background:#fff;border-radius:9px;padding:0 10px;font-size:10px;font-weight:800;color:#4b5e7d}
.signature-html-input{width:100%;min-height:210px;resize:vertical;border:1px solid #d8e1ee;border-radius:12px;background:#0f172a;color:#dbeafe;padding:14px;font:11px/1.6 Consolas,Monaco,monospace;outline:0}
.signature-html-input:focus{border-color:#587bea;box-shadow:0 0 0 3px rgba(88,123,234,.11)}
.signature-savebar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.signature-savebar span{font-size:9.5px;color:#8794a7}.signature-savebar button{height:40px;border:0;border-radius:10px;background:linear-gradient(135deg,#3368e8,#2457d5);color:#fff;padding:0 16px;font-size:11px;font-weight:850;box-shadow:0 8px 18px rgba(47,102,231,.22)}
.signature-live-card{position:sticky;top:18px;overflow:hidden}
.signature-live-head{padding:14px 16px;border-bottom:1px solid #e8edf5;display:flex;justify-content:space-between;align-items:center}
.signature-live-head strong{font-size:12px;color:#24314a}.signature-live-head span{font-size:9px;color:#8491a5}
.signature-mail-preview{padding:22px;min-height:360px;font-family:Arial,sans-serif;font-size:12px;color:#536176;background:linear-gradient(180deg,#fff,#fbfcfe)}
.signature-mail-preview>p{margin:0 0 13px}.signature-live-preview{margin-top:25px;padding-top:15px;border-top:1px solid #edf0f5}
.signature-empty-preview{color:#94a3b8;font-size:11px}.swal-signature-preview{text-align:left;padding:16px;border:1px solid #e5eaf2;border-radius:12px;background:#fff;min-height:130px}
.robsmail-swal-wide{max-width:620px!important}

html[data-user-theme="dark"] .signature-page-head h2,html[data-user-theme="dark"] .signature-card-title strong,html[data-user-theme="dark"] .signature-editor-head strong,html[data-user-theme="dark"] .signature-live-head strong{color:#eff5ff}
html[data-user-theme="dark"] .signature-builder-card,html[data-user-theme="dark"] .signature-live-card{background:#0f1d31;border-color:#263a58}
html[data-user-theme="dark"] .signature-preview-btn,html[data-user-theme="dark"] .signature-code-actions button{background:#14243b;border-color:#2c4260;color:#c3d0e4}
html[data-user-theme="dark"] .signature-template{background:#122138;border-color:#2a3f5d;color:#dce7f7}
html[data-user-theme="dark"] .signature-template:hover,html[data-user-theme="dark"] .signature-template.active{background:#192b49;border-color:#5b7fef}
html[data-user-theme="dark"] .signature-field-grid input{background:#122138;border-color:#2c4260;color:#e7eef9}
html[data-user-theme="dark"] .signature-mail-preview{background:#111e31;color:#aebcd0}
html[data-user-theme="dark"] .signature-live-head{border-color:#263a58}
html[data-user-theme="dark"] .swal-signature-preview{background:#122138;border-color:#2b405e;color:#e3ebf7}

@media(max-width:1000px){.signature-layout{grid-template-columns:1fr}.signature-live-card{position:static}.signature-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.signature-settings-page{padding:16px}.signature-page-head{align-items:stretch;flex-direction:column}.signature-preview-btn{width:max-content}.signature-template-grid,.signature-field-grid{grid-template-columns:1fr}.signature-full-field{grid-column:auto}.signature-savebar{align-items:flex-start;flex-direction:column}}


/* =========================================================
   RobsMail UI polish v20260904-6
   - flat, modern SweetAlert controls
   - signature page containment / overflow repair
   ========================================================= */

/* SweetAlert: remove heavy/native-looking outlines completely */
.swal2-popup.robsmail-swal{
  border:0!important;
  outline:0!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.swal2-popup.robsmail-swal *{
  box-sizing:border-box;
}
.swal2-popup.robsmail-swal button,
.swal2-popup.robsmail-swal .swal2-styled{
  outline:0!important;
  border:0!important;
  text-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.swal2-popup.robsmail-swal button:focus,
.swal2-popup.robsmail-swal .swal2-styled:focus,
.swal2-popup.robsmail-swal button:focus-visible,
.swal2-popup.robsmail-swal .swal2-styled:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 4px rgba(59,100,232,.14)!important;
}
.swal2-confirm.robsmail-swal-confirm{
  border:0!important;
  background:#3f66df!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(63,102,223,.20)!important;
  font-weight:750!important;
}
.swal2-confirm.robsmail-swal-confirm:hover{
  background:#345bd2!important;
  box-shadow:0 9px 20px rgba(63,102,223,.24)!important;
}
.swal2-cancel.robsmail-swal-cancel{
  border:0!important;
  background:#eef2f7!important;
  color:#46556d!important;
  box-shadow:none!important;
  font-weight:750!important;
}
.swal2-cancel.robsmail-swal-cancel:hover{
  background:#e5eaf2!important;
  color:#2f3d55!important;
}
.swal2-actions{
  width:100%!important;
  justify-content:center!important;
}
.swal2-input,.swal2-textarea,.swal2-select{
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 0!important;
  border:0!important;
  outline:0!important;
  background:#f3f6fa!important;
  box-shadow:inset 0 0 0 1px #e0e7f0!important;
  border-radius:11px!important;
}
.swal2-input:focus,.swal2-textarea:focus,.swal2-select:focus{
  border:0!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1.5px #6482e8,0 0 0 3px rgba(100,130,232,.10)!important;
}
html[data-user-theme="dark"] .swal2-popup.robsmail-swal{
  border:0!important;
  box-shadow:0 28px 80px rgba(0,0,0,.46)!important;
}
html[data-user-theme="dark"] .swal2-cancel.robsmail-swal-cancel{
  background:#1d2b40!important;
  color:#dbe6f6!important;
}
html[data-user-theme="dark"] .swal2-input,
html[data-user-theme="dark"] .swal2-textarea,
html[data-user-theme="dark"] .swal2-select{
  border:0!important;
  background:#132238!important;
  box-shadow:inset 0 0 0 1px #2a3d58!important;
}

/* Signature page: never overflow the webmail content area */
.signature-settings-page{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:22px 24px 30px!important;
  overflow-x:hidden!important;
}
.signature-settings-page *,
.signature-settings-page *::before,
.signature-settings-page *::after{
  box-sizing:border-box;
}
.signature-page-head{
  width:100%;
  min-width:0;
}
.signature-page-head>div{
  min-width:0;
}
.signature-page-head h2,
.signature-page-head p{
  overflow-wrap:anywhere;
}
.signature-layout{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr)!important;
  gap:16px!important;
}
.signature-builder-card,
.signature-live-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.signature-builder-card{
  padding:18px!important;
}
.signature-template-grid{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.signature-template{
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:88px!important;
  overflow:hidden;
}
.signature-template strong,
.signature-template small{
  overflow-wrap:anywhere;
}
.signature-field-grid{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.signature-field-grid label,
.signature-field-grid input{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.signature-editor-head{
  min-width:0;
  flex-wrap:wrap;
}
.signature-editor-head>div:first-child{
  min-width:220px;
  flex:1 1 280px;
}
.signature-code-actions{
  flex:0 0 auto;
}
.signature-html-input{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:180px!important;
}
.signature-savebar{
  flex-wrap:wrap!important;
}
.signature-live-card{
  position:sticky;
  top:12px;
}
.signature-mail-preview{
  min-width:0;
  overflow-wrap:anywhere;
}
.signature-live-preview,
.signature-live-preview table{
  max-width:100%!important;
}
.signature-live-preview img{
  max-width:100%!important;
  height:auto!important;
}

/* Keep main content itself from forcing horizontal scrolling */
.webmail-main,
.user-main,
.mail-main{
  min-width:0!important;
}
.webmail-content,
.webmail-page,
.user-content{
  min-width:0!important;
  max-width:100%!important;
}

/* Medium desktop widths such as laptop screens */
@media(max-width:1280px){
  .signature-settings-page{padding:18px!important}
  .signature-layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .signature-live-card{
    position:static!important;
  }
  .signature-mail-preview{
    min-height:240px!important;
  }
}
@media(max-width:760px){
  .signature-settings-page{padding:14px!important}
  .signature-page-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .signature-template-grid,
  .signature-field-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .signature-preview-btn{
    align-self:flex-start;
  }
  .signature-code-actions{
    width:100%;
  }
  .signature-code-actions button{
    flex:1 1 0;
  }
  .signature-savebar{
    align-items:stretch!important;
  }
  .signature-savebar button{
    width:100%;
  }
}


/* =========================================================
   RobsMail Signature page final containment fix v20260904-7
   The signature page itself is .mail-main, so width:100%
   plus the sidebar margin made the page wider than viewport.
   ========================================================= */

html, body {
  max-width:100%;
  overflow-x:hidden;
}

/* Do NOT use width:100% on a mail-main that also has margin-left. */
body:has(.user-topbar) .mail-main.signature-settings-page{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:var(--user-sidebar)!important;
  padding-top:calc(var(--user-top) + 20px)!important;
  padding-right:22px!important;
  padding-bottom:30px!important;
  padding-left:22px!important;
  overflow-x:hidden!important;
}

/* Hard containment wrapper behavior */
.signature-settings-page{
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
}
.signature-settings-page > *{
  max-width:100%!important;
  min-width:0!important;
}

.signature-page-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
}
.signature-page-head > div{
  min-width:0!important;
}
.signature-page-head h2{
  margin:4px 0 6px!important;
  font-size:26px!important;
}
.signature-page-head p{
  max-width:720px!important;
}

/* Builder always stays inside available webmail width */
.signature-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:16px!important;
  margin:0!important;
  padding:0!important;
  align-items:start!important;
}

.signature-builder-card,
.signature-live-card{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

.signature-builder-card{
  overflow:hidden!important;
  padding:18px!important;
}

.signature-template-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
}

.signature-template{
  min-width:0!important;
  width:100%!important;
}

.signature-field-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
}

.signature-field-grid label,
.signature-field-grid input,
.signature-html-input{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}

.signature-live-card{
  position:sticky!important;
  top:calc(var(--user-top) + 14px)!important;
}

.signature-mail-preview{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

.signature-live-preview{
  width:100%!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.signature-live-preview table{
  width:auto!important;
  max-width:100%!important;
}
.signature-live-preview img{
  max-width:100%!important;
  height:auto!important;
}

/* Laptop: stack preview under builder before space gets cramped */
@media (max-width:1180px){
  body:has(.user-topbar) .mail-main.signature-settings-page{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .signature-layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .signature-live-card{
    position:static!important;
  }
  .signature-mail-preview{
    min-height:220px!important;
  }
}

/* Mobile sidebar is overlay, so content must use entire viewport */
@media (max-width:820px){
  body:has(.user-topbar) .mail-main.signature-settings-page{
    margin-left:0!important;
    width:auto!important;
    padding-top:calc(var(--user-top) + 14px)!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .signature-page-head{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .signature-preview-btn{
    justify-self:start!important;
  }
}

@media (max-width:620px){
  .signature-template-grid,
  .signature-field-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .signature-builder-card{
    padding:14px!important;
    border-radius:14px!important;
  }
  .signature-live-card{
    border-radius:14px!important;
  }
  .signature-editor-head{
    display:block!important;
  }
  .signature-code-actions{
    margin-top:10px!important;
    width:100%!important;
  }
  .signature-code-actions button{
    flex:1 1 0!important;
  }
}


/* Signature template gallery + image uploads v20260904-8 */
.signature-gallery-card{
  width:100%;min-width:0;background:#f5f7fb;border:1px solid #e5eaf2;border-radius:18px;
  padding:18px;margin:0 0 18px;box-sizing:border-box
}
.signature-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.signature-gallery-head strong{display:block;font-size:14px;color:#1f2a44}
.signature-gallery-head small{display:block;margin-top:2px;font-size:10px;color:#8290a4}
.signature-gallery-head>span{font-size:10px;font-weight:800;color:#64748b;background:#fff;border-radius:999px;padding:6px 9px}
.signature-template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.signature-design-card{min-width:0;background:#fff;border:1px solid #e2e7ef;border-radius:13px;overflow:hidden;box-shadow:0 5px 14px rgba(29,47,79,.06);transition:.18s ease}
.signature-design-card:hover,.signature-design-card.active{transform:translateY(-2px);box-shadow:0 10px 25px rgba(29,47,79,.10);border-color:#bfcdf8}
.signature-design-preview{height:190px;padding:20px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#2f2f2f;background:#fff;font-family:Arial,sans-serif}
.signature-design-card>button{width:100%;height:44px;border:0;border-top:1px solid #edf0f5;background:#fff;color:#3568ee;font-size:11px;font-weight:800}
.signature-design-card>button:hover{background:#f6f8ff}
.sig-mini-avatar{width:40px;height:40px;border-radius:50%;background:#e7ebf1;color:#718097;display:grid;place-items:center;margin-bottom:7px}
.sig-mini-name{font-size:16px;font-weight:800;line-height:1.1}
.sig-mini-role{font-size:9px;color:#555;margin-top:4px}
.sig-mini-social{display:flex;gap:5px;margin-top:8px}
.sig-mini-social i{width:20px;height:20px;border-radius:50%;background:#30343a;color:#fff;display:grid;place-items:center;font-size:9px}
.sig-mini-rule{height:1px;background:#d9dde3;margin:9px 0}
.sig-mini-contact{font-size:8.5px;color:#555;margin-top:3px}
.sig-prev-portrait{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center}
.sig-portrait-photo{width:100px;height:100px;border-radius:9px;background:linear-gradient(145deg,#e6c0c5,#f0d7d9);color:#fff;display:grid;place-items:center;font-size:30px}
.sig-mini-lines{display:grid;gap:5px;font-size:8.5px;color:#555}
.sig-mini-lines span i{width:14px}
.sig-prev-photo-right{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:center}
.sig-round-photo{width:86px;height:86px;border-radius:50%;background:#efd9dd;color:#916b75;display:grid;place-items:center;font-size:25px}
.sig-banner-top{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center}
.sig-square-photo{width:76px;height:76px;border-radius:8px;background:#e8edf3;color:#728198;display:grid;place-items:center;font-size:24px}
.sig-banner-strip{height:38px;margin-top:12px;border-radius:5px;background:#e8efff;color:#54698d;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8.5px}
.sig-banner-strip.light{background:#f6e8ef;color:#98657a}
.sig-prev-minimal{padding-left:36px;padding-right:36px}
.sig-exec-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center}
.sig-exec-avatar{width:66px;height:66px;border-radius:50%;background:#edf1f6;color:#718097;display:grid;place-items:center;font-size:22px}

.signature-image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.signature-upload-box{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px dashed #cbd5e1;background:#fbfcfe;border-radius:12px;padding:11px 12px;cursor:pointer}
.signature-upload-box:hover{border-color:#6f8fe8;background:#f7f9ff}
.signature-upload-box input{display:none}
.signature-upload-icon{width:36px;height:36px;border-radius:10px;background:#edf3ff;color:#3869e5;display:grid;place-items:center}
.signature-upload-box strong{display:block;font-size:10.5px;color:#34425b}
.signature-upload-box small{display:block;margin-top:2px;font-size:8.5px;color:#8b97a9}
.signature-upload-box em{font-style:normal;font-size:8.5px;font-weight:800;color:#4670df;white-space:nowrap}
.signature-upload-box em.uploaded{color:#19915f}

html[data-user-theme="dark"] .signature-gallery-card{background:#0e1b2e;border-color:#263a58}
html[data-user-theme="dark"] .signature-gallery-head strong{color:#edf4ff}
html[data-user-theme="dark"] .signature-gallery-head>span{background:#17263c;color:#aab9ce}
html[data-user-theme="dark"] .signature-design-card,html[data-user-theme="dark"] .signature-design-preview,html[data-user-theme="dark"] .signature-design-card>button{background:#132239;border-color:#2b405f}
html[data-user-theme="dark"] .signature-design-preview{color:#e8f0fb}
html[data-user-theme="dark"] .signature-design-card>button{color:#8eafff}
html[data-user-theme="dark"] .signature-upload-box{background:#112038;border-color:#344b6b}
html[data-user-theme="dark"] .signature-upload-box strong{color:#e3ebf8}
html[data-user-theme="dark"] .signature-upload-box small{color:#94a4ba}

@media(max-width:1250px){.signature-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .signature-template-gallery{grid-template-columns:minmax(0,1fr)}
  .signature-image-upload-grid{grid-template-columns:minmax(0,1fr)}
  .signature-design-preview{height:175px}
}


/* Signature social customization + temporary upload UI v20260904-10 */
.signature-social-section{
  grid-column:1/-1;
  margin-top:4px;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
}
.signature-social-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:11px;
}
.signature-social-icon{
  width:34px;height:34px;border-radius:9px;background:#eaf0ff;color:#3568e8;
  display:grid;place-items:center;flex:0 0 34px;
}
.signature-social-head strong{display:block;font-size:11px;color:#2e3b52}
.signature-social-head small{display:block;margin-top:2px;font-size:8.5px;color:#8a97aa}
.signature-social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.signature-social-grid label{display:grid;gap:6px;min-width:0}
.signature-social-grid label>span{
  font-size:9px;font-weight:800;color:#5f6f88;display:flex;align-items:center;gap:6px;
}
.signature-social-grid input{
  width:100%;min-width:0;height:38px;border:1px solid #dce4ef;border-radius:9px;
  background:#fff;padding:0 10px;font-size:10.5px;color:#17223b;outline:0;
}
.signature-social-grid input:focus{
  border-color:#6281e9;box-shadow:0 0 0 3px rgba(98,129,233,.10);
}
html[data-user-theme="dark"] .signature-social-section{background:#112038;border-color:#2b405e}
html[data-user-theme="dark"] .signature-social-head strong{color:#e6eef9}
html[data-user-theme="dark"] .signature-social-head small,
html[data-user-theme="dark"] .signature-social-grid label>span{color:#91a1b7}
html[data-user-theme="dark"] .signature-social-grid input{background:#132239;border-color:#304663;color:#e6eef9}
@media(max-width:760px){.signature-social-grid{grid-template-columns:minmax(0,1fr)}}


/* RobsMail definitive preview + message page conversation threads v20260904-13 */
.preview-body.has-conversation-thread{padding:16px 18px 28px;background:var(--user-bg);overflow:auto}
.conversation-thread,.standalone-thread{display:flex;flex-direction:column;gap:10px;max-width:1050px;margin:0 auto;width:100%}
.thread-older-toggle{display:flex;align-items:center;justify-content:center;gap:8px;align-self:center;min-width:150px;height:38px;padding:0 16px;border:1px solid var(--user-border);border-radius:10px;background:var(--user-card);color:var(--user-text);font-size:11px;font-weight:800;box-shadow:0 2px 8px rgba(25,42,70,.06);cursor:pointer}
.thread-older-toggle i{font-size:9px;transition:transform .18s ease}.thread-older-toggle.open i{transform:rotate(180deg)}
.thread-older-stack{display:flex;flex-direction:column;gap:8px}.thread-older-stack[hidden]{display:none!important}
.thread-message{border:1px solid var(--user-border);border-radius:12px;background:var(--user-card);overflow:hidden;box-shadow:0 2px 9px rgba(26,42,72,.045)}
.thread-message.is-latest{box-shadow:0 7px 22px rgba(26,42,72,.075)}
.thread-message-head{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 17px;gap:10px;align-items:center;min-height:66px;padding:12px 15px;border:0;background:transparent;color:var(--user-text);text-align:left;cursor:pointer}
.thread-message-head:hover{background:color-mix(in srgb,#1769ee 4%,var(--user-card))}
.thread-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9f1ff;color:#1769ee;font-size:12px;font-weight:850}
.thread-head-copy{min-width:0}.thread-head-copy strong,.thread-head-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-head-copy strong{font-size:12.5px}.thread-head-copy small{font-size:9.5px;color:var(--user-muted);margin-top:3px}
.thread-message-head time{font-size:10px;color:var(--user-muted);white-space:nowrap}.thread-message-head>i{font-size:9px;color:var(--user-muted);transition:transform .18s ease}.thread-message.is-collapsed .thread-message-head>i{transform:rotate(-90deg)}
.thread-message-body{border-top:1px solid var(--user-border);padding:18px 20px;background:var(--user-card)}.thread-message.is-collapsed .thread-message-body{display:none}
.thread-message-frame{display:block;width:100%;min-height:190px;border:0;background:#fff;border-radius:6px}.thread-message-plain{font-size:13px;line-height:1.72;color:var(--user-text);overflow-wrap:anywhere}
.mail-thread-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 5px;border-radius:999px;background:#eaf0ff;color:#3a67dc;font-style:normal;font-size:9px;vertical-align:middle}

.message-thread-page{padding-top:var(--user-top)!important;background:var(--user-bg);min-width:0}
.message-page-bar{position:sticky;top:var(--user-top);z-index:12;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--user-border);background:color-mix(in srgb,var(--user-card) 94%,transparent);backdrop-filter:blur(12px)}
.message-page-back{width:38px;height:38px;border-radius:10px;border:1px solid var(--user-border);display:grid;place-items:center;color:var(--user-text);text-decoration:none;background:var(--user-card)}
.message-page-heading{min-width:0}.message-page-heading h1{margin:0;font-size:17px;color:var(--user-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-page-heading span{display:block;margin-top:3px;font-size:9.5px;color:var(--user-muted)}
.message-page-reply,.message-thread-bottom-actions button,.message-thread-bottom-actions a{border:0;border-radius:9px;background:#3468e8;color:#fff;min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:11px;font-weight:800}
.standalone-thread{padding:22px;box-sizing:border-box}
.message-thread-bottom-actions{display:flex;gap:9px;padding:6px 0 20px}.message-thread-bottom-actions a{background:var(--user-card);color:var(--user-text);border:1px solid var(--user-border)}

html[data-user-theme="dark"] .thread-avatar{background:#132d52;color:#7eb0ff}
html[data-user-theme="dark"] .thread-message-frame{background:#fff}
@media(max-width:820px){
 .preview-body.has-conversation-thread,.standalone-thread{padding:10px}
 .message-page-bar{grid-template-columns:38px minmax(0,1fr);padding:10px 12px}.message-page-reply{display:none}
 .thread-message-head{grid-template-columns:34px minmax(0,1fr) 16px;padding:10px 11px}.thread-message-head time{display:none}.thread-message-body{padding:13px}
}

/* Secure temporary compose attachments v20260904-14 */
.compose-attachments{align-items:center}
.compose-attachment-chip{display:inline-flex!important;align-items:center;gap:6px!important;padding:7px 8px!important;border:1px solid var(--user-border);background:var(--user-bg)!important;border-radius:9px!important;color:var(--user-text)!important}
.compose-attachment-chip>b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750}
.compose-attachment-chip>small{font-size:8.5px;color:var(--user-muted)}
.compose-attachment-chip>button{width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--user-muted);display:grid;place-items:center}
.compose-attachment-chip>button:hover{background:rgba(220,38,38,.08);color:#dc2626}


/* Attachment cards with live upload progress v20260904-15 */
.compose-attachments{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px!important;
  width:100%;
  padding:8px 0 2px;
}
.compose-attachment-card{
  min-width:0;
  min-height:66px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 32px;
  gap:10px;
  align-items:center;
  border:1px solid var(--user-border);
  border-radius:11px;
  background:var(--user-card);
  padding:9px 9px 9px 11px;
  box-sizing:border-box;
  transition:border-color .18s ease,background .18s ease;
}
.compose-attachment-card.is-uploading{
  border-color:color-mix(in srgb,#4c73e8 45%,var(--user-border));
}
.compose-attachment-card.is-error{
  border-color:color-mix(in srgb,#dc2626 45%,var(--user-border));
}
.compose-attachment-fileicon{
  width:36px;height:42px;border-radius:8px;
  display:grid;place-items:center;
  background:#eaf0ff;color:#4770da;
  font-size:20px;
}
.compose-attachment-card.is-error .compose-attachment-fileicon{
  background:#fff0f0;color:#d63636;
}
.compose-attachment-main{display:block;min-width:0}
.compose-attachment-name{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--user-text);
  font-size:11px;
  font-weight:800;
}
.compose-attachment-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:4px;
  font-size:9px;
  color:var(--user-muted);
}
.compose-attachment-state{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.compose-attachment-card.is-ready .compose-attachment-state{color:#15845a}
.compose-attachment-card.is-uploading .compose-attachment-state{color:#4168d8}
.compose-attachment-card.is-error .compose-attachment-state{color:#c53030}
.compose-attachment-progress{
  display:block;
  width:100%;
  height:4px;
  margin-top:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e6eaf2;
}
.compose-attachment-progress>span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#4c73e8;
  transition:width .14s linear;
}
.compose-attachment-card.is-ready .compose-attachment-progress>span{background:#22a06b}
.compose-attachment-card.is-error .compose-attachment-progress>span{background:#dc2626}
.compose-attachment-remove{
  width:30px;height:30px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--user-muted);
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:14px;
}
.compose-attachment-remove:hover{
  background:rgba(220,38,38,.09);
  color:#dc2626;
}
html[data-user-theme="dark"] .compose-attachment-fileicon{background:#172b49;color:#88a9ff}
html[data-user-theme="dark"] .compose-attachment-card.is-error .compose-attachment-fileicon{background:#3a1d24;color:#ff9595}
html[data-user-theme="dark"] .compose-attachment-progress{background:#29384e}
@media(max-width:680px){
  .compose-attachments{grid-template-columns:minmax(0,1fr)}
  .compose-attachment-card{grid-template-columns:38px minmax(0,1fr) 32px}
}


/* Compact attachment cards v20260904-16 */
.compose-attachments{
  grid-template-columns:repeat(2,minmax(220px,360px))!important;
  gap:7px!important;
  padding:5px 0 1px!important;
  justify-content:start!important;
}
.compose-attachment-card{
  min-height:48px!important;
  grid-template-columns:28px minmax(0,1fr) 26px!important;
  gap:7px!important;
  padding:6px 7px!important;
  border-radius:8px!important;
}
.compose-attachment-fileicon{
  width:28px!important;
  height:32px!important;
  border-radius:6px!important;
  font-size:15px!important;
}
.compose-attachment-name{
  font-size:9.5px!important;
  line-height:1.2!important;
}
.compose-attachment-meta{
  margin-top:2px!important;
  gap:5px!important;
  font-size:8px!important;
}
.compose-attachment-progress{
  height:3px!important;
  margin-top:4px!important;
}
.compose-attachment-remove{
  width:25px!important;
  height:25px!important;
  border-radius:6px!important;
  font-size:12px!important;
}
@media(max-width:680px){
  .compose-attachments{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .compose-attachment-card{
    width:100%!important;
  }
}


/* Extra-compact attachment cards v20260904-17 */
.compose-attachments{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  padding:4px 0 1px!important;
}
.compose-attachment-card{
  flex:0 1 285px!important;
  width:285px!important;
  max-width:100%!important;
  min-height:42px!important;
  grid-template-columns:24px minmax(0,1fr) 22px!important;
  gap:6px!important;
  padding:5px 6px!important;
  border-radius:7px!important;
}
.compose-attachment-fileicon{
  width:24px!important;
  height:28px!important;
  border-radius:5px!important;
  font-size:13px!important;
}
.compose-attachment-name{
  font-size:8.8px!important;
  line-height:1.15!important;
}
.compose-attachment-meta{
  margin-top:1px!important;
  font-size:7.4px!important;
  gap:4px!important;
}
.compose-attachment-progress{
  height:2px!important;
  margin-top:3px!important;
}
.compose-attachment-remove{
  width:22px!important;
  height:22px!important;
  border-radius:5px!important;
  font-size:11px!important;
}
@media(max-width:520px){
  .compose-attachment-card{flex-basis:100%!important;width:100%!important}
}

/* SweetAlert account profile */
.robsmail-profile-swal{padding:24px 22px 18px!important;border-radius:20px!important}
.robsmail-profile-alert{text-align:left}
.profile-alert-head{display:flex;align-items:center;gap:14px;padding:4px 2px 16px}
.profile-alert-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7854e8,#8b25cb);color:#fff;font-size:20px;font-weight:900;flex:0 0 62px}
.profile-alert-copy{min-width:0}.profile-alert-copy strong{display:block;color:#101a3a;font-size:18px;font-weight:900;line-height:1.15}.profile-alert-copy span{display:block;margin-top:5px;color:#7583a4;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-alert-divider{height:1px;background:#e3e8f2;margin:1px 0}
.profile-alert-action{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:13px 5px;border:0;background:transparent;color:#162143;text-align:left;border-radius:10px}
.profile-alert-action:hover{background:#f6f8fc}.profile-alert-action>i:first-child{font-size:17px;color:#7383a6;text-align:center}.profile-alert-action>i:last-child{font-size:10px;color:#a0acc2}
.profile-alert-action span strong,.profile-alert-action span small{display:block}.profile-alert-action span strong{font-size:13px;font-weight:850}.profile-alert-action span small{margin-top:2px;font-size:9px;color:#8b97ad}.profile-alert-action.is-logout,.profile-alert-action.is-logout>i:first-child{color:#a33a2c}

/* SweetAlert help centre */
.robsmail-help-swal{padding:28px 32px 24px!important;border-radius:18px!important}
.robsmail-help-title{font-size:24px!important;font-weight:700!important;color:#303030!important;margin:10px 0 20px!important}
.robsmail-help-alert{text-align:left}
.help-alert-row{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 16px;gap:14px;align-items:center;padding:16px 0;border:0;border-bottom:1px solid #e4e4e4;background:transparent;text-align:left}
.help-alert-row:last-child{border-bottom:0}.help-alert-row:hover{background:#fafafa}
.help-alert-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px}.help-alert-icon.is-blue{background:#7197cf}.help-alert-icon.is-red{background:#df7b84}.help-alert-icon.is-gold{background:#e5ad52}.help-alert-icon.is-green{background:#77b9a5}
.help-alert-row span strong,.help-alert-row span small{display:block}.help-alert-row span strong{font-size:15px;font-weight:700;color:#343434}.help-alert-row span small{margin-top:4px;font-size:12px;color:#919191}.help-alert-chevron{font-size:11px;color:#b7b7b7}
.robsmail-swal-close{color:#8b8b8b!important}
html[data-user-theme="dark"] .profile-alert-copy strong,
html[data-user-theme="dark"] .profile-alert-action{color:#e9effb}
html[data-user-theme="dark"] .profile-alert-divider,
html[data-user-theme="dark"] .help-alert-row{border-color:#2d405c}
html[data-user-theme="dark"] .profile-alert-action:hover,
html[data-user-theme="dark"] .help-alert-row:hover{background:#14243b}
html[data-user-theme="dark"] .help-alert-row span strong{color:#edf3fc}
html[data-user-theme="dark"] .help-alert-row span small{color:#9ba9bd}


/* Restore profile dropdown; only My Profile opens SweetAlert v20260904-18 */
.profile-modal-menu-item{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.profile-modal-menu-item:hover{
  background:rgba(79,112,210,.06);
}


/* Ultra-compact attachments: about one-third the previous footprint v20260904-19 */
.compose-attachments{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  padding:3px 0!important;
}
.compose-attachment-card{
  flex:0 1 180px!important;
  width:180px!important;
  max-width:100%!important;
  min-height:34px!important;
  grid-template-columns:20px minmax(0,1fr) 18px!important;
  gap:4px!important;
  padding:4px 5px!important;
  border-radius:6px!important;
}
.compose-attachment-fileicon{
  width:20px!important;
  height:23px!important;
  border-radius:4px!important;
  font-size:11px!important;
}
.compose-attachment-name{
  font-size:7.7px!important;
  line-height:1.05!important;
}
.compose-attachment-meta{
  margin-top:1px!important;
  gap:3px!important;
  font-size:6.6px!important;
  line-height:1!important;
}
.compose-attachment-state{
  gap:2px!important;
}
.compose-attachment-progress{
  height:2px!important;
  margin-top:2px!important;
}
.compose-attachment-remove{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:4px!important;
  font-size:9px!important;
  padding:0!important;
}
@media(max-width:420px){
  .compose-attachment-card{flex-basis:145px!important;width:145px!important}
}

/* My Profile SweetAlert now shows account details only */
.profile-details-only .profile-alert-head{
  padding:2px 0 16px!important;
}
.profile-account-kicker{
  display:block!important;
  margin-bottom:4px!important;
  color:#6076b4!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.profile-full-email{
  display:block!important;
  margin-top:5px!important;
  color:#7483a4!important;
  font-size:11px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.profile-account-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:2px;
}
.profile-account-detail{
  min-width:0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid #e5e9f2;
  border-radius:10px;
  background:#f9fbfe;
  text-align:left;
}
.profile-detail-icon{
  width:29px;height:29px;border-radius:8px;
  display:grid;place-items:center;
  background:#eaf0ff;color:#496fda;font-size:12px;
}
.profile-detail-icon.is-success{background:#eaf7f0;color:#21835b}
.profile-account-detail small,
.profile-account-detail strong{display:block;min-width:0}
.profile-account-detail small{
  color:#8b97ad;
  font-size:8px;
  margin-bottom:2px;
}
.profile-account-detail strong{
  color:#17213f;
  font-size:9.5px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-account-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:10px;
  padding:9px 10px;
  border-radius:9px;
  background:#f4f7fc;
  color:#687792;
  text-align:left;
  font-size:8.5px;
  line-height:1.45;
}
.profile-account-note i{margin-top:1px;color:#5777c8}
html[data-user-theme="dark"] .profile-account-detail{
  background:#122138;border-color:#2b405e;
}
html[data-user-theme="dark"] .profile-account-detail strong{color:#edf3fc}
html[data-user-theme="dark"] .profile-account-note{background:#122138;color:#9ba9bd}
@media(max-width:520px){
  .profile-account-summary{grid-template-columns:1fr}
}


/* Micro attachment cards - approximately 3x lower height v20260904-20 */
.compose-attachments{
  gap:3px!important;
  padding:2px 0!important;
}
.compose-attachment-card{
  flex:0 1 175px!important;
  width:175px!important;
  min-height:22px!important;
  grid-template-columns:16px minmax(0,1fr) 16px!important;
  gap:3px!important;
  padding:2px 4px!important;
  border-radius:5px!important;
}
.compose-attachment-fileicon{
  width:16px!important;
  height:18px!important;
  border-radius:3px!important;
  font-size:9px!important;
}
.compose-attachment-main{
  line-height:1!important;
}
.compose-attachment-name{
  font-size:6.8px!important;
  line-height:1!important;
}
.compose-attachment-meta{
  margin-top:1px!important;
  font-size:5.8px!important;
  line-height:1!important;
}
.compose-attachment-progress{
  height:1px!important;
  margin-top:1px!important;
}
.compose-attachment-remove{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border-radius:3px!important;
  font-size:8px!important;
}
.profile-account-detail.is-wide{
  grid-column:1/-1;
}
.profile-account-detail.is-wide strong{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}


/* Wide, responsive message reader v20260905 */
:root{--wm-list:420px}
.webmail-preview-pane{overflow-y:auto!important;overflow-x:hidden!important}
.mail-preview-content{width:100%;max-width:none!important;padding:22px 24px 34px!important}
.preview-body.has-conversation-thread{overflow:visible!important;padding:14px 0 28px!important}
.conversation-thread,.standalone-thread{width:100%!important;max-width:none!important;margin:0!important}
.thread-message{width:100%!important;max-width:none!important}
.thread-message-body{min-width:0!important;overflow:hidden!important;padding:14px 16px!important}
.thread-message-frame{display:block!important;width:100%!important;max-width:100%!important;height:clamp(560px,68vh,920px)!important;min-height:560px!important;border:0!important;border-radius:0!important;background:#fff!important;overflow-x:hidden!important}
.thread-message-plain{width:100%!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:14px!important;line-height:1.72!important}
.preview-toolbar{align-items:flex-start!important;flex-wrap:wrap!important}
.preview-title-wrap{min-width:0;flex:1 1 320px}
.preview-toolbar-actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}
.message-thread-page .standalone-thread{padding:18px 24px 36px!important}
@media(max-width:1280px){:root{--wm-list:370px}.mail-preview-content{padding:18px!important}.thread-message-frame{height:calc(100vh - 330px)!important;min-height:500px!important}}
@media(max-width:900px){.mail-preview-content{padding:14px!important}.preview-toolbar-actions{justify-content:flex-start}.thread-message-body{padding:10px!important}.thread-message-frame{height:calc(100vh - 285px)!important;min-height:430px!important}.message-thread-page .standalone-thread{padding:10px!important}}


/* RobsMail print-message actions v20260905 */
.message-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.message-page-print{min-height:38px;padding:0 14px;border:1px solid var(--user-border);border-radius:9px;background:var(--user-card);color:var(--user-text);display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:11px;font-weight:800}
.message-page-print:hover{background:var(--user-bg);border-color:#95b7f6}
html[data-user-theme="dark"] .message-page-print{background:#0f1d31;color:#eaf1fb;border-color:#253650}
@media(max-width:760px){.message-page-actions{grid-column:1/-1;justify-content:flex-start}.message-page-reply{display:none}.message-page-print{min-height:34px;padding:0 11px}}

/* RobsMail Priority/Other fragment tabs + important contacts */
#inboxFragment{position:relative;min-height:120px;transition:opacity .14s ease}
#inboxFragment.is-loading{opacity:.55;pointer-events:none}
#inboxFragment.is-loading::after{content:"";position:absolute;top:18px;right:18px;width:18px;height:18px;border:2px solid rgba(79,124,255,.25);border-top-color:#4f7cff;border-radius:50%;animation:robsmailSpin .7s linear infinite}
@keyframes robsmailSpin{to{transform:rotate(360deg)}}
.webmail-tabs [data-inbox-tab]{cursor:pointer;user-select:none}
.mail-priority-note{display:flex;align-items:center;gap:7px;padding:7px 18px;border-bottom:1px solid rgba(148,163,184,.14);font-size:11px;color:#64748b;background:rgba(79,124,255,.045)}
.mail-priority-note i{color:#f5a524;font-size:10px}.mail-priority-note[hidden]{display:none!important}
.contacts-info-strip{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:11px 13px;border-radius:11px;background:rgba(59,100,232,.07);color:#52627a;font-size:12px;line-height:1.45}
.contacts-info-strip i{color:#3b64e8}.contact-card{position:relative}.contact-card-copy{min-width:0;display:flex;flex-direction:column}.contact-important-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#94a3b8;display:grid;place-items:center;cursor:pointer;transition:.15s ease}
.contact-important-btn:hover{background:rgba(245,165,36,.10);color:#d99000}.contact-important-btn.active{color:#f5a524;background:rgba(245,165,36,.11)}.contact-card.is-important{box-shadow:inset 3px 0 0 #f5a524}.contact-important-btn:disabled{opacity:.5;cursor:wait}
html[data-user-theme="dark"] .mail-priority-note{color:#9fb0c8;background:rgba(79,124,255,.08)}
html[data-user-theme="dark"] .contacts-info-strip{background:rgba(79,124,255,.09);color:#aab8cc}

/* ==========================================================
   RobsMail professional contacts manager
   ========================================================== */
.contacts-pro-page{padding:26px 28px 40px;max-width:none}.contacts-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.contacts-page-head h2{margin:4px 0 5px;font-size:25px;font-weight:850;color:var(--user-text)}.contacts-page-head p{margin:0;color:var(--user-muted);font-size:12px}.contacts-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#4f70ed;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.contacts-add-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;border-radius:10px;padding:0 14px;font-size:12px;font-weight:750}.contacts-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.contacts-summary-card{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 14px;border:1px solid var(--user-border);border-radius:13px;background:var(--user-card);box-shadow:var(--user-shadow)}.contacts-summary-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:14px}.contacts-summary-icon.all{background:rgba(79,112,237,.11);color:#4f70ed}.contacts-summary-icon.important{background:rgba(245,165,36,.13);color:#d78c00}.contacts-summary-icon.regular{background:rgba(100,116,139,.10);color:#64748b}.contacts-summary-card strong{display:block;font-size:18px;line-height:1;color:var(--user-text)}.contacts-summary-card span:not(.contacts-summary-icon){display:block;margin-top:4px;color:var(--user-muted);font-size:10px}.contacts-selector-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(460px,1.3fr);gap:18px;align-items:center;padding:14px 15px;margin-bottom:12px;border:1px solid var(--user-border);border-radius:14px;background:var(--user-card);box-shadow:var(--user-shadow)}.contacts-selector-copy{display:flex;align-items:center;gap:11px;min-width:0}.contacts-selector-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(79,112,237,.09);color:#4f70ed;flex:0 0 auto}.contacts-selector-copy strong{display:block;font-size:12px;color:var(--user-text)}.contacts-selector-copy small{display:block;margin-top:2px;font-size:10px;line-height:1.4;color:var(--user-muted)}.contacts-selector-controls{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;align-items:center;min-width:0}.contacts-quick-btn{min-height:38px;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid var(--user-border)!important;border-radius:9px!important;background:var(--user-card)!important;color:var(--user-text)!important;font-size:11px!important;font-weight:750!important;white-space:nowrap}.contacts-quick-btn:hover:not([disabled]){border-color:#9ab7f4!important;background:rgba(79,112,237,.05)!important;color:#365fdf!important}.contacts-quick-btn[aria-disabled="true"],.contacts-quick-btn:disabled{opacity:.45;pointer-events:none}.contacts-quick-important.is-important{color:#b77900!important;border-color:rgba(245,165,36,.35)!important;background:rgba(245,165,36,.08)!important}.contacts-hidden-csrf{display:none}.contacts-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.contacts-table-card{min-width:0;overflow:hidden;border:1px solid var(--user-border);border-radius:14px;background:var(--user-card);box-shadow:var(--user-shadow)}.contacts-table-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--user-border)}.contacts-table-title{display:flex;align-items:center;gap:10px;min-width:0}.contacts-table-title h3{margin:0;color:var(--user-text);font-size:13px;font-weight:800}.contacts-table-title p{margin:2px 0 0;color:var(--user-muted);font-size:9px}.contacts-table-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex:0 0 auto}.contacts-table-badge.important{background:rgba(245,165,36,.12);color:#d78c00}.contacts-table-badge.regular{background:rgba(100,116,139,.10);color:#64748b}.contacts-count-pill{min-width:28px;height:24px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:var(--user-bg);border:1px solid var(--user-border);color:var(--user-muted);font-size:10px;font-weight:800}.contacts-responsive-table{min-height:175px}.contacts-table{--bs-table-bg:transparent!important;--bs-table-color:var(--user-text)!important;color:var(--user-text)!important;font-size:11px}.contacts-table thead th{padding:9px 12px;border-bottom:1px solid var(--user-border);background:color-mix(in srgb,var(--user-bg) 72%,transparent);color:var(--user-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}.contacts-table tbody td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--user-border) 80%,transparent);vertical-align:middle}.contacts-table tbody tr:last-child td{border-bottom:0}.contacts-table tbody tr{transition:background .14s ease}.contacts-table tbody tr:hover{background:rgba(79,112,237,.035)}.contacts-person-cell{display:flex;align-items:center;gap:9px;min-width:0}.contacts-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:rgba(79,112,237,.10);color:#4169dd;font-size:9px;font-weight:850}.contacts-avatar.important{background:rgba(245,165,36,.13);color:#b97700}.contacts-person-cell>div{min-width:0}.contacts-person-cell strong,.contacts-person-cell a,.contacts-person-cell small{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-person-cell strong{color:var(--user-text);font-size:10.5px;font-weight:800}.contacts-person-cell a{margin-top:1px;color:#5572a3;text-decoration:none;font-size:9.5px}.contacts-person-cell a:hover{color:#3566e6}.contacts-person-cell small{margin-top:2px;color:#8a99af;font-size:8px}.contacts-person-cell small i{margin-right:3px;color:#6b83b5}.contacts-company{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--user-muted);font-size:9.5px}.contact-move-btn{min-height:29px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid var(--user-border);border-radius:8px;background:var(--user-card);font-size:9px;font-weight:750;cursor:pointer;white-space:nowrap;transition:.14s ease}.contact-move-btn.make-important{color:#b77900}.contact-move-btn.make-important:hover{background:rgba(245,165,36,.09);border-color:rgba(245,165,36,.35)}.contact-move-btn.remove-important{color:#64748b}.contact-move-btn.remove-important:hover{background:rgba(100,116,139,.08);border-color:#aab4c3}.contact-move-btn:disabled{opacity:.5;cursor:wait}.contacts-empty-state{padding:28px 18px;text-align:center;color:var(--user-muted)}.contacts-empty-state i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border-radius:12px;background:var(--user-bg);font-size:14px}.contacts-empty-state strong{display:block;color:var(--user-text);font-size:11px}.contacts-empty-state span{display:block;margin-top:4px;font-size:9px}.contacts-modal{border:1px solid var(--user-border)!important;border-radius:16px!important;background:var(--user-card)!important;color:var(--user-text)!important}.contacts-modal .modal-header{align-items:flex-start;border-bottom-color:var(--user-border)}.contacts-modal .modal-header>div{position:relative;padding-left:46px}.contacts-modal-icon{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(79,112,237,.10);color:#4f70ed}.contacts-modal h5{margin:0;font-size:14px}.contacts-modal .modal-header small{display:block;margin-top:3px;color:var(--user-muted);font-size:9px}.contacts-modal .modal-footer{border-top-color:var(--user-border)}.contacts-modal .form-label{font-size:9px;font-weight:750;color:var(--user-muted)}
/* Select2 adapted to RobsMail */
.contacts-selector-controls .select2-container{width:100%!important;min-width:0}.contacts-selector-controls .select2-container .select2-selection--single{height:38px;border:1px solid var(--user-border);border-radius:9px;background:var(--user-card);outline:0}.contacts-selector-controls .select2-container .select2-selection--single .select2-selection__rendered{height:36px;line-height:36px;padding-left:12px;padding-right:34px;color:var(--user-text);font-size:11px}.contacts-selector-controls .select2-container .select2-selection--single .select2-selection__placeholder{color:#93a0b6}.contacts-selector-controls .select2-selection__arrow{height:36px!important;right:5px!important}.contacts-select2-dropdown{border:1px solid var(--user-border)!important;border-radius:10px!important;overflow:hidden;background:var(--user-card)!important;box-shadow:0 12px 30px rgba(15,23,42,.12)}.contacts-select2-dropdown .select2-search{padding:8px}.contacts-select2-dropdown .select2-search__field{height:34px;border:1px solid var(--user-border)!important;border-radius:8px!important;background:var(--user-bg)!important;color:var(--user-text)!important;font-size:11px}.contacts-select2-dropdown .select2-results__option{padding:8px 10px;color:var(--user-text);font-size:11px}.contacts-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable{background:#4f70ed;color:#fff}.contacts-select2-option{display:flex;align-items:center;gap:9px}.contacts-select2-option .cso-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(79,112,237,.10);font-size:9px;font-weight:850}.contacts-select2-option>span:last-child{min-width:0}.contacts-select2-option strong,.contacts-select2-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-select2-option strong{font-size:10.5px}.contacts-select2-option small{font-size:9px;opacity:.7}
html[data-user-theme="dark"] .contacts-select2-dropdown{box-shadow:0 15px 34px rgba(0,0,0,.35)}html[data-user-theme="dark"] .contacts-table tbody tr:hover{background:rgba(79,112,237,.07)}
@media(max-width:1150px){.contacts-selector-card{grid-template-columns:1fr}.contacts-selector-controls{grid-template-columns:minmax(220px,1fr) auto auto}.contacts-table-grid{grid-template-columns:1fr}.contacts-person-cell strong,.contacts-person-cell a,.contacts-person-cell small{max-width:420px}}
@media(max-width:760px){.contacts-pro-page{padding:18px 14px 30px}.contacts-page-head{align-items:center}.contacts-page-head h2{font-size:21px}.contacts-page-head p{display:none}.contacts-summary-row{grid-template-columns:repeat(3,1fr);gap:7px}.contacts-summary-card{padding:10px 9px;gap:8px}.contacts-summary-icon{width:31px;height:31px;border-radius:9px;font-size:11px}.contacts-summary-card strong{font-size:15px}.contacts-summary-card span:not(.contacts-summary-icon){font-size:8px}.contacts-selector-card{padding:11px}.contacts-selector-copy small{display:none}.contacts-selector-controls{grid-template-columns:1fr 38px 38px}.contacts-quick-btn{width:38px;padding:0!important}.contacts-quick-btn span{display:none}.contacts-table-card>header{padding:11px 12px}.contact-move-btn{width:30px;padding:0}.contact-move-btn span{display:none}.contacts-person-cell strong,.contacts-person-cell a,.contacts-person-cell small{max-width:210px}.contacts-table thead th,.contacts-table tbody td{padding-left:9px;padding-right:9px}}
@media(max-width:430px){.contacts-add-btn span{display:none}.contacts-add-btn{width:40px;padding:0;justify-content:center}.contacts-summary-icon{display:none}.contacts-summary-card{justify-content:center;text-align:center}.contacts-person-cell strong,.contacts-person-cell a,.contacts-person-cell small{max-width:165px}.contacts-info-strip{font-size:10px}}

/* AJAX shell navigation */
main.robsmail-ajax-loading{position:relative;pointer-events:none;opacity:.72;transition:opacity .14s ease}
main.robsmail-ajax-loading::after{content:"";position:absolute;z-index:100;top:22px;right:24px;width:24px;height:24px;border:3px solid rgba(66,105,235,.16);border-top-color:#4269eb;border-radius:50%;animation:robsmailAjaxSpin .7s linear infinite}
@keyframes robsmailAjaxSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){main.robsmail-ajax-loading::after{animation:none}}

/* RobsMail comfortable reading typography v20260905 */
.webmail-message-row{min-height:124px!important;padding:18px 16px!important}
.mail-row-top strong{font-size:15.5px!important;line-height:1.35!important}
.mail-row-top time{font-size:12.5px!important}
.mail-preview-link>b{font-size:14.5px!important;line-height:1.4!important}
.mail-preview-link>span{font-size:13.5px!important;line-height:1.45!important}
.preview-toolbar h1{font-size:27px!important;line-height:1.25!important}
.preview-folder-pill{font-size:10.5px!important}
.preview-toolbar-actions button,.preview-toolbar-actions a{font-size:12.5px!important;min-height:36px!important;padding:7px 11px!important}
.thread-older-toggle{font-size:12.5px!important;min-height:42px!important}
.thread-message-head{min-height:76px!important;padding:14px 17px!important}
.thread-avatar{width:40px!important;height:40px!important;font-size:14px!important}
.thread-head-copy strong{font-size:15px!important;line-height:1.35!important}
.thread-head-copy small{font-size:12px!important;line-height:1.45!important}
.thread-message-head time{font-size:11.5px!important}
.thread-message-plain,.preview-body pre{font-size:16px!important;line-height:1.78!important}
.message-page-heading h1{font-size:22px!important}
.message-page-heading span{font-size:11.5px!important}
@media(max-width:900px){
 .mail-row-top strong{font-size:14.5px!important}.mail-preview-link>b{font-size:14px!important}.mail-preview-link>span{font-size:13px!important}
 .preview-toolbar h1{font-size:23px!important}.thread-head-copy strong{font-size:14px!important}.thread-head-copy small{font-size:11.5px!important}
 .thread-message-plain,.preview-body pre{font-size:15.5px!important}
}

/* RobsMail multi-account sidebar + live folder counters */
.webmail-sidebar{--sidebar-text-size:15.5px}
.webmail-nav a,.webmail-sidebar nav button[data-open-quick-settings]{font-size:var(--sidebar-text-size);font-weight:650}
.webmail-nav a{min-height:48px;gap:13px}
.webmail-nav a svg{width:22px;height:22px}
.webmail-nav a em{min-width:30px;height:24px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,rgba(74,133,255,.28),rgba(45,96,222,.18));border:1px solid rgba(136,174,255,.28);color:#dce8ff;font-size:11px;font-weight:850;line-height:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.webmail-nav a.active em{background:#fff;color:#195bd6;border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.webmail-account-stack{display:grid;gap:4px;margin:3px 5px 8px}
.webmail-account-stack .webmail-account-row{margin:0;padding:10px 8px;border:0;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto 28px;gap:8px;min-height:49px;background:rgba(255,255,255,.035)}
.webmail-account-stack .webmail-account-row.current-account{background:rgba(53,105,222,.16);box-shadow:inset 0 0 0 1px rgba(121,157,246,.18)}
.account-avatar{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.11);display:grid;place-items:center;color:#dce8ff;font-size:13px}
.current-account .account-avatar{background:#4778ef;color:#fff}
.webmail-account-stack .webmail-account-row>strong,.linked-account-switch strong{font-size:13px;font-weight:720;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.linked-account-switch{min-width:0;border:0;background:transparent;padding:0;text-align:left;overflow:hidden}
.linked-account-switch:hover strong{color:#9fc0ff}
.account-inbox-count{font-style:normal;min-width:30px;height:24px;padding:0 8px;border-radius:999px;background:rgba(79,126,244,.2);color:#a9c4ff;display:grid;place-items:center;font-size:11px;font-weight:850}
.linked-account-remove,.account-row-chevron{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#b9cae9;display:grid;place-items:center}
.linked-account-remove:hover,.account-row-chevron:hover{background:rgba(255,255,255,.09);color:#fff}
.webmail-add-account{margin:12px 5px 4px;width:calc(100% - 10px);min-height:48px;border:1px solid rgba(142,174,240,.2);border-radius:11px;background:rgba(255,255,255,.04);color:#f4f7ff;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:8px 10px;text-align:left}
.webmail-add-account>span{width:30px;height:30px;border-radius:8px;background:rgba(66,115,230,.2);display:grid;place-items:center;color:#a9c6ff}
.webmail-add-account strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.webmail-add-account>i{font-size:12px;color:#91a9d5}
.webmail-add-account:hover{background:rgba(63,112,229,.15);border-color:rgba(112,154,247,.38)}
.robsmail-account-swal .swal2-html-container{text-align:left!important}
.robsmail-account-form{display:grid;gap:12px;margin-top:8px;text-align:left}
.robsmail-account-form label{display:grid;gap:6px;color:#4c5c79;font-size:12px;font-weight:750}
.robsmail-account-form input{width:100%;height:44px;border:1px solid #d8e0ee;border-radius:10px;padding:0 12px;font:inherit;outline:none}
.robsmail-account-form input:focus{border-color:#4d7cf1;box-shadow:0 0 0 3px rgba(77,124,241,.12)}
.robsmail-account-form small{color:#71809d;font-size:11px;line-height:1.45}
html[data-user-theme="dark"] .webmail-account-stack .webmail-account-row{background:rgba(255,255,255,.035)}
html[data-user-theme="dark"] .robsmail-account-form label{color:#c5d2e8}
html[data-user-theme="dark"] .robsmail-account-form input{background:#101a2c;border-color:#34435d;color:#eef4ff}
@media(max-width:860px){.webmail-nav a,.webmail-sidebar nav button[data-open-quick-settings]{font-size:15px}.webmail-add-account strong{font-size:13px}}

/* ==========================================================
   RobsMail workspace scrolling + installed-app viewport fix
   2026-09-05
   Keep the application chrome fixed and scroll only the active workspace.
   ========================================================== */
:root{--rm-viewport-height:100dvh}

/* Authenticated RobsMail behaves like a desktop/mobile mail application. */
body:has(.user-topbar){
  height:var(--rm-viewport-height,100dvh);
  min-height:0;
  overflow:hidden!important;
  overscroll-behavior:none;
}

/* Dashboard: the header/sidebar stay fixed; only dashboard content scrolls. */
body:has(.user-topbar) > main.user-main{
  position:fixed;
  top:var(--wm-top,72px);
  left:var(--user-sidebar);
  right:0;
  bottom:0;
  width:auto;
  height:auto;
  min-height:0;
  margin-left:0!important;
  padding-top:0!important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
}

/* Non-three-pane workspaces such as Contacts, Storage, Settings and message views. */
body:has(.user-topbar) > main.mail-main:not(.webmail-inbox-shell){
  position:fixed;
  top:var(--wm-top,72px);
  left:var(--user-sidebar);
  right:0;
  bottom:0;
  width:auto;
  height:auto;
  min-height:0!important;
  margin-left:0!important;
  padding-top:0!important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
  background:var(--user-bg);
}

/* The three-pane mailbox already has a fixed shell; make every inner area touch-friendly. */
.webmail-inbox-shell,
.webmail-list-pane,
.webmail-preview-pane{min-height:0}
.webmail-message-list,
.webmail-preview-pane,
.user-sidebar,
.receipt-list,
.contacts-responsive-table,
.compose-editor-wrap,
.quick-settings-body{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  touch-action:pan-y;
}
.webmail-message-list,.webmail-preview-pane,.user-sidebar{scrollbar-gutter:stable}

/* Smooth, compact scrollbars on pointer-based desktop browsers. */
@media (pointer:fine){
  body:has(.user-topbar) > main.user-main::-webkit-scrollbar,
  body:has(.user-topbar) > main.mail-main:not(.webmail-inbox-shell)::-webkit-scrollbar,
  .webmail-message-list::-webkit-scrollbar,
  .webmail-preview-pane::-webkit-scrollbar,
  .user-sidebar::-webkit-scrollbar{width:9px;height:9px}
  body:has(.user-topbar) > main.user-main::-webkit-scrollbar-thumb,
  body:has(.user-topbar) > main.mail-main:not(.webmail-inbox-shell)::-webkit-scrollbar-thumb,
  .webmail-message-list::-webkit-scrollbar-thumb,
  .webmail-preview-pane::-webkit-scrollbar-thumb,
  .user-sidebar::-webkit-scrollbar-thumb{background:rgba(104,123,154,.34);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
  body:has(.user-topbar) > main.user-main::-webkit-scrollbar-track,
  body:has(.user-topbar) > main.mail-main:not(.webmail-inbox-shell)::-webkit-scrollbar-track,
  .webmail-message-list::-webkit-scrollbar-track,
  .webmail-preview-pane::-webkit-scrollbar-track,
  .user-sidebar::-webkit-scrollbar-track{background:transparent}
}

/* Mobile/PWA: account for safe areas and keep the content pane independently scrollable. */
@media(max-width:820px){
  body:has(.user-topbar) > main.user-main,
  body:has(.user-topbar) > main.mail-main:not(.webmail-inbox-shell){
    left:0;
    right:0;
    top:var(--wm-top,72px);
    padding-bottom:calc(74px + env(safe-area-inset-bottom));
    scrollbar-gutter:auto;
  }
  .webmail-inbox-shell{bottom:calc(64px + env(safe-area-inset-bottom))}
  .webmail-preview-pane{bottom:calc(64px + env(safe-area-inset-bottom))!important}
  .user-sidebar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media(max-width:560px){
  body:has(.user-topbar) > main.user-main,
  body:has(.user-topbar) > main.mail-main:not(.webmail-inbox-shell){top:68px}
}

/* Login page must remain document-scrollable inside an installed PWA/WebAPK. */
body:has(.robsmail-login-shell){
  height:auto!important;
  min-height:var(--rm-viewport-height,100dvh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}
.robsmail-login-shell{
  height:auto!important;
  min-height:var(--rm-viewport-height,100dvh)!important;
  overflow:visible!important;
}
.robsmail-login-brand,.robsmail-login-panel{
  min-height:var(--rm-viewport-height,100dvh);
}
@media(max-width:980px){
  .robsmail-login-shell{display:block!important;min-height:var(--rm-viewport-height,100dvh)!important}
  .robsmail-login-brand{min-height:auto!important}
  .robsmail-login-panel{min-height:auto!important}
}

/* Prevent accidental sideways page movement on touch devices. */
.user-dashboard-wrap,.contacts-pro-page,.content-pad,.signature-settings-page{max-width:100%;min-width:0}
@media(max-width:820px){
  .user-dashboard-wrap,.contacts-pro-page,.content-pad,.signature-settings-page{overflow-x:hidden}
}


/* RobsMail universal advanced composer — dashboard and every workspace */
@media (min-width:901px){
  .robsmail-compose-modal.advanced-compose{
    top:26px;
    right:24px;
    bottom:0;
    width:min(1110px,calc(100vw - var(--user-sidebar,250px) - 46px));
    height:auto;
    max-height:calc(100dvh - 26px);
    border-radius:10px 10px 0 0;
  }
  .robsmail-compose-modal.advanced-compose.expanded{
    inset:18px 24px 0 calc(var(--user-sidebar,250px) + 18px);
    width:auto;
    height:auto;
    max-height:none;
  }
  .advanced-compose .compose-editor{font-size:15px;line-height:1.65;}
}
.user-compose-top[type="button"],.user-quick-grid button[data-compose-open]{font:inherit;cursor:pointer;}
.user-compose-top[type="button"]{border:0;}
.user-quick-grid button[data-compose-open]{width:100%;border:0;background:transparent;text-align:left;}
@media (max-width:900px){
  .robsmail-compose-modal.advanced-compose,
  .robsmail-compose-modal.advanced-compose.expanded{
    height:calc(var(--robsmail-vh,1vh) * 100 - 58px);
    max-height:calc(var(--robsmail-vh,1vh) * 100 - 58px);
    overflow:hidden;
  }
  .advanced-compose .compose-modal-form{min-height:0;overflow:hidden;}
  .advanced-compose .compose-editor-wrap{min-height:0;flex:1;}
  .advanced-compose .compose-editor{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
}

/* ========================================================================== */
/* RobsMail mailbox-first sidebar v2                                          */
/* Each connected mailbox owns its own folder tree. Active mailbox is open;   */
/* linked mailboxes stay collapsed until explicitly expanded.                 */
/* ========================================================================== */
:root{--user-sidebar:286px}
.rm-sidebar-v2{
  padding:20px 14px 16px;
  background:
    radial-gradient(circle at 18% 4%,rgba(69,119,232,.20),transparent 28%),
    linear-gradient(180deg,#102b5c 0%,#0c244f 52%,#0b2047 100%);
  border-right:1px solid rgba(151,182,242,.12);
  scrollbar-width:thin;
  scrollbar-color:rgba(145,174,235,.28) transparent;
}
.rm-sidebar-v2::-webkit-scrollbar{width:5px}
.rm-sidebar-v2::-webkit-scrollbar-track{background:transparent}
.rm-sidebar-v2::-webkit-scrollbar-thumb{background:rgba(145,174,235,.25);border-radius:20px}
.rm-sidebar-brand{padding:0 8px 17px;gap:10px}
.rm-sidebar-brand img{width:48px;height:48px;border-radius:13px;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.rm-sidebar-brand strong{font-size:24px}
.rm-sidebar-brand small{font-size:11px;color:#c8d8f8}

.rm-mailbox-switcher{display:grid;gap:8px;margin:0 0 10px}
.rm-mailbox-card{
  overflow:hidden;
  border:1px solid rgba(148,180,244,.10);
  border-radius:13px;
  background:rgba(255,255,255,.025);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.rm-mailbox-card.is-current{
  border-color:rgba(112,157,255,.34);
  background:linear-gradient(145deg,rgba(49,97,204,.20),rgba(21,56,126,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(1,12,35,.08);
}
.rm-mailbox-card:not(.is-current):hover{border-color:rgba(140,174,244,.21);background:rgba(255,255,255,.04)}
.rm-mailbox-head{display:flex;align-items:center;min-width:0}
.rm-mailbox-toggle{
  flex:1;min-width:0;min-height:58px;border:0;background:transparent;color:#f7f9ff;
  display:grid;grid-template-columns:34px minmax(0,1fr) auto auto 14px;align-items:center;gap:8px;
  padding:8px 9px;text-align:left;
}
.rm-mailbox-avatar{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(94,139,243,.32),rgba(66,108,210,.20));
  color:#dfeaff;font-size:15px;box-shadow:inset 0 0 0 1px rgba(145,178,246,.16)
}
.rm-mailbox-card.is-current .rm-mailbox-avatar{background:linear-gradient(145deg,#4f7ff0,#3764d2);color:#fff}
.rm-mailbox-identity{min-width:0;display:flex;flex-direction:column;gap:2px}
.rm-mailbox-identity strong{font-size:14.5px;font-weight:780;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.rm-mailbox-identity small{font-size:10.5px;line-height:1.15;color:#aebfdf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-active-pill{padding:2px 6px;border-radius:999px;background:rgba(95,144,255,.15);border:1px solid rgba(124,163,255,.20);color:#bcd1ff;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.45px}
.rm-mailbox-total{min-width:28px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:rgba(122,157,236,.12);border:1px solid rgba(137,169,240,.15);color:#dbe6fb;font-style:normal;font-size:10.5px;font-weight:800}
.rm-mailbox-chevron{font-size:10px;color:#9fb4d8;transition:transform .18s ease}
.rm-mailbox-card.is-open .rm-mailbox-chevron{transform:rotate(180deg)}
.rm-mailbox-unlink{width:28px;height:32px;margin-right:6px;border:0;border-radius:8px;background:transparent;color:#8299c0;display:grid;place-items:center;font-size:11px;transition:.15s}
.rm-mailbox-unlink:hover{background:rgba(255,93,108,.10);color:#ff9ca7}

.rm-mailbox-folders{
  display:grid;gap:2px;max-height:390px;opacity:1;overflow:hidden;padding:2px 7px 8px;
  transform:translateY(0);transition:max-height .22s ease,opacity .16s ease,padding .18s ease,transform .18s ease;
}
.rm-mailbox-card.is-collapsed .rm-mailbox-folders{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-4px);pointer-events:none}
.rm-folder-link{
  min-height:40px;padding:7px 9px 7px 12px;border-radius:9px;display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:10px;
  color:#d9e4f8;text-decoration:none;font-size:14.5px;font-weight:650;transition:background .14s ease,color .14s ease,transform .14s ease;
}
.rm-folder-link svg{width:19px;height:19px;fill:currentColor;opacity:.88}
.rm-folder-link:hover{background:rgba(100,143,236,.10);color:#fff}
.rm-folder-link.active{background:linear-gradient(100deg,rgba(55,108,229,.88),rgba(60,105,210,.72));color:#fff;box-shadow:0 7px 18px rgba(2,25,76,.16)}
.rm-folder-link.is-loading{opacity:.58;pointer-events:none}
.rm-folder-link em{
  min-width:25px;height:21px;padding:0 7px;border-radius:999px;display:grid;place-items:center;
  background:rgba(125,158,229,.11);border:1px solid rgba(143,174,240,.13);color:#c9d8f3;font-style:normal;font-size:10px;font-weight:800;line-height:1;
}
.rm-folder-link.active em{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.17);color:#fff}

.rm-add-account{
  margin:7px 0 5px;width:100%;min-height:45px;border:1px dashed rgba(140,175,245,.24);border-radius:11px;
  background:rgba(255,255,255,.025);grid-template-columns:29px minmax(0,1fr) 18px;padding:7px 10px;color:#e7efff;
}
.rm-add-account>span{width:29px;height:29px;border-radius:8px;background:rgba(75,121,225,.16)}
.rm-add-account strong{font-size:13px;font-weight:720}
.rm-add-account:hover{background:rgba(73,120,224,.10);border-color:rgba(132,169,248,.42)}
.rm-sidebar-tools-nav{margin-top:4px}
.rm-sidebar-tools-nav .user-nav-separator{margin:8px 2px 5px}
.rm-sidebar-tools-nav a,.rm-sidebar-tools-nav button[data-open-quick-settings]{font-size:14.5px;font-weight:660;min-height:42px;border-radius:9px;color:#e5edfb}
.rm-sidebar-tools-nav a svg,.rm-sidebar-tools-nav button svg{width:20px;height:20px}
.rm-sidebar-v2 .webmail-sidebar-bottom{padding-top:9px}
.rm-sidebar-v2 .user-storage-card{padding:13px;border-radius:11px}
.rm-sidebar-v2 .user-storage-head strong{font-size:11.5px}
.rm-sidebar-v2 .user-storage-meta{margin-top:12px;font-size:10.5px}
.rm-sidebar-v2 .user-upgrade-btn{height:34px;font-size:11px}

@media(max-width:820px){
  :root{--user-sidebar:0px}
  .rm-sidebar-v2{width:min(86vw,300px);padding:16px 12px calc(84px + env(safe-area-inset-bottom));overscroll-behavior:contain}
  .rm-mailbox-toggle{min-height:56px}
  .rm-mailbox-identity strong{font-size:14px}
  .rm-folder-link{min-height:42px;font-size:15px}
  .rm-sidebar-brand{padding-bottom:14px}
}
\n\n/* ==========================================================================\n   RobsMail fixed sidebar chrome + independently scrolling mailbox area\n   2026-09-05\n   Logo/brand and bottom utility bar remain fixed. Only the middle sidebar\n   content scrolls. AJAX folder navigation keeps the sidebar mounted.\n   ========================================================================== */\n.rm-sidebar-v2{\n  overflow:hidden!important;\n  padding-bottom:0!important;\n}\n.rm-sidebar-v2 .rm-sidebar-brand{\n  flex:0 0 auto;\n  position:relative;\n  z-index:3;\n  margin:0;\n  padding-bottom:16px;\n  background:transparent;\n}\n.rm-sidebar-scroll-area{\n  flex:1 1 auto;\n  min-height:0;\n  overflow-x:hidden;\n  overflow-y:auto;\n  padding:0 2px 16px 0;\n  -webkit-overflow-scrolling:touch;\n  overscroll-behavior:contain;\n  touch-action:pan-y;\n  scroll-behavior:smooth;\n  scrollbar-width:thin;\n  scrollbar-color:rgba(145,174,235,.30) transparent;\n}\n.rm-sidebar-scroll-area::-webkit-scrollbar{width:5px}\n.rm-sidebar-scroll-area::-webkit-scrollbar-track{background:transparent}\n.rm-sidebar-scroll-area::-webkit-scrollbar-thumb{background:rgba(145,174,235,.27);border-radius:999px}\n.rm-sidebar-v2 .rm-sidebar-fixed-bottom{\n  flex:0 0 auto;\n  margin:0 -14px!important;\n  padding:8px 14px calc(10px + env(safe-area-inset-bottom))!important;\n  border-top:1px solid rgba(154,184,242,.13);\n  background:linear-gradient(180deg,rgba(11,32,71,.94),rgba(9,29,66,.99));\n  box-shadow:0 -10px 24px rgba(3,18,48,.14);\n  position:relative;\n  z-index:4;\n}\n.rm-sidebar-v2 .rm-sidebar-fixed-bottom .webmail-sidebar-tools{\n  margin-top:0!important;\n}\n.rm-sidebar-v2 .rm-sidebar-fixed-bottom .webmail-sidebar-tools a,\n.rm-sidebar-v2 .rm-sidebar-fixed-bottom .webmail-sidebar-tools button{\n  height:40px;\n}\n/* Storage now belongs to the scrollable middle section, not the fixed footer. */\n.rm-sidebar-scroll-area>.user-storage-card{margin-top:12px;margin-bottom:4px}\n\n@media(max-width:820px){\n  .rm-sidebar-v2{padding-bottom:0!important}\n  .rm-sidebar-scroll-area{padding-bottom:18px}\n  .rm-sidebar-v2 .rm-sidebar-fixed-bottom{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}\n}\n
/* ==========================================================================
   RobsMail desktop collapsible sidebar + mobile drawer reliability
   2026-09-05
   ========================================================================== */
.rm-sidebar-collapse-toggle{
  position:absolute;
  top:74px;
  right:-17px;
  z-index:9;
  width:36px;
  height:36px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0;
  border-radius:50%;
  background:transparent!important;
  color:#dce8ff;
  display:grid;
  place-items:center;
  box-shadow:none!important;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  line-height:1;
  transition:color .18s ease,transform .18s ease;
}
.rm-sidebar-collapse-toggle:hover{
  background:transparent!important;
  color:#ffffff;
  transform:scale(1.08);
}
.rm-sidebar-collapse-toggle:focus,
.rm-sidebar-collapse-toggle:active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.rm-sidebar-collapse-toggle:focus-visible{
  outline:2px solid rgba(164,194,255,.75);
  outline-offset:2px;
}
.rm-sidebar-collapse-toggle i{
  font-size:28px;
  line-height:1;
  pointer-events:none;
}

@media(min-width:821px){
  body.rm-sidebar-collapsed{--user-sidebar:78px}
  body.rm-sidebar-collapsed .rm-sidebar-v2{padding-left:10px;padding-right:10px}
  body.rm-sidebar-collapsed .rm-sidebar-brand{justify-content:center;padding-left:0;padding-right:0}
  body.rm-sidebar-collapsed .rm-sidebar-brand img{width:46px;height:46px}
  body.rm-sidebar-collapsed .rm-sidebar-brand>span{display:none}
  body.rm-sidebar-collapsed .rm-sidebar-collapse-toggle{right:-17px}

  body.rm-sidebar-collapsed .rm-mailbox-card{border-radius:11px}
  body.rm-sidebar-collapsed .rm-mailbox-head{justify-content:center}
  body.rm-sidebar-collapsed .rm-mailbox-toggle{
    min-height:50px;
    grid-template-columns:1fr;
    justify-items:center;
    padding:8px 4px;
    gap:0;
  }
  body.rm-sidebar-collapsed .rm-mailbox-avatar{width:36px;height:36px}
  body.rm-sidebar-collapsed .rm-mailbox-identity,
  body.rm-sidebar-collapsed .rm-active-pill,
  body.rm-sidebar-collapsed .rm-mailbox-total,
  body.rm-sidebar-collapsed .rm-mailbox-chevron,
  body.rm-sidebar-collapsed .rm-mailbox-unlink{display:none!important}
  body.rm-sidebar-collapsed .rm-mailbox-folders{padding:3px 4px 7px;gap:3px}
  body.rm-sidebar-collapsed .rm-folder-link{
    grid-template-columns:1fr;
    justify-items:center;
    min-height:42px;
    padding:8px 4px;
    gap:0;
  }
  body.rm-sidebar-collapsed .rm-folder-link span,
  body.rm-sidebar-collapsed .rm-folder-link em{display:none!important}
  body.rm-sidebar-collapsed .rm-folder-link svg{width:21px;height:21px}
  body.rm-sidebar-collapsed .rm-add-account{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    min-height:44px;
    padding:7px 4px;
  }
  body.rm-sidebar-collapsed .rm-add-account strong,
  body.rm-sidebar-collapsed .rm-add-account>i{display:none}
  body.rm-sidebar-collapsed .rm-add-account>span{width:32px;height:32px}
  body.rm-sidebar-collapsed .rm-sidebar-tools-nav a,
  body.rm-sidebar-collapsed .rm-sidebar-tools-nav button[data-open-quick-settings]{
    justify-content:center;
    gap:0;
    padding-left:0;
    padding-right:0;
  }
  body.rm-sidebar-collapsed .rm-sidebar-tools-nav span{display:none}
  body.rm-sidebar-collapsed .rm-sidebar-tools-nav .user-nav-separator{margin-left:6px;margin-right:6px}
  body.rm-sidebar-collapsed .user-storage-card{display:none}
  body.rm-sidebar-collapsed .rm-sidebar-fixed-bottom{margin-left:-10px!important;margin-right:-10px!important;padding-left:8px!important;padding-right:8px!important}
  body.rm-sidebar-collapsed .webmail-sidebar-tools{grid-template-columns:1fr 1fr!important;gap:3px!important}
  body.rm-sidebar-collapsed .webmail-sidebar-tools a,
  body.rm-sidebar-collapsed .webmail-sidebar-tools button{min-width:0;width:100%}
}

@media(max-width:820px){
  .rm-sidebar-collapse-toggle{display:none!important}
  .user-mobile-menu{position:relative;z-index:90;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .user-sidebar-overlay{touch-action:manipulation}
  body.user-nav-open{overflow:hidden!important;overscroll-behavior:none}
  .rm-sidebar-v2{
    left:0!important;
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    transform:translate3d(-105%,0,0)!important;
    visibility:hidden;
    pointer-events:none;
    transition:transform .24s ease,visibility 0s linear .24s!important;
    will-change:transform;
  }
  .rm-sidebar-v2.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    pointer-events:auto;
    transition:transform .24s ease,visibility 0s linear 0s!important;
  }
  .user-sidebar-overlay.show{display:block!important}
}

/* =========================================================
   RobsMail Signature workspace width/alignment fix v20260905
   The workspace shell already positions non-mailbox pages with
   left:var(--user-sidebar). Do not add the sidebar a second time
   through margin-left on the signature page.
   ========================================================= */
body:has(.user-topbar) > main.mail-main.signature-settings-page{
  left:var(--user-sidebar)!important;
  right:0!important;
  margin-left:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:20px 22px 30px!important;
  overflow-x:hidden!important;
}

body.sidebar-collapsed:has(.user-topbar) > main.mail-main.signature-settings-page,
html.sidebar-collapsed body:has(.user-topbar) > main.mail-main.signature-settings-page{
  left:var(--user-sidebar)!important;
  margin-left:0!important;
}

.signature-settings-page .signature-gallery-card,
.signature-settings-page .signature-layout,
.signature-settings-page .signature-template-gallery,
.signature-settings-page .signature-builder-card,
.signature-settings-page .signature-live-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.signature-settings-page .signature-template-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:1250px){
  .signature-settings-page .signature-template-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:820px){
  body:has(.user-topbar) > main.mail-main.signature-settings-page{
    left:0!important;
    right:0!important;
    margin-left:0!important;
    width:auto!important;
    padding:14px!important;
  }
}

@media(max-width:620px){
  .signature-settings-page .signature-template-gallery{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* ========================================================================
   RobsMail final desktop sidebar-toggle + signature workspace correction
   2026-09-05
   ======================================================================== */

/* Desktop sidebar control: absolutely no surrounding button box. */
@media (min-width:821px){
  .rm-sidebar-v2 > .rm-sidebar-collapse-toggle,
  #desktopSidebarToggle.rm-sidebar-collapse-toggle{
    position:absolute!important;
    top:74px!important;
    right:-16px!important;
    z-index:30!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:50%!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    color:#dce8ff!important;
    line-height:1!important;
    overflow:visible!important;
  }
  .rm-sidebar-v2 > .rm-sidebar-collapse-toggle:hover,
  .rm-sidebar-v2 > .rm-sidebar-collapse-toggle:focus,
  .rm-sidebar-v2 > .rm-sidebar-collapse-toggle:active,
  #desktopSidebarToggle.rm-sidebar-collapse-toggle:hover,
  #desktopSidebarToggle.rm-sidebar-collapse-toggle:focus,
  #desktopSidebarToggle.rm-sidebar-collapse-toggle:active{
    border:0!important;
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }
  #desktopSidebarToggle.rm-sidebar-collapse-toggle i{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:29px!important;
    line-height:1!important;
    color:inherit!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* Signature page is one independently scrolling application workspace.
   Explicit dimensions prevent old margin/width rules from widening it. */
body:has(.user-topbar) > main.mail-main.signature-settings-page{
  position:fixed!important;
  top:var(--wm-top,72px)!important;
  left:var(--user-sidebar,286px)!important;
  right:auto!important;
  bottom:0!important;
  width:calc(100vw - var(--user-sidebar,286px))!important;
  max-width:calc(100vw - var(--user-sidebar,286px))!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:20px 22px 34px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scroll-behavior:smooth!important;
  scrollbar-gutter:stable!important;
}

body.rm-sidebar-collapsed:has(.user-topbar) > main.mail-main.signature-settings-page{
  left:var(--user-sidebar,78px)!important;
  width:calc(100vw - var(--user-sidebar,78px))!important;
  max-width:calc(100vw - var(--user-sidebar,78px))!important;
}

.signature-settings-page > *,
.signature-settings-page .signature-gallery-card,
.signature-settings-page .signature-template-gallery,
.signature-settings-page .signature-layout,
.signature-settings-page .signature-builder-card,
.signature-settings-page .signature-live-card{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.signature-settings-page .signature-gallery-card,
.signature-settings-page .signature-template-gallery,
.signature-settings-page .signature-layout{
  width:100%!important;
}
.signature-settings-page .signature-template-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.signature-settings-page .signature-design-card,
.signature-settings-page .signature-design-preview{
  min-width:0!important;
  max-width:100%!important;
}

@media(max-width:1250px){
  .signature-settings-page .signature-template-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:820px){
  body:has(.user-topbar) > main.mail-main.signature-settings-page,
  body.rm-sidebar-collapsed:has(.user-topbar) > main.mail-main.signature-settings-page{
    top:var(--wm-top,68px)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:14px 14px calc(78px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:auto!important;
  }
}

@media(max-width:620px){
  .signature-settings-page .signature-template-gallery{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* ========================================================================== */
/* RobsMail Mobile Dashboard — mobile only, desktop remains unchanged          */
/* Material-style navigation + app-first dashboard composition                 */
/* ========================================================================== */
.rm-mobile-welcome,.rm-mobile-important-card,.rm-mobile-storage-card,.rm-mobile-topbar-brand{display:none}

@media(max-width:820px){
  :root{--rm-mobile-nav-h:78px}
  body:has(.user-topbar)>main.user-main,
  body:has(.user-topbar)>main.mail-main:not(.webmail-inbox-shell){
    padding-bottom:calc(var(--rm-mobile-nav-h) + 18px + env(safe-area-inset-bottom));
  }

  /* Mobile top app bar */
  .webmail-topbar{
    height:72px!important;
    min-height:72px;
    padding:0 14px!important;
    gap:10px!important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid #edf1f7!important;
    box-shadow:0 4px 18px rgba(26,49,91,.06)!important;
    backdrop-filter:blur(16px);
  }
  html[data-user-theme="dark"] .webmail-topbar{background:rgba(10,22,42,.96)!important;border-bottom-color:#20304d!important}
  .user-mobile-menu{width:42px;height:42px;border:0!important;border-radius:14px!important;background:transparent!important;color:#18355d!important}
  .user-mobile-menu svg{width:24px!important;height:24px!important}
  html[data-user-theme="dark"] .user-mobile-menu{color:#eef4ff!important}
  .rm-mobile-topbar-brand{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none;color:#112446;flex:0 1 auto}
  .rm-mobile-topbar-brand img{width:42px;height:42px;object-fit:contain;border-radius:11px;background:#fff}
  .rm-mobile-topbar-brand>span{display:flex;flex-direction:column;line-height:1;min-width:0}
  .rm-mobile-topbar-brand strong{font-size:20px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}.rm-mobile-topbar-brand strong span{color:#176ff5}
  .rm-mobile-topbar-brand small{font-size:9px;color:#74839d;margin-top:4px;white-space:nowrap}
  html[data-user-theme="dark"] .rm-mobile-topbar-brand{color:#f5f8ff}

  .webmail-search{margin-left:auto!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:0!important;background:#f5f8fd!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden}
  .webmail-search>span{position:static!important;margin:0!important;color:#26466f!important;display:grid!important;place-items:center!important}
  .webmail-search>span svg{width:19px!important;height:19px!important}
  .webmail-search input,.webmail-search .search-scope-shell{display:none!important}
  html[data-user-theme="dark"] .webmail-search{background:#16263f!important}.webmail-search>span{color:inherit!important}

  .user-top-actions{gap:7px!important;margin-left:0!important}
  .webmail-theme-toggle,.webmail-head-icon,.webmail-user-account{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;background:#f5f8fd!important;border:0!important;display:grid!important;place-items:center!important;padding:0!important}
  html[data-user-theme="dark"] .webmail-theme-toggle,html[data-user-theme="dark"] .webmail-head-icon,html[data-user-theme="dark"] .webmail-user-account{background:#16263f!important}
  .webmail-theme-toggle{grid-template-columns:1fr!important}.webmail-theme-toggle i,.webmail-theme-toggle .theme-sun{display:none!important}.webmail-theme-toggle .theme-moon{display:grid!important}
  .webmail-head-icon:nth-of-type(4),.webmail-head-icon:nth-of-type(5),#quickSettingsToggle,[data-open-help].webmail-head-icon{display:none!important}
  .profile-account-shell{display:block!important}.webmail-user-account{display:grid!important}.webmail-user-account .profile-trigger-copy,.webmail-user-account .account-chevron{display:none!important}.webmail-user-account .user-avatar{width:34px!important;height:34px!important;font-size:12px!important;border:0!important;box-shadow:none!important}

  /* Mobile dashboard body */
  body:has(.user-topbar)>main.user-dashboard-main{top:72px!important;background:#f6f9fe!important}
  html[data-user-theme="dark"] body:has(.user-topbar)>main.user-dashboard-main{background:#081426!important}
  .user-dashboard-wrap{padding:12px 14px 20px!important;max-width:none!important}
  .user-dashboard-main .user-page-heading{display:none!important}

  .rm-mobile-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;overflow:hidden;min-height:172px;padding:28px 24px;border-radius:24px;background:linear-gradient(135deg,#0569ed 0%,#087bf7 52%,#0664db 100%);color:#fff;box-shadow:0 14px 32px rgba(5,106,235,.19);margin-bottom:16px}
  .rm-mobile-welcome-copy{position:relative;z-index:2}.rm-mobile-welcome-copy small{font-size:11px;letter-spacing:2px;font-weight:650;opacity:.95}.rm-mobile-welcome-copy h1{font-size:32px;line-height:1;margin:16px 0 12px;font-weight:950;letter-spacing:-1px}.rm-mobile-welcome-copy p{font-size:16px;margin:0;opacity:.95}
  .rm-mobile-welcome-meta{position:relative;z-index:2;text-align:right;display:flex;flex-direction:column;gap:7px}.rm-mobile-welcome-meta strong{font-size:12px}.rm-mobile-welcome-meta span{font-size:11px;white-space:nowrap}.rm-mobile-welcome-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#33dc72;margin-left:5px;box-shadow:0 0 0 4px rgba(51,220,114,.14)}
  .rm-mobile-welcome-art{position:absolute;right:18%;bottom:-22px;width:130px;height:130px;border-radius:38% 62% 65% 35%/48% 40% 60% 52%;background:rgba(255,255,255,.13);transform:rotate(18deg);display:grid;place-items:center}.rm-mobile-welcome-art:before{content:"";position:absolute;inset:17px;border-radius:35px;background:rgba(255,255,255,.08)}.rm-mobile-welcome-art i{position:relative;font-size:58px;color:rgba(255,255,255,.88);transform:rotate(-18deg);filter:drop-shadow(0 8px 16px rgba(0,34,113,.16))}

  .user-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .user-kpi-card{min-height:132px!important;border:0!important;border-radius:22px!important;background:#fff!important;padding:18px 16px!important;box-shadow:0 8px 26px rgba(34,61,105,.08)!important;align-items:center!important;gap:13px!important;position:relative;overflow:hidden;text-decoration:none!important;color:#0e2142!important}
  html[data-user-theme="dark"] .user-kpi-card{background:#10213b!important;color:#f5f8ff!important}
  .user-kpi-card .user-kpi-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:18px!important}.user-kpi-card .user-kpi-icon svg{width:28px!important;height:28px!important}.user-kpi-card .user-kpi-icon i{font-size:28px}
  .user-kpi-card span{font-size:12px!important;color:inherit!important}.user-kpi-card strong{font-size:25px!important;margin:4px 0 5px!important}.user-kpi-card small{font-size:10px!important;line-height:1.35!important}.user-kpi-card .mini-storage-bar{height:5px!important;margin-top:8px!important}
  .user-kpi-card:nth-child(4){display:none!important}.rm-mobile-important-card{display:flex!important}.rm-mobile-card-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:#8496b3}
  .rm-mobile-important-card .user-kpi-icon{background:#fff4dc!important;color:#f2a000!important}

  .user-dashboard-grid{display:block!important;margin-top:14px!important}.user-dashboard-side{display:none!important}
  .user-widget.user-recent-widget{border:0!important;border-radius:24px!important;box-shadow:0 8px 28px rgba(34,61,105,.08)!important;overflow:hidden;background:#fff!important}
  html[data-user-theme="dark"] .user-widget.user-recent-widget{background:#10213b!important}
  .user-widget-head{height:60px!important;padding:0 18px!important}.user-widget-head h2{font-size:18px!important;display:flex;align-items:center;gap:9px}.user-widget-head h2:before{content:"\f0e0";font-family:"Font Awesome 6 Free";font-weight:900;color:#086ff2;font-size:17px}.user-widget-head a{font-size:13px!important;font-weight:800!important;color:#086ff2!important}.user-widget-head a:after{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;margin-left:7px}
  .user-recent-list{padding:0 18px!important}.user-recent-mail{min-height:88px!important;grid-template-columns:44px minmax(0,1fr) auto 20px!important;gap:11px!important}.mail-avatar{width:42px!important;height:42px!important;font-size:13px!important;box-shadow:0 0 0 7px rgba(9,112,242,.06)}.mail-copy strong{font-size:13px!important}.mail-copy b{font-size:12px!important}.mail-copy small{font-size:10px!important}.user-recent-mail time{display:block!important;font-size:10px!important}.mail-star{font-size:21px!important}

  .rm-mobile-storage-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto 18px;align-items:center;gap:13px;margin-top:14px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#edf6ff,#e5f0ff);text-decoration:none;color:#102447;box-shadow:0 8px 26px rgba(34,61,105,.06)}
  html[data-user-theme="dark"] .rm-mobile-storage-card{background:linear-gradient(135deg,#102844,#123257);color:#f2f7ff}
  .rm-mobile-storage-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1e91ff,#0569ea);color:#fff;font-size:22px;box-shadow:0 8px 18px rgba(7,107,235,.22)}
  .rm-mobile-storage-card strong{font-size:15px}.rm-mobile-storage-card p{margin:4px 0 9px;font-size:12px;color:#60728f}.rm-mobile-storage-card p b{color:inherit}.rm-mobile-storage-progress{height:7px;border-radius:99px;background:rgba(79,114,163,.14);overflow:hidden}.rm-mobile-storage-progress i{display:block;height:100%;background:#0876f7;border-radius:inherit}.rm-mobile-storage-pct{font-size:16px;color:#086ff2}.rm-mobile-storage-chevron{color:#7186a5;font-size:13px}
  .user-footer{display:none!important}

  /* Material 3 style bottom navigation */
  .mobile-tabbar.rm-material-bottom-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;position:fixed!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;height:68px!important;padding:7px 7px!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(220,229,242,.9)!important;box-shadow:0 12px 34px rgba(24,49,91,.17)!important;z-index:160!important;backdrop-filter:blur(18px);overflow:visible!important}
  html[data-user-theme="dark"] .mobile-tabbar.rm-material-bottom-nav{background:rgba(15,31,54,.97)!important;border-color:#263b5c!important}
  .rm-material-bottom-nav>a,.rm-material-bottom-nav>button{min-width:0!important;height:54px!important;border:0!important;background:transparent!important;color:#536783!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-decoration:none!important;position:relative!important;padding:0!important;font:inherit!important}
  .rm-material-bottom-nav span{width:42px;height:30px;border-radius:16px;display:grid!important;place-items:center!important;transition:.18s ease}.rm-material-bottom-nav i{font-size:19px!important}.rm-material-bottom-nav small{font-size:10px!important;font-weight:700!important;line-height:1!important}
  .rm-material-bottom-nav .active,.rm-material-bottom-nav [aria-current="page"]{color:#086ff2!important}.rm-material-bottom-nav .active span,.rm-material-bottom-nav [aria-current="page"] span{background:#e7f0ff!important;color:#086ff2!important}
  html[data-user-theme="dark"] .rm-material-bottom-nav .active span,html[data-user-theme="dark"] .rm-material-bottom-nav [aria-current="page"] span{background:#183a68!important}
}

@media(max-width:560px){
  .webmail-topbar{height:68px!important;padding:0 10px!important;gap:7px!important}.rm-mobile-topbar-brand img{width:38px;height:38px}.rm-mobile-topbar-brand strong{font-size:18px}.rm-mobile-topbar-brand small{font-size:8px}.user-mobile-menu,.webmail-search,.webmail-theme-toggle,.webmail-head-icon,.webmail-user-account{width:38px!important;height:38px!important;min-width:38px!important}.user-top-actions{gap:5px!important}.webmail-head-icon:nth-of-type(3){display:none!important}.rm-mobile-welcome{min-height:164px;padding:24px 20px}.rm-mobile-welcome-copy h1{font-size:29px}.rm-mobile-welcome-copy p{font-size:14px}.rm-mobile-welcome-meta{font-size:10px}.user-kpi-card{padding:15px 13px!important;gap:10px!important}.user-kpi-card .user-kpi-icon{width:52px!important;height:52px!important;flex-basis:52px!important}.user-kpi-card strong{font-size:22px!important}.user-recent-list{padding:0 14px!important}.rm-mobile-storage-card{padding:15px}.mobile-tabbar.rm-material-bottom-nav{left:8px!important;right:8px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important}
}

@media(max-width:430px){
  .rm-mobile-topbar-brand small{display:none}.rm-mobile-topbar-brand strong{font-size:17px}.rm-mobile-topbar-brand img{width:36px;height:36px}.user-top-actions{gap:4px!important}.webmail-head-icon:nth-of-type(2){display:none!important}.rm-mobile-welcome-meta{display:none}.rm-mobile-welcome{grid-template-columns:1fr}.rm-mobile-welcome-art{right:7%;opacity:.85}.user-kpi-card{min-height:122px!important}.user-kpi-card .user-kpi-icon{width:48px!important;height:48px!important;flex-basis:48px!important}.user-kpi-card span{font-size:11px!important}.user-kpi-card strong{font-size:20px!important}.user-kpi-card small{font-size:9px!important}.user-recent-mail{grid-template-columns:42px minmax(0,1fr) 18px!important}.user-recent-mail time{display:none!important}
}

/* RobsMail Import & Export — additive page styles only */
.rm-ie-page{padding:28px 30px 100px;overflow:auto!important;min-width:0;max-width:100%;height:100%;box-sizing:border-box}.rm-ie-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.rm-ie-head>div:first-child>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#2563eb}.rm-ie-head h2{margin:4px 0 6px;font-size:27px;font-weight:800}.rm-ie-head p{margin:0;color:var(--rm-muted,#64748b)}.rm-ie-security{display:flex;gap:11px;align-items:center;padding:12px 15px;border:1px solid rgba(37,99,235,.16);border-radius:14px;background:rgba(37,99,235,.055);min-width:270px}.rm-ie-security>i{font-size:22px;color:#2563eb}.rm-ie-security span{display:flex;flex-direction:column}.rm-ie-security small{color:#64748b}.rm-ie-tabs{display:flex;gap:6px;padding:5px;width:max-content;max-width:100%;background:#eef3f9;border-radius:14px;margin-bottom:18px}.rm-ie-tabs button{border:0;background:transparent;padding:10px 18px;border-radius:10px;font-weight:750;color:#64748b}.rm-ie-tabs button.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px rgba(15,23,42,.08)}.rm-ie-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rm-ie-card{background:var(--bs-body-bg,#fff);border:1px solid rgba(148,163,184,.24);border-radius:18px;padding:20px;box-shadow:0 7px 24px rgba(15,23,42,.045);min-width:0}.rm-ie-card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-size:20px;margin-bottom:13px}.rm-ie-card-icon.purple{background:#f2eaff;color:#7c3aed}.rm-ie-card-icon.green{background:#e9fbf1;color:#059669}.rm-ie-card-title h3{font-size:18px;font-weight:800;margin:0 0 5px}.rm-ie-card-title p{font-size:13px;color:#64748b;margin:0 0 18px;line-height:1.5}.rm-ie-form{display:flex;flex-direction:column;gap:14px}.rm-ie-fields,.rm-ie-export-options{display:grid;grid-template-columns:2fr .7fr 1fr;gap:12px}.rm-ie-fields label:nth-child(4){grid-column:1/3}.rm-ie-fields .wide{grid-column:1/-1}.rm-ie-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;color:#475569}.rm-ie-form input,.rm-ie-form select{width:100%;border:1px solid #d9e1ea;border-radius:10px;background:var(--bs-body-bg,#fff);color:inherit;padding:10px 11px;outline:none;min-height:42px}.rm-ie-form input:focus,.rm-ie-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.11)}.rm-ie-check{flex-direction:row!important;align-items:center!important;font-weight:600!important}.rm-ie-check input{width:17px!important;min-height:17px!important}.rm-ie-confirm{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e8edf3}.rm-ie-confirm>i{color:#64748b}.rm-ie-confirm label{flex:1}.rm-ie-primary{border:0;border-radius:11px;padding:11px 15px;background:#2563eb;color:#fff;font-weight:800;min-height:44px}.rm-ie-primary.green{background:#059669}.rm-ie-primary:disabled{opacity:.7}.rm-ie-drop{border:1.5px dashed #b8c5d6!important;border-radius:14px;padding:20px!important;align-items:center;text-align:center;cursor:pointer;background:#f8fbff}.rm-ie-drop>i{font-size:26px;color:#2563eb}.rm-ie-drop small{font-weight:500;color:#64748b}.rm-ie-drop input{border:0!important;padding:7px!important;min-height:auto!important}.rm-ie-note,.rm-ie-result{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:13px 15px;border-radius:13px;background:#f8fafc;border:1px solid #e8edf3;color:#475569;font-size:13px}.rm-ie-result{margin:0 0 18px;background:#ecfdf5;border-color:#bbf7d0;color:#166534}.rm-ie-result>i{font-size:20px}.rm-ie-result div{display:flex;flex-direction:column}.rm-ie-folders{display:flex;flex-wrap:wrap;gap:9px 18px;border:1px solid #e5eaf0;border-radius:13px;padding:12px 14px}.rm-ie-folders legend{float:none;width:auto;padding:0 6px;font-size:12px;font-weight:800}.rm-ie-folders label{flex-direction:row;align-items:center;font-weight:650}.rm-ie-folders input{width:16px;min-height:16px}.rm-ie-export-card{max-width:900px}.robsmail-dark .rm-ie-tabs{background:#111e30}.robsmail-dark .rm-ie-tabs button.active{background:#1a2a40}.robsmail-dark .rm-ie-confirm,.robsmail-dark .rm-ie-note,.robsmail-dark .rm-ie-drop{background:#0d1928;border-color:#24354b}.robsmail-dark .rm-ie-form input,.robsmail-dark .rm-ie-form select{border-color:#2b3b50}.robsmail-dark .rm-ie-card{border-color:#26374b}
@media(max-width:900px){.rm-ie-grid{grid-template-columns:1fr}.rm-ie-head{flex-direction:column}.rm-ie-security{width:100%;min-width:0}.rm-ie-export-options{grid-template-columns:1fr 1fr}.rm-ie-export-options label:first-child{grid-column:1/-1}}
@media(max-width:600px){.rm-ie-page{padding:18px 14px 110px}.rm-ie-head h2{font-size:23px}.rm-ie-tabs{width:100%}.rm-ie-tabs button{flex:1;padding:10px 8px}.rm-ie-card{padding:16px}.rm-ie-fields,.rm-ie-export-options{grid-template-columns:1fr}.rm-ie-fields label:nth-child(4),.rm-ie-fields .wide,.rm-ie-export-options label:first-child{grid-column:auto}.rm-ie-primary{width:100%}}

/* RobsMail Backup & Restore — additive; existing desktop/mobile UI unchanged */
.rm-bk-page{padding:28px 30px 100px;overflow:auto!important;height:100%;min-width:0;box-sizing:border-box}.rm-bk-grid{display:grid;grid-template-columns:minmax(0,680px) minmax(260px,1fr);gap:18px;align-items:stretch}.rm-bk-info{border-radius:18px;padding:22px;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#eef6ff,#f8fbff);border:1px solid #dceafe}.rm-bk-info>i{width:50px;height:50px;border-radius:15px;background:#fff;display:grid;place-items:center;color:#2563eb;font-size:21px;box-shadow:0 5px 16px rgba(37,99,235,.1)}.rm-bk-info strong{font-size:16px}.rm-bk-info p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.5}.rm-bk-list{margin-top:20px;background:var(--bs-body-bg,#fff);border:1px solid rgba(148,163,184,.24);border-radius:18px;overflow:hidden}.rm-bk-list-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e8edf3}.rm-bk-list-head h3{margin:0;font-size:18px;font-weight:800}.rm-bk-list-head p{margin:3px 0 0;color:#64748b;font-size:12px}.rm-bk-list-head a{text-decoration:none;color:#2563eb;font-weight:750;font-size:13px}.rm-bk-table-wrap{overflow:auto}.rm-bk-table{width:100%;border-collapse:collapse;min-width:720px}.rm-bk-table th,.rm-bk-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #edf1f5;font-size:13px}.rm-bk-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc}.rm-bk-table td:first-child strong,.rm-bk-table td:first-child small{display:block}.rm-bk-table td:first-child small{color:#94a3b8;margin-top:3px;font-size:10px}.rm-bk-actions{display:flex;gap:7px}.rm-bk-actions a,.rm-bk-actions button{border:1px solid #dce4ee;background:#fff;color:#334155;border-radius:9px;padding:7px 9px;text-decoration:none;font-size:12px;font-weight:700}.rm-bk-actions .danger{color:#dc2626}.rm-bk-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:7px}.rm-bk-empty>i{font-size:30px;color:#94a3b8}.rm-bk-empty strong{color:inherit}.rm-bk-empty span{font-size:12px}.robsmail-dark .rm-bk-info{background:#102039;border-color:#233a5c}.robsmail-dark .rm-bk-list{border-color:#26374b}.robsmail-dark .rm-bk-list-head,.robsmail-dark .rm-bk-table th,.robsmail-dark .rm-bk-table td{border-color:#26374b}.robsmail-dark .rm-bk-table th{background:#111e30}.robsmail-dark .rm-bk-actions a,.robsmail-dark .rm-bk-actions button{background:#132238;border-color:#2b3d57;color:#e5edf9}.robsmail-dark .rm-bk-actions .danger{color:#f87171}
@media(max-width:900px){.rm-bk-grid{grid-template-columns:1fr}.rm-bk-page{padding:20px 18px 110px}}
@media(max-width:600px){.rm-bk-page{padding:18px 14px 110px}.rm-bk-list-head{align-items:flex-start}.rm-bk-actions span{display:none}.rm-bk-actions a,.rm-bk-actions button{width:34px;height:34px;padding:0;display:grid;place-items:center}}


/* ==========================================================================
   RobsMail NEW MAIL sidebar indicator
   Red is reserved here for unread/new Inbox mail.
   ========================================================================== */
.rm-mailbox-toggle{
  grid-template-columns:34px minmax(0,1fr) auto auto auto 14px;
}

/* Red unread number beside the normal mailbox total. */
.rm-mailbox-unread-badge{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ef3340;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:9.5px;
  font-weight:900;
  line-height:1;
  box-shadow:0 4px 12px rgba(239,51,64,.30);
}
.rm-mailbox-unread-badge[hidden]{display:none!important}

/* A small red dot on the mailbox envelope makes new mail visible even when
   the mailbox group is collapsed. */
.rm-mailbox-card.has-unread .rm-mailbox-avatar{
  position:relative;
}
.rm-mailbox-card.has-unread .rm-mailbox-avatar::after{
  content:"";
  position:absolute;
  top:-3px;
  right:-3px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ef3340;
  border:2px solid #0a2857;
  box-shadow:0 0 0 2px rgba(239,51,64,.12),0 2px 7px rgba(239,51,64,.45);
}

/* Inside the expanded mailbox, Inbox count becomes red while unread mail exists. */
.rm-folder-link em.has-unread{
  background:#ef3340!important;
  border-color:#ef3340!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(239,51,64,.25);
}
.rm-folder-link.active em.has-unread{
  background:#ef3340!important;
  border-color:#ff6670!important;
  color:#fff!important;
}

/* Keep indicator visible on the collapsed desktop sidebar as a dot. */
@media(min-width:821px){
  body.rm-sidebar-collapsed .rm-mailbox-card.has-unread .rm-mailbox-avatar::after{
    width:10px;
    height:10px;
    top:-2px;
    right:-2px;
  }
}

/* Mobile/PWA: make the unread indicator clear without widening the sidebar. */
@media(max-width:820px){
  .rm-mailbox-toggle{
    grid-template-columns:34px minmax(0,1fr) auto auto auto 12px;
    gap:6px;
  }
  .rm-mailbox-unread-badge{
    min-width:19px;
    height:19px;
    padding:0 5px;
    font-size:9px;
  }
}

/* ==========================================================
   RobsMail mobile/PWA message preview gap fix - 2026-09-09
   Keep the message reader content-sized on mobile so the
   subject, actions and message thread stay together naturally.
   ========================================================== */
@media (max-width: 900px) {
  .webmail-inbox-shell.preview-open .mail-preview-content {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding-top: 14px !important;
  }

  .webmail-inbox-shell.preview-open .preview-toolbar {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }

  .webmail-inbox-shell.preview-open .preview-title-wrap,
  .webmail-inbox-shell.preview-open .preview-toolbar-actions {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .webmail-inbox-shell.preview-open .preview-body.has-conversation-thread {
    margin-top: 0 !important;
    padding-top: 12px !important;
  }
}

@media (max-width: 560px) {
  .webmail-inbox-shell.preview-open .preview-toolbar {
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
}


/* ==========================================================
   RobsMail message recipient details - 2026-09-09
   Present To / Cc / Bcc clearly without changing the reader layout.
   ========================================================== */
.thread-head-copy .thread-from-email{
  display:block;
  margin-top:3px;
  color:var(--user-muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.thread-recipient-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:8px;
  min-width:0;
}
.thread-recipient-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:7px;
  align-items:start;
  min-width:0;
  color:var(--user-muted);
  font-size:11.5px;
  line-height:1.45;
}
.thread-recipient-row>b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:2px 6px;
  border:1px solid color-mix(in srgb,#1769ee 18%,var(--user-border));
  border-radius:999px;
  background:color-mix(in srgb,#1769ee 7%,var(--user-card));
  color:#3b6ddf;
  font-size:9.5px;
  font-weight:850;
  line-height:1;
}
.thread-recipient-row.is-bcc>b{
  border-color:color-mix(in srgb,#7c3aed 20%,var(--user-border));
  background:color-mix(in srgb,#7c3aed 7%,var(--user-card));
  color:#7c3aed;
}
.thread-recipient-row>span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
  color:var(--user-text);
  opacity:.82;
  padding-top:2px;
}
html[data-user-theme="dark"] .thread-recipient-row>b{
  border-color:#315a93;
  background:#112b50;
  color:#8ab7ff;
}
html[data-user-theme="dark"] .thread-recipient-row.is-bcc>b{
  border-color:#5c4291;
  background:#251b46;
  color:#c4a9ff;
}
html[data-user-theme="dark"] .thread-recipient-row>span{color:#c8d6e9;opacity:1}
.thread-message-head{
  align-items:start!important;
  min-height:92px!important;
}
.thread-message-head .thread-avatar{margin-top:1px}
.thread-message-head time{padding-top:2px}
.thread-message-head>i{margin-top:4px}
@media(max-width:820px){
  .thread-message-head{
    grid-template-columns:34px minmax(0,1fr) 16px!important;
    min-height:0!important;
    padding:11px!important;
    gap:9px!important;
  }
  .thread-head-copy .thread-from-email{
    font-size:11px!important;
    line-height:1.4!important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .thread-recipient-meta{gap:5px;margin-top:7px}
  .thread-recipient-row{
    grid-template-columns:31px minmax(0,1fr);
    gap:6px;
    font-size:11px;
    line-height:1.4;
  }
  .thread-recipient-row>b{min-height:19px;padding:2px 5px;font-size:9px}
  .thread-recipient-row>span{padding-top:1px}
  .thread-message-head time{display:none!important}
  .thread-message-head>i{grid-column:3;grid-row:1;margin-top:5px}
}


/* ==========================================================
   RobsMail recipient View details / Hide details toggle
   Shows and hides only To / Cc / Bcc without affecting message state.
   ========================================================== */
.thread-recipient-toggle{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:6px;
  color:#5578c9;
  font-size:10.5px;
  font-weight:750;
  line-height:1.25;
  cursor:pointer;
  user-select:none;
}
.thread-recipient-toggle:hover{color:#1769ee;text-decoration:underline}
.thread-recipient-toggle>i{font-size:8px;transition:transform .18s ease}
.thread-recipient-toggle.open>i{transform:rotate(180deg)}
.thread-recipient-meta[hidden]{display:none!important}
html[data-user-theme="dark"] .thread-recipient-toggle{color:#8fb7ff}
html[data-user-theme="dark"] .thread-recipient-toggle:hover{color:#b6d0ff}
@media(max-width:820px){
  .thread-recipient-toggle{margin-top:5px;font-size:10px;gap:4px}
}

/* ==========================================================
   RobsMail mobile compose keyboard / iOS focus-zoom fix
   Strictly scoped to the compose modal so dashboard styling
   and every other RobsMail view remain untouched.
   ========================================================== */
@media (max-width:900px){
  .robsmail-compose-modal.advanced-compose,
  .robsmail-compose-modal.advanced-compose.expanded{
    top:calc(var(--rm-viewport-offset-top, 0px) + 58px)!important;
    right:8px!important;
    bottom:auto!important;
    left:8px!important;
    width:auto!important;
    height:calc(var(--rm-viewport-height, 100vh) - 58px)!important;
    max-height:calc(var(--rm-viewport-height, 100vh) - 58px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .robsmail-compose-modal.advanced-compose .compose-address-row input,
  .robsmail-compose-modal.advanced-compose .compose-subject-row input,
  .robsmail-compose-modal.advanced-compose .compose-editor,
  .robsmail-compose-modal.advanced-compose .compose-code-editor,
  .robsmail-compose-modal.advanced-compose .compose-plugin-panel input,
  .robsmail-compose-modal.advanced-compose .compose-plugin-panel textarea,
  .robsmail-compose-modal.advanced-compose .compose-plugin-panel select,
  .robsmail-compose-modal.advanced-compose input[type="text"],
  .robsmail-compose-modal.advanced-compose input[type="email"],
  .robsmail-compose-modal.advanced-compose input[type="search"],
  .robsmail-compose-modal.advanced-compose textarea,
  .robsmail-compose-modal.advanced-compose [contenteditable="true"]{
    font-size:16px!important;
  }

  .robsmail-compose-modal.advanced-compose .compose-modal-form,
  .robsmail-compose-modal.advanced-compose .compose-editor-wrap{
    min-height:0!important;
    max-height:100%;
  }
  .robsmail-compose-modal.advanced-compose .compose-editor-wrap{
    flex:1 1 auto;
    overflow:hidden;
  }
  .robsmail-compose-modal.advanced-compose .compose-editor{
    min-height:0!important;
    height:100%;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    overflow-wrap:anywhere;
  }
}

@media (max-width:560px){
  .robsmail-compose-modal.advanced-compose,
  .robsmail-compose-modal.advanced-compose.expanded{
    top:calc(var(--rm-viewport-offset-top, 0px) + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:calc(var(--rm-viewport-height, 100vh) - 8px)!important;
    max-height:calc(var(--rm-viewport-height, 100vh) - 8px)!important;
    border-radius:0!important;
  }
}

/* ==========================================================
   RobsMail Dashboard V2 — desktop + responsive styling
   Strictly scoped to .rm-dashboard-v2 so other screens stay untouched.
   ========================================================== */
.rm-dashboard-v2{background:var(--user-bg)!important;color:var(--user-text)}
.rm-dashboard-v2 *{box-sizing:border-box}
.rm-dashboard-v2 .rm-dash-shell{width:100%;max-width:1680px;margin:0 auto;padding:26px 28px 30px}

.rm-dashboard-v2 .rm-dash-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr) minmax(245px,.62fr);gap:18px;align-items:stretch;margin-bottom:18px;padding:0;border-radius:20px;background:linear-gradient(135deg,#edf5ff 0%,#f7faff 52%,#eef4ff 100%);border:1px solid #dfe9f7;overflow:hidden;box-shadow:0 10px 28px rgba(31,73,125,.06)}
.rm-dashboard-v2 .rm-dash-hero-main{display:flex;align-items:center;gap:18px;min-width:0;padding:25px 26px}
.rm-dashboard-v2 .rm-dash-hero-icon{width:68px;height:68px;flex:0 0 68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#e4efff,#d6e6ff);color:#2867e8;font-size:27px;box-shadow:inset 0 0 0 1px rgba(64,109,213,.08)}
.rm-dashboard-v2 .rm-dash-eyebrow{display:block;margin-bottom:3px;font-size:12px;font-weight:750;letter-spacing:.02em;color:#6f83a5}
.rm-dashboard-v2 .rm-dash-hero h1{margin:0;font-size:27px;line-height:1.15;letter-spacing:-.7px;color:#14213f;font-weight:850;overflow-wrap:anywhere}
.rm-dashboard-v2 .rm-dash-hero p{margin:8px 0 0;color:#697c9b;font-size:12px;line-height:1.55}
.rm-dashboard-v2 .rm-dash-hero p strong{color:#14213f}
.rm-dashboard-v2 .rm-dash-hero blockquote{margin:0;padding:24px 22px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(101,129,177,.16);color:#435471;font-size:13px;font-style:italic;line-height:1.6}
.rm-dashboard-v2 .rm-dash-hero blockquote strong{display:block;margin-top:7px;color:#172444;font-style:normal;font-size:12px}
.rm-dashboard-v2 .rm-dash-date-card{display:flex;align-items:center;gap:13px;padding:22px 20px;border-left:1px solid rgba(101,129,177,.16);background:rgba(255,255,255,.34)}
.rm-dashboard-v2 .rm-dash-date-card>span{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#356ee6;box-shadow:0 7px 18px rgba(57,95,158,.09)}
.rm-dashboard-v2 .rm-dash-date-card>div{display:flex;min-width:0;flex-direction:column}
.rm-dashboard-v2 .rm-dash-date-card b{font-size:12px;color:#6c7f9f;font-weight:700}
.rm-dashboard-v2 .rm-dash-date-card strong{margin-top:2px;font-size:15px;color:#182542}
.rm-dashboard-v2 .rm-dash-date-card small{margin-top:3px;font-size:9px;color:#8190aa}

.rm-dashboard-v2 .rm-dash-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:18px}
.rm-dashboard-v2 .rm-metric{position:relative;min-width:0;min-height:128px;padding:17px 16px 15px;border:1px solid var(--user-border);border-radius:17px;background:var(--user-card);box-shadow:0 7px 22px rgba(35,64,108,.045);text-decoration:none;color:var(--user-text);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rm-dashboard-v2 .rm-metric:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,64,108,.09);border-color:#cddaf0}
.rm-dashboard-v2 .rm-metric-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:11px;font-size:15px}
.rm-dashboard-v2 .rm-metric.blue .rm-metric-icon{color:#2568e8;background:#eaf1ff}.rm-dashboard-v2 .rm-metric.green .rm-metric-icon{color:#13a866;background:#e8f8ef}.rm-dashboard-v2 .rm-metric.purple .rm-metric-icon{color:#8151e8;background:#f0eaff}.rm-dashboard-v2 .rm-metric.pink .rm-metric-icon{color:#e05273;background:#fff0f4}.rm-dashboard-v2 .rm-metric.amber .rm-metric-icon{color:#d99500;background:#fff6dc}.rm-dashboard-v2 .rm-metric.teal .rm-metric-icon{color:#0e9c9c;background:#e7f8f7}
.rm-dashboard-v2 .rm-metric small{display:block;color:var(--user-muted);font-size:10px;font-weight:700}.rm-dashboard-v2 .rm-metric strong{display:block;margin:3px 0 4px;font-size:22px;line-height:1.05;color:var(--user-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-dashboard-v2 .rm-metric p{margin:0;color:var(--user-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-dashboard-v2 .rm-metric-arrow{position:absolute;right:13px;top:18px;font-size:10px;color:#9aa9c1}.rm-dashboard-v2 .rm-spark{position:absolute;right:12px;bottom:8px;max-width:62%;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:-1px;opacity:.78}.rm-dashboard-v2 .rm-metric.blue .rm-spark{color:#3e72ef}.rm-dashboard-v2 .rm-metric.green .rm-spark{color:#20b66e}.rm-dashboard-v2 .rm-metric.purple .rm-spark{color:#8d5aef}.rm-dashboard-v2 .rm-metric.pink .rm-spark{color:#e86582}.rm-dashboard-v2 .rm-metric.amber .rm-spark{color:#e2a51b}
.rm-dashboard-v2 .rm-metric-progress{display:block;height:5px;border-radius:999px;margin-top:8px;background:#e8edf5;overflow:hidden}.rm-dashboard-v2 .rm-metric-progress i{display:block;height:100%;border-radius:inherit;background:#18a6a1}

.rm-dashboard-v2 .rm-dash-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:18px;align-items:start}
.rm-dashboard-v2 .rm-dash-side{display:grid;gap:18px;min-width:0}
.rm-dashboard-v2 .rm-dash-card{min-width:0;border:1px solid var(--user-border);border-radius:18px;background:var(--user-card);box-shadow:0 8px 24px rgba(32,60,105,.045);overflow:hidden}
.rm-dashboard-v2 .rm-card-head{min-height:68px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--user-border)}
.rm-dashboard-v2 .rm-card-head h2{margin:0;font-size:15px;font-weight:820;color:var(--user-text)}
.rm-dashboard-v2 .rm-card-head p{margin:3px 0 0;font-size:9px;color:var(--user-muted)}
.rm-dashboard-v2 .rm-card-head a{color:#2867e8;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap}

.rm-dashboard-v2 .rm-recent-tabs{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--user-border);overflow-x:auto;scrollbar-width:none}.rm-dashboard-v2 .rm-recent-tabs::-webkit-scrollbar{display:none}.rm-dashboard-v2 .rm-recent-tabs button{height:30px;padding:0 11px;border:1px solid var(--user-border);border-radius:999px;background:transparent;color:var(--user-muted);font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.rm-dashboard-v2 .rm-recent-tabs button.active{border-color:#326dea;background:#edf3ff;color:#2867e8}.rm-dashboard-v2 .rm-recent-tabs button span{margin-left:3px}
.rm-dashboard-v2 .rm-recent-list{padding:0 16px}
.rm-dashboard-v2 .rm-recent-row{position:relative;display:grid;grid-template-columns:40px 8px minmax(0,1fr) auto auto 18px;gap:10px;align-items:center;min-height:82px;border-bottom:1px solid var(--user-border);color:var(--user-text);text-decoration:none}.rm-dashboard-v2 .rm-recent-row:last-child{border-bottom:0}.rm-dashboard-v2 .rm-recent-row:hover{background:color-mix(in srgb,#3472ee 4%,transparent)}
.rm-dashboard-v2 .rm-recent-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:#2867e8;font-size:12px;font-weight:800}.rm-dashboard-v2 .rm-recent-row:nth-child(2n) .rm-recent-avatar{background:#f0eaff;color:#7d54d9}.rm-dashboard-v2 .rm-recent-row:nth-child(3n) .rm-recent-avatar{background:#e8f7ef;color:#15965f}
.rm-dashboard-v2 .rm-recent-dot{width:6px;height:6px;border-radius:50%;background:transparent}.rm-dashboard-v2 .rm-recent-row.is-unread .rm-recent-dot{background:#2e6ee8}.rm-dashboard-v2 .rm-recent-copy{min-width:0;display:flex;flex-direction:column}.rm-dashboard-v2 .rm-recent-copy strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-dashboard-v2 .rm-recent-copy b{margin-top:2px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-dashboard-v2 .rm-recent-copy small{margin-top:3px;font-size:9px;color:var(--user-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-dashboard-v2 .rm-category-pill{padding:4px 8px;border-radius:999px;background:#eef3fb;color:#6a7b98;font-size:8px;font-weight:700}.rm-dashboard-v2 .rm-recent-row time{color:var(--user-muted);font-size:8px;white-space:nowrap}.rm-dashboard-v2 .rm-recent-row>i{color:#94a3bb;font-size:12px}.rm-dashboard-v2 .rm-recent-row.is-starred>i{color:#f1ab16}

.rm-dashboard-v2 .rm-range-pill{height:28px;padding:0 9px;border:1px solid var(--user-border);border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--user-muted);font-size:9px;font-weight:700}.rm-dashboard-v2 .rm-mail-chart{position:relative;height:220px;padding:20px 18px 16px}.rm-dashboard-v2 .rm-chart-grid-lines{position:absolute;left:18px;right:18px;top:23px;bottom:48px;display:flex;flex-direction:column;justify-content:space-between}.rm-dashboard-v2 .rm-chart-grid-lines i{height:1px;background:var(--user-border);opacity:.7}.rm-dashboard-v2 .rm-chart-bars{position:relative;z-index:2;height:145px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:0 3px}.rm-dashboard-v2 .rm-chart-day{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px}.rm-dashboard-v2 .rm-chart-day i{width:34%;min-width:3px;border-radius:4px 4px 0 0}.rm-dashboard-v2 .rm-chart-day i.received{background:#3372eb}.rm-dashboard-v2 .rm-chart-day i.sent{background:#7e55df}.rm-dashboard-v2 .rm-chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--user-muted);font-size:7px}.rm-dashboard-v2 .rm-chart-legend{display:flex;justify-content:center;gap:15px;margin-top:11px;color:var(--user-muted);font-size:8px}.rm-dashboard-v2 .rm-chart-legend span{display:flex;align-items:center;gap:5px}.rm-dashboard-v2 .rm-chart-legend i{width:7px;height:7px;border-radius:50%}.rm-dashboard-v2 .rm-chart-legend i.received{background:#3372eb}.rm-dashboard-v2 .rm-chart-legend i.sent{background:#7e55df}

.rm-dashboard-v2 .rm-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px}.rm-dashboard-v2 .rm-quick-actions button,.rm-dashboard-v2 .rm-quick-actions a{min-height:42px;border:1px solid var(--user-border);border-radius:11px;background:var(--user-card);color:var(--user-text);display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 11px;text-decoration:none;font-size:9px;font-weight:700;cursor:pointer}.rm-dashboard-v2 .rm-quick-actions button.primary{background:#2867e8;border-color:#2867e8;color:#fff}.rm-dashboard-v2 .rm-quick-actions i{width:15px;text-align:center}
.rm-dashboard-v2 .rm-storage-card>.rm-card-head{border-bottom:0;padding-bottom:8px}.rm-dashboard-v2 .rm-storage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 18px 0}.rm-dashboard-v2 .rm-storage-row>span{height:8px;border-radius:999px;background:#edf1f7;overflow:hidden}.rm-dashboard-v2 .rm-storage-row>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2867e8,#55a1ff)}.rm-dashboard-v2 .rm-storage-row>b{font-size:11px;color:#2867e8}.rm-dashboard-v2 .rm-storage-card>p{margin:9px 18px 17px;color:var(--user-muted);font-size:9px}.rm-dashboard-v2 .rm-storage-card>p strong{color:var(--user-text)}
.rm-dashboard-v2+.rm-dashboard-footer,.rm-dashboard-v2 .rm-dashboard-footer{margin-top:0}

html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-hero{background:linear-gradient(135deg,#10213a,#0f1c31 55%,#13243f);border-color:#263b5b}.rm-dashboard-v2 .rm-dash-hero h1{color:var(--user-text)}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-hero p,html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-eyebrow{color:#9fb0ca}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-hero p strong,html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-hero blockquote strong,html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-date-card strong{color:#edf4ff}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-hero blockquote{color:#a8b8d1;border-color:#283b58}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-date-card{border-color:#283b58;background:rgba(255,255,255,.025)}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-dash-date-card>span{background:#152844;color:#6fa0ff}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-category-pill{background:#172842;color:#a8bad6}html[data-user-theme="dark"] .rm-dashboard-v2 .rm-metric-progress,html[data-user-theme="dark"] .rm-dashboard-v2 .rm-storage-row>span{background:#20324b}

@media(max-width:1400px){.rm-dashboard-v2 .rm-dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.rm-dashboard-v2 .rm-dash-hero{grid-template-columns:minmax(0,1.35fr) minmax(220px,.72fr)}.rm-dashboard-v2 .rm-dash-date-card{grid-column:1/-1;border-left:0;border-top:1px solid rgba(101,129,177,.16);padding:14px 20px}.rm-dashboard-v2 .rm-dash-date-card>span{width:38px;height:38px;flex-basis:38px}}
@media(max-width:1080px){.rm-dashboard-v2 .rm-dash-grid{grid-template-columns:1fr}.rm-dashboard-v2 .rm-dash-side{grid-template-columns:1fr 1fr}.rm-dashboard-v2 .rm-storage-card{grid-column:1/-1}.rm-dashboard-v2 .rm-dash-hero{grid-template-columns:1fr}.rm-dashboard-v2 .rm-dash-hero blockquote,.rm-dashboard-v2 .rm-dash-date-card{border-left:0;border-top:1px solid rgba(101,129,177,.16)}.rm-dashboard-v2 .rm-dash-hero blockquote{padding:17px 22px}.rm-dashboard-v2 .rm-dash-date-card{grid-column:auto}}
@media(max-width:820px){.rm-dashboard-v2 .rm-dash-shell{padding:14px 14px 92px}.rm-dashboard-v2 .rm-dash-hero{border-radius:18px}.rm-dashboard-v2 .rm-dash-hero-main{padding:20px 18px}.rm-dashboard-v2 .rm-dash-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:16px;font-size:21px}.rm-dashboard-v2 .rm-dash-hero h1{font-size:22px}.rm-dashboard-v2 .rm-dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rm-dashboard-v2 .rm-metric{min-height:119px}.rm-dashboard-v2 .rm-dash-side{grid-template-columns:1fr}.rm-dashboard-v2 .rm-storage-card{grid-column:auto}.rm-dashboard-v2 .rm-recent-row{grid-template-columns:38px 6px minmax(0,1fr) auto 16px}.rm-dashboard-v2 .rm-recent-row time{display:none}.rm-dashboard-v2 .rm-category-pill{font-size:7px}.rm-dashboard-v2 .rm-activity-card{display:none}}
@media(max-width:520px){.rm-dashboard-v2 .rm-dash-shell{padding:10px 10px 90px}.rm-dashboard-v2 .rm-dash-hero-main{padding:17px 14px;gap:12px}.rm-dashboard-v2 .rm-dash-hero-icon{width:46px;height:46px;flex-basis:46px}.rm-dashboard-v2 .rm-dash-hero h1{font-size:19px}.rm-dashboard-v2 .rm-dash-hero p{font-size:10px}.rm-dashboard-v2 .rm-dash-hero blockquote{font-size:11px}.rm-dashboard-v2 .rm-dash-date-card{padding:12px 14px}.rm-dashboard-v2 .rm-dash-metrics{grid-template-columns:1fr 1fr}.rm-dashboard-v2 .rm-metric{min-height:116px;padding:14px 13px}.rm-dashboard-v2 .rm-metric strong{font-size:19px}.rm-dashboard-v2 .rm-card-head{padding:14px}.rm-dashboard-v2 .rm-recent-tabs{padding:10px 12px}.rm-dashboard-v2 .rm-recent-list{padding:0 10px}.rm-dashboard-v2 .rm-recent-row{gap:7px;min-height:74px}.rm-dashboard-v2 .rm-category-pill{display:none}.rm-dashboard-v2 .rm-recent-copy small{max-width:100%}.rm-dashboard-v2 .rm-quick-actions{grid-template-columns:1fr}.rm-dashboard-v2 .rm-storage-card>p{line-height:1.5}}

/* Dashboard Recent Emails: compact, balanced scroll area */
.rm-dashboard-v2 .rm-recent-list{
  max-height:330px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  overscroll-behavior:contain;
}
.rm-dashboard-v2 .rm-recent-list::-webkit-scrollbar{width:7px}
.rm-dashboard-v2 .rm-recent-list::-webkit-scrollbar-track{background:transparent}
.rm-dashboard-v2 .rm-recent-list::-webkit-scrollbar-thumb{background:rgba(100,123,158,.35);border-radius:999px}
.rm-dashboard-v2 .rm-recent-list::-webkit-scrollbar-thumb:hover{background:rgba(100,123,158,.55)}
@media(max-width:820px){
  .rm-dashboard-v2 .rm-recent-list{max-height:290px}
}
@media(max-width:520px){
  .rm-dashboard-v2 .rm-recent-list{max-height:260px}
}


/* Dashboard Recent Emails: align bottom with Storage Usage card (desktop only) */
@media (min-width: 1101px) {
  .rm-dashboard-v2 .rm-dash-recent-card {
    height: 100% !important;
    min-height: 720px !important;
  }

  .rm-dashboard-v2 .rm-dash-recent-list {
    max-height: none !important;
    height: calc(100% - 142px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}


/* Exact desktop alignment: Recent Emails bottom = Storage Usage bottom */
@media (min-width: 1081px) {
  .rm-dashboard-v2 .rm-dash-grid {
    align-items: stretch !important;
  }

  .rm-dashboard-v2 .rm-recent-card {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .rm-dashboard-v2 .rm-recent-card .rm-recent-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  .rm-dashboard-v2 .rm-dash-side {
    height: 100% !important;
  }
}


/* RobsMail Inbox: fixed controls + vertically scrollable mail rows */
.webmail-inbox-shell .webmail-list-pane{
  overflow:hidden!important;
}
.webmail-inbox-shell .webmail-list-pane #inboxFragment{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.webmail-inbox-shell .webmail-list-pane #inboxFragment>.webmail-message-list{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.webmail-inbox-shell .webmail-list-pane #inboxFragment>.webmail-list-empty,
.webmail-inbox-shell .webmail-list-pane #inboxFragment>.webmail-error{
  overflow-y:auto!important;
}

/* Inbox-only search: stays visible above the scrolling rows */
.inbox-mail-search{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 16px;
  border-bottom:1px solid var(--user-border);
  background:var(--user-card);
}
.inbox-mail-search-field{
  min-width:0;
  flex:1 1 auto;
  height:40px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid var(--user-border);
  border-radius:10px;
  background:var(--user-bg);
  color:var(--user-muted);
}
.inbox-mail-search-field:focus-within{
  border-color:#4f7cff;
  box-shadow:0 0 0 3px rgba(79,124,255,.10);
}
.inbox-mail-search-field i{font-size:13px;color:#6f83a5}
.inbox-mail-search-field input{
  min-width:0;
  width:100%;
  height:100%;
  border:0!important;
  outline:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--user-text)!important;
  font-size:13px;
  box-shadow:none!important;
}
.inbox-mail-search-field input::placeholder{color:var(--user-muted)}
.inbox-mail-search-submit,.inbox-mail-search-clear{
  flex:0 0 auto;
  height:40px;
  padding:0 13px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.inbox-mail-search-submit{
  border:1px solid #3f6ff1;
  background:#4a72f5;
  color:#fff;
}
.inbox-mail-search-clear{
  border:1px solid var(--user-border);
  background:var(--user-card);
  color:var(--user-muted);
}
.inbox-mail-search-submit:hover{background:#3562e8}
.inbox-mail-search-clear:hover{color:#315fdc;border-color:#93adf3}
html[data-user-theme="dark"] .inbox-mail-search,
html[data-user-theme="dark"] .inbox-mail-search-clear{background:#0f1d31!important;border-color:#253650!important}
html[data-user-theme="dark"] .inbox-mail-search-field{background:#0b182a!important;border-color:#2b4160!important}

@media(max-width:900px){
  .inbox-mail-search{padding:9px 12px;gap:7px}
  .inbox-mail-search-field{height:42px}
  .inbox-mail-search-field input{font-size:16px!important} /* prevent iOS focus zoom */
  .inbox-mail-search-submit,.inbox-mail-search-clear{height:42px;padding:0 12px}
  .inbox-mail-search-clear span{display:none}
}
@media(max-width:520px){
  .inbox-mail-search-submit{width:42px;padding:0}
  .inbox-mail-search-submit span{display:none}
  .inbox-mail-search-clear{width:42px;padding:0}
}

/* Folder mail search + endless older-message loading */
.webmail-inbox-shell .mail-search-row{
  flex:0 0 auto;
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  margin:0;
  border-bottom:1px solid var(--user-border);
  background:var(--user-card);
  box-sizing:border-box;
}
.webmail-inbox-shell .mail-list-search{
  flex:1 1 auto;
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 11px;
  margin:0;
  border:1px solid var(--user-border);
  border-radius:10px;
  background:var(--user-bg,#f7f9fc);
  color:var(--user-muted);
  box-sizing:border-box;
  overflow:hidden;
}
.webmail-inbox-shell .mail-list-search:focus-within{
  border-color:#4f73ef;
  box-shadow:0 0 0 3px rgba(79,115,239,.10);
}
.webmail-inbox-shell .mail-list-search>i{
  flex:0 0 auto;
  font-size:14px;
  color:#7083a5;
}
.webmail-inbox-shell .mail-list-search input[type="search"]{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  height:40px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  appearance:none;
  -webkit-appearance:none;
  background:transparent!important;
  color:var(--user-text)!important;
  font:inherit;
  font-size:13px!important;
  line-height:40px;
  box-sizing:border-box;
}
.webmail-inbox-shell .mail-list-search input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
}
.webmail-inbox-shell .mail-list-search input::placeholder{
  color:var(--user-muted);
  opacity:.9;
}
.webmail-inbox-shell .mail-search-clear{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:var(--user-muted);
  text-decoration:none;
  background:transparent;
}
.webmail-inbox-shell .mail-search-clear:hover{
  color:#315fdc;
  background:rgba(79,115,239,.08);
}
.webmail-inbox-shell .mail-search-submit{
  flex:0 0 auto;
  height:42px;
  min-width:88px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  background:#4f6fe8;
  color:#fff;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.webmail-inbox-shell .mail-search-submit:hover{filter:brightness(.97)}

/* Folder pages: controls stay fixed; only message rows scroll. */
.webmail-inbox-shell .webmail-list-pane>.webmail-message-list{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.mail-infinite-sentinel{
  position:relative;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px 18px;
  background:var(--user-card);
  color:var(--user-muted);
  font-size:11px;
  text-align:center;
  box-sizing:border-box;
}
.mail-infinite-sentinel span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 13px;
  border:1px solid var(--user-border);
  border-radius:999px;
  background:var(--user-bg,#f7f9fc);
  box-shadow:0 3px 10px rgba(23,39,75,.05);
  white-space:nowrap;
}
.mail-infinite-sentinel.is-loading span:before{
  content:"";
  width:12px;
  height:12px;
  margin-right:7px;
  border:2px solid rgba(79,111,232,.22);
  border-top-color:#4f6fe8;
  border-radius:50%;
  animation:robsmailMailSyncSpin .75s linear infinite;
}
.mail-infinite-sentinel.is-complete span{opacity:.72}
.mail-infinite-sentinel.has-error span{color:#b94a55;border-color:rgba(185,74,85,.25)}
@keyframes robsmailMailSyncSpin{to{transform:rotate(360deg)}}

html[data-user-theme="dark"] .webmail-inbox-shell .mail-search-row,
html[data-user-theme="dark"] .mail-infinite-sentinel{
  background:#0f1d31!important;
  border-color:#253650!important;
}
html[data-user-theme="dark"] .webmail-inbox-shell .mail-list-search,
html[data-user-theme="dark"] .mail-infinite-sentinel span{
  background:#0b182a!important;
  color:#eaf1fb!important;
  border-color:#2b4160!important;
}

@media (max-width:700px){
  .webmail-inbox-shell .mail-search-row{padding:8px 10px;gap:8px}
  .webmail-inbox-shell .mail-list-search{height:42px}
  .webmail-inbox-shell .mail-list-search input[type="search"]{font-size:16px!important}
  .webmail-inbox-shell .mail-search-submit{width:42px;min-width:42px;padding:0}
  .webmail-inbox-shell .mail-search-submit span{display:none}
  .mail-infinite-sentinel{min-height:54px;padding-bottom:14px}
}

/* =========================================================
   RobsMail Contacts V2 — scoped repair
   ========================================================= */
.rm-contacts-v2{padding:24px 28px 38px;min-width:0;color:var(--user-text)}
.rm-contacts-v2 .rm-contacts-shell{max-width:1480px;margin:0 auto;min-width:0}
.rm-contacts-v2 .rm-contacts-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr) auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--user-border);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--user-card) 94%,#eef4ff 6%),var(--user-card));box-shadow:var(--user-shadow);overflow:hidden}
.rm-contacts-v2 .rm-contacts-hero-title{display:flex;align-items:center;gap:16px;min-width:0}
.rm-contacts-v2 .rm-contacts-hero-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#4f70ed,#3158d8);color:#fff;font-size:21px;box-shadow:0 10px 24px rgba(79,112,237,.22)}
.rm-contacts-v2 .rm-contacts-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:3px;color:#5572a3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.rm-contacts-v2 .rm-contacts-hero h2{margin:0;color:var(--user-text);font-size:28px;line-height:1.15;font-weight:850}
.rm-contacts-v2 .rm-contacts-hero p{margin:6px 0 0;color:var(--user-muted);font-size:12px;line-height:1.55}
.rm-contacts-v2 .rm-contacts-quote{padding:13px 16px;border-left:3px solid #4f70ed;color:var(--user-muted);font-size:11px;line-height:1.55;background:rgba(79,112,237,.045);border-radius:0 12px 12px 0}
.rm-contacts-v2 .rm-contacts-quote strong{display:block;margin-top:2px;color:var(--user-text)}
.rm-contacts-v2 .rm-add-contact-btn,.rm-contacts-v2 .rm-contact-tool-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--user-border);border-radius:11px;background:var(--user-card);color:var(--user-text);font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease;white-space:nowrap}
.rm-contacts-v2 .rm-add-contact-btn{border-color:transparent;background:linear-gradient(135deg,#4f70ed,#365fdc);color:#fff;box-shadow:0 8px 18px rgba(79,112,237,.18)}
.rm-contacts-v2 .rm-contact-tool-btn:hover{border-color:#91aaf2;color:#365fdf;background:rgba(79,112,237,.05)}
.rm-contacts-v2 .rm-contact-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}
.rm-contacts-v2 .rm-contact-stat{display:flex;align-items:center;gap:12px;min-width:0;padding:15px 16px;border:1px solid var(--user-border);border-radius:15px;background:var(--user-card);box-shadow:var(--user-shadow)}
.rm-contacts-v2 .rm-contact-stat>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;font-size:14px}
.rm-contacts-v2 .rm-contact-stat.blue>span{background:rgba(79,112,237,.11);color:#4f70ed}.rm-contacts-v2 .rm-contact-stat.amber>span{background:rgba(245,165,36,.13);color:#d68b00}.rm-contacts-v2 .rm-contact-stat.slate>span{background:rgba(100,116,139,.11);color:#64748b}.rm-contacts-v2 .rm-contact-stat.green>span{background:rgba(36,170,100,.11);color:#1e9b5b}
.rm-contacts-v2 .rm-contact-stat div{min-width:0}.rm-contacts-v2 .rm-contact-stat small{display:block;color:var(--user-muted);font-size:9px;font-weight:750}.rm-contacts-v2 .rm-contact-stat strong{display:block;margin-top:2px;color:var(--user-text);font-size:19px;line-height:1.1;font-weight:850}.rm-contacts-v2 .rm-contact-stat p{margin:3px 0 0;color:var(--user-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-contacts-v2 .rm-contacts-tools{display:grid;grid-template-columns:minmax(260px,1fr) 165px auto auto;gap:9px;align-items:center;margin-top:15px;padding:12px;border:1px solid var(--user-border);border-radius:14px;background:var(--user-card);box-shadow:var(--user-shadow)}
.rm-contacts-v2 .rm-contacts-search,.rm-contacts-v2 .rm-contact-panel-search{position:relative;display:flex;align-items:center;min-width:0;background:var(--user-bg);border:1px solid var(--user-border);border-radius:10px;color:var(--user-muted)}
.rm-contacts-v2 .rm-contacts-search{height:42px}.rm-contacts-v2 .rm-contacts-search>i{margin-left:13px;flex:0 0 auto}.rm-contacts-v2 .rm-contacts-search input,.rm-contacts-v2 .rm-contact-panel-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--user-text)!important;box-shadow:none!important}.rm-contacts-v2 .rm-contacts-search input{height:40px;padding:0 38px 0 10px;font-size:11px}.rm-contacts-v2 .rm-contacts-search button,.rm-contacts-v2 .rm-contact-panel-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--user-muted);cursor:pointer}.rm-contacts-v2 .rm-contacts-search button:hover,.rm-contacts-v2 .rm-contact-panel-search button:hover{background:rgba(79,112,237,.08);color:#4f70ed}
.rm-contacts-v2 .rm-contact-filter{height:42px;padding:0 36px 0 12px;border:1px solid var(--user-border);border-radius:10px;background:var(--user-card);color:var(--user-text);font-size:11px;outline:0}
.rm-contacts-v2 .rm-contacts-info{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 12px;border:1px solid rgba(79,112,237,.16);border-radius:11px;background:rgba(79,112,237,.055);color:var(--user-muted);font-size:10px;line-height:1.5}.rm-contacts-v2 .rm-contacts-info i{margin-top:2px;color:#4f70ed}.rm-contacts-v2 .rm-contacts-info strong{color:var(--user-text)}
.rm-contacts-v2 .rm-contact-lists-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start}
.rm-contacts-v2 .rm-contact-list-card{min-width:0;overflow:hidden;border:1px solid var(--user-border);border-radius:16px;background:var(--user-card);box-shadow:var(--user-shadow)}
.rm-contacts-v2 .rm-contact-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--user-border)}
.rm-contacts-v2 .rm-contact-list-title{display:flex;align-items:center;gap:10px;min-width:0}.rm-contacts-v2 .rm-contact-list-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.rm-contacts-v2 .important-card .rm-contact-list-icon{background:rgba(245,165,36,.13);color:#ce8500}.rm-contacts-v2 .regular-card .rm-contact-list-icon{background:rgba(100,116,139,.1);color:#64748b}.rm-contacts-v2 .rm-contact-list-title h3{margin:0;color:var(--user-text);font-size:13px;font-weight:850}.rm-contacts-v2 .rm-contact-list-title p{margin:2px 0 0;color:var(--user-muted);font-size:9px}.rm-contacts-v2 .rm-contact-count-badge{min-width:29px;height:25px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:var(--user-bg);border:1px solid var(--user-border);color:var(--user-muted);font-size:10px;font-weight:800}
.rm-contacts-v2 .rm-contact-panel-search{height:38px;margin:10px 12px}.rm-contacts-v2 .rm-contact-panel-search>i{margin-left:11px;font-size:10px}.rm-contacts-v2 .rm-contact-panel-search input{height:36px;padding:0 35px 0 8px;font-size:10px}
.rm-contacts-v2 .rm-contact-table-head{display:grid;grid-template-columns:minmax(210px,1.55fr) minmax(95px,.8fr) 85px 78px;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--user-bg) 74%,transparent);border-top:1px solid var(--user-border);border-bottom:1px solid var(--user-border);color:var(--user-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.rm-contacts-v2 .rm-contact-scroll{max-height:430px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.55) transparent}
.rm-contacts-v2 .rm-contact-table{width:100%;border-collapse:collapse;table-layout:fixed;background:transparent!important;color:var(--user-text)!important;font-size:10px}.rm-contacts-v2 .rm-contact-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--user-border) 82%,transparent);transition:background .14s ease}.rm-contacts-v2 .rm-contact-table tbody tr:last-child{border-bottom:0}.rm-contacts-v2 .rm-contact-table tbody tr:hover{background:rgba(79,112,237,.035)}.rm-contacts-v2 .rm-contact-table td{padding:10px 12px;vertical-align:middle;border:0!important;background:transparent!important}.rm-contacts-v2 .rm-contact-table td:nth-child(1){width:42%}.rm-contacts-v2 .rm-contact-table td:nth-child(2){width:24%}.rm-contacts-v2 .rm-contact-table td:nth-child(3){width:18%}.rm-contacts-v2 .rm-contact-table td:nth-child(4){width:16%}
.rm-contacts-v2 .contacts-person-cell{display:flex;align-items:center;gap:9px;min-width:0}.rm-contacts-v2 .contacts-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:rgba(79,112,237,.1);color:#4169dd;font-size:9px;font-weight:850}.rm-contacts-v2 .contacts-avatar.important{background:rgba(245,165,36,.13);color:#b97700}.rm-contacts-v2 .contacts-person-cell>div{min-width:0}.rm-contacts-v2 .contacts-person-cell strong,.rm-contacts-v2 .contacts-person-cell a{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-contacts-v2 .contacts-person-cell strong{color:var(--user-text);font-size:10.5px;font-weight:800}.rm-contacts-v2 .contacts-person-cell a{margin-top:2px;color:#5572a3;text-decoration:none;font-size:9px}.rm-contacts-v2 .contacts-company{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--user-muted);font-size:9px}.rm-contacts-v2 .rm-contact-source{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.rm-contacts-v2 .rm-contact-source.auto{background:rgba(36,170,100,.09);color:#198a50}.rm-contacts-v2 .rm-contact-source.manual{background:rgba(100,116,139,.09);color:#64748b}
.rm-contacts-v2 .contact-move-btn{min-height:29px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid var(--user-border);border-radius:8px;background:var(--user-card);font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap}.rm-contacts-v2 .contact-move-btn.make-important{color:#b77900}.rm-contacts-v2 .contact-move-btn.remove-important{color:#64748b}.rm-contacts-v2 .contact-move-btn:hover{border-color:#9bb1ec;background:rgba(79,112,237,.045)}
.rm-contacts-v2 .contacts-empty-state,.rm-contacts-v2 .rm-contact-filter-empty{padding:26px 16px;text-align:center;color:var(--user-muted);font-size:9px}.rm-contacts-v2 .contacts-empty-state i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border-radius:12px;background:var(--user-bg);font-size:14px}.rm-contacts-v2 .contacts-empty-state strong{display:block;color:var(--user-text);font-size:11px}.rm-contacts-v2 .contacts-empty-state span{display:block;margin-top:4px}.rm-contacts-v2 .rm-contact-list-foot{padding:9px 12px;border-top:1px solid var(--user-border);color:var(--user-muted);font-size:8.5px;background:color-mix(in srgb,var(--user-bg) 68%,transparent)}

@media(max-width:1100px){.rm-contacts-v2 .rm-contacts-hero{grid-template-columns:minmax(0,1fr) auto}.rm-contacts-v2 .rm-contacts-quote{display:none}.rm-contacts-v2 .rm-contact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rm-contacts-v2 .rm-contact-lists-grid{grid-template-columns:1fr}.rm-contacts-v2 .rm-contacts-tools{grid-template-columns:minmax(240px,1fr) 150px auto auto}}
@media(max-width:760px){.rm-contacts-v2{padding:15px 12px 28px}.rm-contacts-v2 .rm-contacts-hero{grid-template-columns:1fr auto;padding:16px}.rm-contacts-v2 .rm-contacts-hero-icon{width:44px;height:44px;border-radius:13px;font-size:17px}.rm-contacts-v2 .rm-contacts-hero h2{font-size:22px}.rm-contacts-v2 .rm-contacts-hero p{display:none}.rm-contacts-v2 .rm-add-contact-btn{width:42px;padding:0;font-size:0}.rm-contacts-v2 .rm-add-contact-btn i{font-size:13px}.rm-contacts-v2 .rm-contact-stats{gap:8px}.rm-contacts-v2 .rm-contact-stat{padding:11px 10px;gap:9px}.rm-contacts-v2 .rm-contact-stat>span{width:34px;height:34px;border-radius:10px;font-size:12px}.rm-contacts-v2 .rm-contact-stat strong{font-size:16px}.rm-contacts-v2 .rm-contact-stat p{font-size:8px}.rm-contacts-v2 .rm-contacts-tools{grid-template-columns:1fr 115px 40px 40px;padding:9px;gap:7px}.rm-contacts-v2 .rm-contact-tool-btn{width:40px;padding:0;font-size:0}.rm-contacts-v2 .rm-contact-tool-btn i{font-size:12px}.rm-contacts-v2 .rm-contact-table-head{grid-template-columns:minmax(170px,1fr) 72px 65px 40px;padding-left:9px;padding-right:9px}.rm-contacts-v2 .rm-contact-table td{padding:9px}.rm-contacts-v2 .contact-move-btn{width:30px;padding:0}.rm-contacts-v2 .contact-move-btn span{display:none}.rm-contacts-v2 .rm-contact-scroll{max-height:380px}}
@media(max-width:520px){.rm-contacts-v2 .rm-contact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rm-contacts-v2 .rm-contact-stat>span{display:none}.rm-contacts-v2 .rm-contact-stat{justify-content:center;text-align:center}.rm-contacts-v2 .rm-contacts-tools{grid-template-columns:minmax(0,1fr) 105px}.rm-contacts-v2 .rm-contact-tool-btn{display:none!important}.rm-contacts-v2 .rm-contact-table-head span:nth-child(2),.rm-contacts-v2 .rm-contact-table-head span:nth-child(3),.rm-contacts-v2 .rm-contact-table td:nth-child(2),.rm-contacts-v2 .rm-contact-table td:nth-child(3){display:none}.rm-contacts-v2 .rm-contact-table-head{grid-template-columns:minmax(0,1fr) 42px}.rm-contacts-v2 .rm-contact-table td:nth-child(1){width:auto}.rm-contacts-v2 .rm-contact-table td:nth-child(4){width:42px}.rm-contacts-v2 .contacts-person-cell strong{font-size:10px}.rm-contacts-v2 .contacts-person-cell a{font-size:8.5px}}


/* Gmail-style forward composition */
.robsmail-forward-block{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#e5e7eb);font-size:14px;line-height:1.55;color:inherit}
.robsmail-forward-divider{margin-bottom:10px;color:#5f6368;font-weight:500}
.robsmail-forward-headers{margin-bottom:14px;color:#3c4043}
.robsmail-forward-headers>div{margin:2px 0;overflow-wrap:anywhere}
.robsmail-forward-body{margin-top:12px;max-width:100%;overflow-x:auto}
.compose-attachment-card.is-forwarded{border-style:dashed}
.compose-attachment-card.is-forwarded .compose-attachment-state{color:#5f6368}
[data-theme="dark"] .robsmail-forward-divider,[data-theme="dark"] .robsmail-forward-headers{color:#c5c7cb}
@media(max-width:820px){.robsmail-forward-block{font-size:13px}}


/* ==========================================================
   RobsMail message DateTime visibility correction
   Desktop: show only the right-side DateTime.
   Mobile/PWA: hide the right-side DateTime and show the
   duplicate DateTime below View/Hide details.
   ========================================================== */

/* The DateTime placed inside .thread-head-copy is mobile-only. */
.thread-message-head .thread-head-copy .thread-mobile-date{
  display:none!important;
}

/* Desktop/right-side DateTime remains visible. */
@media(min-width:821px){
  .thread-message-head > time:not(.thread-mobile-date){
    display:block!important;
  }
}

/* Mobile/PWA */
@media(max-width:820px){
  /* Hide only the desktop DateTime at the right of the header. */
  .thread-message-head > time:not(.thread-mobile-date){
    display:none!important;
  }

  /* Override the older generic ".thread-message-head time{display:none}"
     rule for the mobile DateTime inside the sender/details column. */
  .thread-message-head .thread-head-copy .thread-mobile-date{
    display:block!important;
    width:max-content;
    max-width:100%;
    margin-top:5px!important;
    padding:0!important;
    color:#7c8ba6;
    font-size:10.5px!important;
    font-weight:600;
    line-height:1.35;
    white-space:normal!important;
    overflow:visible;
    text-overflow:clip;
  }

  html[data-user-theme="dark"] .thread-message-head .thread-head-copy .thread-mobile-date{
    color:#91a3bd;
  }
}


/* ==========================================================
   RobsMail Priority / Other inbox tabs — polished segmented UI
   ========================================================== */
.webmail-tabs-row{
  gap:12px;
}

.webmail-tabs{
  align-self:center!important;
  display:flex!important;
  gap:6px!important;
  height:42px;
  padding:4px;
  border:1px solid var(--user-border);
  border-radius:14px;
  background:color-mix(in srgb,var(--user-bg) 78%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}

.webmail-tabs a[data-inbox-tab]{
  position:relative;
  height:32px!important;
  min-width:105px;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px;
  justify-content:center;
  gap:7px!important;
  color:var(--user-muted)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.webmail-tabs a[data-inbox-tab]::before{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:7px;
  font-family:"Font Awesome 6 Free";
  font-size:9px;
  font-weight:900;
  flex:0 0 auto;
}

.webmail-tabs a[data-inbox-tab="priority"]::before{
  content:"\f005";
  color:#b77900;
  background:rgba(245,165,36,.13);
}

.webmail-tabs a[data-inbox-tab="other"]::before{
  content:"\f0e0";
  color:#5572a3;
  background:rgba(79,112,237,.10);
}

.webmail-tabs a[data-inbox-tab]:hover{
  color:var(--user-text)!important;
  background:color-mix(in srgb,var(--user-card) 88%,transparent);
}

.webmail-tabs a[data-inbox-tab].active{
  color:var(--user-text)!important;
  background:var(--user-card)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.05);
}

.webmail-tabs a[data-inbox-tab="priority"].active::before{
  color:#fff;
  background:#f5a524;
  box-shadow:0 3px 8px rgba(245,165,36,.24);
}

.webmail-tabs a[data-inbox-tab="other"].active::before{
  color:#fff;
  background:#4f70ed;
  box-shadow:0 3px 8px rgba(79,112,237,.22);
}

.webmail-tabs a[data-inbox-tab] span[data-tab-count]{
  display:inline-grid;
  place-items:center;
  min-width:25px;
  height:20px;
  padding:0 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--user-bg) 82%,transparent);
  color:var(--user-muted)!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1;
}

.webmail-tabs a[data-inbox-tab].active span[data-tab-count]{
  background:rgba(79,112,237,.08);
  color:#4f70ed!important;
}

.webmail-tabs a[data-inbox-tab="priority"].active span[data-tab-count]{
  background:rgba(245,165,36,.10);
  color:#b77900!important;
}

/* Give the Priority explanation a softer card-like treatment. */
.mail-priority-note{
  margin:8px 12px 0;
  padding:8px 11px!important;
  border:1px solid rgba(245,165,36,.16)!important;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(245,165,36,.065),rgba(79,112,237,.025))!important;
}
.mail-priority-note i{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(245,165,36,.13);
  color:#d99000!important;
  font-size:9px!important;
}

/* Dark mode */
html[data-user-theme="dark"] .webmail-tabs{
  background:rgba(8,17,31,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-user-theme="dark"] .webmail-tabs a[data-inbox-tab].active{
  background:#132136!important;
  box-shadow:0 4px 12px rgba(0,0,0,.24);
}
html[data-user-theme="dark"] .mail-priority-note{
  border-color:rgba(245,165,36,.14)!important;
  background:linear-gradient(90deg,rgba(245,165,36,.075),rgba(79,112,237,.045))!important;
}

/* Mobile: keep both tabs neat and readable without overflowing. */
@media(max-width:560px){
  .webmail-tabs-row{
    height:60px!important;
    flex:0 0 60px!important;
    padding:0 10px!important;
    gap:8px;
  }
  .webmail-tabs{
    height:40px;
    padding:4px;
    gap:3px!important;
    min-width:0;
    flex:1 1 auto;
  }
  .webmail-tabs a[data-inbox-tab]{
    min-width:0;
    flex:1 1 0;
    height:30px!important;
    padding:0 7px!important;
    gap:5px!important;
    font-size:11px!important;
  }
  .webmail-tabs a[data-inbox-tab]::before{
    width:18px;
    height:18px;
    font-size:8px;
  }
  .webmail-tabs a[data-inbox-tab] span[data-tab-count]{
    min-width:21px;
    height:18px;
    padding:0 5px;
    font-size:8px!important;
  }
  .mail-priority-note{
    margin:6px 9px 0;
    padding:7px 9px!important;
    font-size:9.5px!important;
  }
}


/* ==========================================================
   Gmail-style compose recipient suggestions
   ========================================================== */
.compose-recipient-autocomplete-row{
  overflow:visible!important;
}
.compose-recipient-input-wrap{
  position:relative;
  flex:1 1 auto;
  min-width:0;
}
.compose-recipient-input-wrap>input{
  width:100%;
}
.compose-contact-suggestions{
  position:absolute;
  z-index:2600;
  top:calc(100% + 5px);
  left:0;
  width:min(430px,calc(100vw - 48px));
  max-height:290px;
  overflow-y:auto;
  padding:6px;
  border:1px solid #dbe4f0;
  border-radius:13px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.18);
}
.compose-contact-suggestions[hidden]{display:none!important}
.compose-contact-suggestion{
  width:100%;
  min-height:55px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 9px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#17223b;
  text-align:left;
  cursor:pointer;
}
.compose-contact-suggestion:hover,
.compose-contact-suggestion.active{
  background:#f2f6ff;
}
.compose-contact-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#e6edff,#f2f5ff);
  color:#4165d8;
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
}
.compose-contact-suggestion.is-important .compose-contact-avatar{
  background:#fff3d5;
  color:#b77900;
}
.compose-contact-copy{
  min-width:0;
  display:block;
  flex:1;
}
.compose-contact-copy strong,
.compose-contact-copy small,
.compose-contact-copy em{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.compose-contact-copy strong{
  font-size:12px;
  font-weight:800;
  color:inherit;
}
.compose-contact-copy strong i{
  margin-left:6px;
  color:#e5a100;
  font-size:9px;
}
.compose-contact-copy small{
  margin-top:2px;
  color:#64748b;
  font-size:11px;
}
.compose-contact-copy em{
  margin-top:2px;
  color:#94a3b8;
  font-size:9.5px;
  font-style:normal;
}
html[data-user-theme="dark"] .compose-contact-suggestions{
  border-color:#2a3d5c;
  background:#101d31;
  box-shadow:0 22px 52px rgba(0,0,0,.42);
}
html[data-user-theme="dark"] .compose-contact-suggestion{
  color:#e7eef9;
}
html[data-user-theme="dark"] .compose-contact-suggestion:hover,
html[data-user-theme="dark"] .compose-contact-suggestion.active{
  background:#182a45;
}
html[data-user-theme="dark"] .compose-contact-avatar{
  background:#1d3150;
  color:#9ab3ff;
}
html[data-user-theme="dark"] .compose-contact-suggestion.is-important .compose-contact-avatar{
  background:#3a2c12;
  color:#ffc857;
}
html[data-user-theme="dark"] .compose-contact-copy small{color:#aab8cb}
html[data-user-theme="dark"] .compose-contact-copy em{color:#7f91aa}

@media(max-width:700px){
  .compose-contact-suggestions{
    width:min(390px,calc(100vw - 36px));
    max-height:245px;
    border-radius:12px;
  }
  .compose-contact-suggestion{
    min-height:52px;
    padding:7px 8px;
  }
}

.rm-sidebar-tools-nav a[href="/calendar"]>i{width:20px;text-align:center;font-size:18px}
.rm-calendar-page{padding:25px 26px 96px}.rm-calendar-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.rm-calendar-kicker{color:#4f70ed;font-size:11px;font-weight:800}.rm-calendar-header h1{margin:5px 0 3px;font-size:27px}.rm-calendar-header p{margin:0;color:var(--user-muted);font-size:12px}.rm-calendar-head-actions{display:flex;gap:8px}.rm-calendar-today,.rm-calendar-create{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none}.rm-calendar-today{border:1px solid var(--user-border);background:var(--user-card);color:var(--user-text)}.rm-calendar-create{border:0;background:#126cf4;color:#fff}.rm-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.rm-calendar-card,.rm-calendar-agenda{border:1px solid var(--user-border);border-radius:15px;background:var(--user-card);overflow:hidden}.rm-calendar-weekdays,.rm-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.rm-calendar-weekdays{height:38px;align-items:center;border-bottom:1px solid var(--user-border)}.rm-calendar-weekdays span{text-align:center;color:var(--user-muted);font-size:10px;font-weight:800}.rm-calendar-day{min-height:116px;padding:8px;border-right:1px solid var(--user-border);border-bottom:1px solid var(--user-border)}.rm-calendar-day:nth-child(7n){border-right:0}.rm-calendar-day.is-muted{opacity:.42}.rm-calendar-date-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:750}.rm-calendar-day.is-today .rm-calendar-date-number{background:#126cf4;color:#fff}.rm-calendar-day-events{display:grid;gap:4px;margin-top:4px}.rm-calendar-event-pill{display:flex;gap:5px;width:100%;padding:5px 6px;border:0;border-radius:6px;background:#eef3ff;color:#244b9e;text-align:left;overflow:hidden}.rm-calendar-event-pill b{font-size:8px;white-space:nowrap}.rm-calendar-event-pill span{font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-calendar-agenda-head{height:66px;padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--user-border)}.rm-calendar-agenda-list{max-height:650px;overflow:auto;padding:8px}.rm-agenda-item{width:100%;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px 7px;border:0;border-radius:9px;background:transparent;color:var(--user-text);text-align:left}.rm-agenda-date{display:flex;flex-direction:column;align-items:center;padding:5px;border-radius:8px;background:#f0f4ff;color:#315bb9}.rm-agenda-item strong{font-size:10.5px}.rm-agenda-item small{font-size:8.5px;color:var(--user-muted)}.rm-calendar-empty{padding:32px 12px;text-align:center;color:var(--user-muted)}.rm-calendar-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(5,14,32,.56);opacity:0;transition:.16s}.rm-calendar-modal.is-open{opacity:1}.rm-calendar-modal-card{width:min(560px,100%);border-radius:16px;background:var(--user-card);color:var(--user-text);overflow:hidden}.rm-calendar-modal-card>header{height:55px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--user-border)}.rm-calendar-modal-card form{padding:16px;display:grid;gap:12px}.rm-calendar-modal-card label{display:grid;gap:5px;font-size:9px;font-weight:800;color:var(--user-muted)}.rm-calendar-modal-card input,.rm-calendar-modal-card textarea,.rm-calendar-modal-card select{width:100%;box-sizing:border-box;border:1px solid var(--user-border);border-radius:9px;background:var(--user-card);color:var(--user-text);padding:10px 11px;font-size:11px}.rm-calendar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rm-calendar-modal-card footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px}.rm-calendar-modal-card footer button{height:36px;padding:0 12px;border:1px solid var(--user-border);border-radius:9px;background:var(--user-card);color:var(--user-text)}.rm-calendar-modal-card footer .primary{background:#126cf4;color:#fff;border-color:#126cf4}.mail-calendar-invite{margin:0 0 12px;padding:13px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #d8e4fb;border-radius:13px;background:linear-gradient(110deg,#f4f8ff,#fff)}.mail-calendar-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#126cf4;color:#fff;font-size:18px}.mail-calendar-copy{display:grid;gap:3px}.mail-calendar-copy>small{color:#5572a3;font-size:8.5px;font-weight:800;text-transform:uppercase}.mail-calendar-copy>strong{font-size:12px}.mail-calendar-copy>span{font-size:9.5px;color:#62738f}.mail-calendar-add{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border:0;border-radius:9px;background:#126cf4;color:#fff;font-size:9.5px;font-weight:800}.mail-calendar-add.is-added{background:#18a765}
@media(max-width:980px){.rm-calendar-layout{grid-template-columns:1fr}.rm-calendar-agenda{order:-1}}
@media(max-width:700px){.rm-calendar-page{padding:15px 10px 92px}.rm-calendar-header{align-items:flex-start;flex-direction:column}.rm-calendar-card{overflow-x:auto}.rm-calendar-weekdays,.rm-calendar-grid{min-width:690px}.mail-calendar-invite{grid-template-columns:38px 1fr}.mail-calendar-add{grid-column:1/-1;justify-content:center}.rm-calendar-form-grid{grid-template-columns:1fr}.rm-material-bottom-nav{grid-template-columns:repeat(5,1fr)!important}}


/* ====================== RobsMail Calendar - Create Event Modal Redesign ====================== */
.rm-calendar-modal{
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.rm-calendar-modal-card{
  width:min(620px,calc(100vw - 32px));
  border:1px solid color-mix(in srgb,var(--user-border) 88%,transparent);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}

.rm-calendar-modal-card>header{
  height:64px;
  padding:0 18px 0 22px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--user-card) 96%,#ffffff),
    var(--user-card));
}

.rm-calendar-modal-card>header strong{
  font-size:16px;
  font-weight:800;
  letter-spacing:-.01em;
}

.rm-calendar-modal-card>header button[data-calendar-modal-close]{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--user-border);
  border-radius:50%;
  background:color-mix(in srgb,var(--user-bg) 82%,var(--user-card));
  color:var(--user-muted);
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease;
}

.rm-calendar-modal-card>header button[data-calendar-modal-close] i{
  font-size:14px;
}

.rm-calendar-modal-card>header button[data-calendar-modal-close]:hover{
  transform:rotate(90deg);
  background:#fff0f0;
  border-color:#ffc8c8;
  color:#d62f2f;
}

.rm-calendar-modal-card form{
  padding:22px;
  gap:16px;
}

.rm-calendar-modal-card label{
  gap:7px;
  font-size:10px;
  font-weight:800;
  color:var(--user-text);
}

.rm-calendar-modal-card input,
.rm-calendar-modal-card textarea,
.rm-calendar-modal-card select{
  min-height:46px;
  border-radius:11px;
  border:1px solid color-mix(in srgb,var(--user-border) 92%,transparent);
  padding:11px 13px;
  font-size:12px;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.rm-calendar-modal-card textarea{
  min-height:110px;
  resize:vertical;
}

.rm-calendar-modal-card input:focus,
.rm-calendar-modal-card textarea:focus,
.rm-calendar-modal-card select:focus{
  border-color:#4d7ff5;
  box-shadow:0 0 0 3px rgba(77,127,245,.12);
}

.rm-calendar-modal-card footer{
  margin-top:2px;
  padding-top:4px;
  grid-template-columns:auto 1fr auto auto;
  gap:10px;
}

.rm-calendar-modal-card footer button{
  min-width:98px;
  height:42px;
  padding:0 16px;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
}

.rm-calendar-modal-card footer button[data-calendar-modal-close]{
  background:color-mix(in srgb,var(--user-bg) 74%,var(--user-card));
}

.rm-calendar-modal-card footer .primary{
  min-width:120px;
  box-shadow:0 8px 20px rgba(18,108,244,.2);
}

html[data-user-theme="dark"] .rm-calendar-modal-card>header button[data-calendar-modal-close]:hover{
  background:#3a1e22;
  border-color:#6a2b31;
  color:#ff8d98;
}

@media(max-width:700px){
  .rm-calendar-modal{
    align-items:end;
    padding:12px;
  }
  .rm-calendar-modal-card{
    width:100%;
    max-height:92vh;
    overflow:auto;
    border-radius:20px 20px 16px 16px;
  }
  .rm-calendar-modal-card>header{
    position:sticky;
    top:0;
    z-index:2;
  }
  .rm-calendar-modal-card form{
    padding:18px;
  }
  .rm-calendar-modal-card footer{
    grid-template-columns:1fr 1fr;
  }
  .rm-calendar-modal-card footer span{
    display:none;
  }
  .rm-calendar-modal-card footer .danger{
    grid-column:1/-1;
  }
}

/* ====================== RobsMail Storage Upgrade ====================== */
.rm-storage-page{max-width:1320px;margin:0 auto;padding:24px 26px 100px}
.rm-storage-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:20px;background:linear-gradient(115deg,#173c91 0%,#2563eb 52%,#4f7cf3 100%);color:#fff;box-shadow:0 18px 44px rgba(37,99,235,.18);overflow:hidden;position:relative}
.rm-storage-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-75px;top:-110px;background:rgba(255,255,255,.1)}
.rm-storage-hero-copy{position:relative;z-index:1}.rm-storage-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;opacity:.9}
.rm-storage-hero h1{margin:7px 0 5px;font-size:27px;font-weight:850;letter-spacing:-.025em}.rm-storage-hero p{margin:0;font-size:11.5px;opacity:.82}
.rm-storage-account-chip{position:relative;z-index:1;display:flex;align-items:center;gap:10px;max-width:360px;padding:10px 13px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.13);backdrop-filter:blur(10px)}
.rm-storage-account-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#2563eb}.rm-storage-account-chip>span:last-child{display:flex;flex-direction:column;min-width:0}.rm-storage-account-chip small{font-size:8px;opacity:.75}.rm-storage-account-chip strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-storage-alert{margin-top:14px;padding:11px 14px;display:flex;align-items:center;gap:9px;border-radius:11px;font-size:10px;font-weight:750}.rm-storage-alert.success{background:#eaf9f1;color:#147a49;border:1px solid #bcebd2}.rm-storage-alert.danger{background:#fff0f0;color:#c63e3e;border:1px solid #ffd0d0}
.rm-storage-overview-card{margin-top:16px;padding:18px 20px;border:1px solid var(--user-border);border-radius:16px;background:var(--user-card);box-shadow:var(--user-shadow)}
.rm-storage-overview-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.rm-storage-overview-top>div:first-child{display:flex;flex-direction:column}.rm-storage-overview-top small{font-size:9px;color:var(--user-muted);font-weight:750}.rm-storage-overview-top strong{margin-top:3px;font-size:19px}.rm-storage-overview-top strong span{font-size:10px;color:var(--user-muted);font-weight:650}
.rm-storage-percent{min-width:68px;padding:8px 10px;border-radius:10px;background:#edf4ff;color:#2859b8;text-align:center}.rm-storage-percent b{display:block;font-size:13px}.rm-storage-percent small{display:block;font-size:7.5px;color:inherit}.rm-storage-percent.warning,.rm-storage-percent.high,.rm-storage-percent.critical{background:#fff2e8;color:#ba5c13}
.rm-storage-progress{height:9px;margin-top:13px;border-radius:999px;background:color-mix(in srgb,var(--user-border) 58%,transparent);overflow:hidden}.rm-storage-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#6d8ff5)}
.rm-storage-overview-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:var(--user-muted);font-size:8.5px}.rm-storage-overview-bottom span{display:flex;align-items:center;gap:5px}.rm-storage-overview-bottom .warning{color:#bd671f}
.rm-storage-section{margin-top:17px;padding:18px;border:1px solid var(--user-border);border-radius:16px;background:var(--user-card)}.rm-storage-section-head>div{display:flex;align-items:center;gap:10px}.rm-storage-section-head h2{margin:0;font-size:13px;font-weight:850}.rm-storage-section-head p{margin:2px 0 0;color:var(--user-muted);font-size:9px}
.rm-storage-section-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#315fd3}.rm-storage-section-icon.cleanup{background:#eff9f2;color:#278450}.rm-storage-section-icon.history{background:#fff3e9;color:#bd671f}
.rm-storage-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}.rm-storage-plan{position:relative;padding:17px;border:1px solid var(--user-border);border-radius:15px;background:color-mix(in srgb,var(--user-card) 96%,var(--user-bg));transition:.18s ease}.rm-storage-plan:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(15,23,42,.09);border-color:#9fb8f8}.rm-storage-plan.recommended{border:1.5px solid #5480f0;box-shadow:0 12px 30px rgba(37,99,235,.10)}
.rm-storage-plan-badge{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:999px;background:#edf3ff;color:#315fd3;font-size:7.5px;font-weight:850}.rm-storage-plan-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:#315fd3}.rm-storage-plan h3{margin:12px 0 4px;font-size:12px}.rm-storage-plan-capacity{font-size:20px;font-weight:900;letter-spacing:-.025em}.rm-storage-plan-price{display:flex;align-items:flex-end;gap:4px;margin-top:9px}.rm-storage-plan-price small{font-size:8px;color:var(--user-muted);padding-bottom:3px}.rm-storage-plan-price strong{font-size:18px}.rm-storage-plan-period{margin-top:2px;font-size:8px;color:var(--user-muted)}
.rm-storage-plan ul{list-style:none;padding:0;margin:13px 0;display:grid;gap:7px}.rm-storage-plan li{display:flex;align-items:center;gap:7px;font-size:8.5px;color:var(--user-muted)}.rm-storage-plan li i{color:#20a866}.rm-storage-buy-btn{width:100%;height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#2563eb;color:white;font-size:9.5px;font-weight:850;cursor:pointer}
.rm-storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.rm-storage-cleanup-card,.rm-storage-history-card{padding:18px;border:1px solid var(--user-border);border-radius:16px;background:var(--user-card)}.rm-storage-section-head.compact{margin-bottom:13px}.rm-storage-cleanup-note{margin:0 0 12px;font-size:9px;line-height:1.55;color:var(--user-muted)}
.rm-storage-cleanup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rm-storage-cleanup-actions form{margin:0}.rm-storage-cleanup-actions button{width:100%;min-height:60px;padding:10px 11px;display:flex;align-items:center;gap:9px;border:1px solid var(--user-border);border-radius:11px;background:color-mix(in srgb,var(--user-card) 96%,var(--user-bg));color:var(--user-text);text-align:left;cursor:pointer}.rm-storage-cleanup-actions button>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.rm-storage-cleanup-actions .trash>i{background:#fff0f0;color:#cf3f3f}.rm-storage-cleanup-actions .spam>i{background:#fff5e8;color:#bd671f}.rm-storage-cleanup-actions button span{display:flex;flex-direction:column}.rm-storage-cleanup-actions button strong{font-size:9px}.rm-storage-cleanup-actions button small{font-size:7.5px;color:var(--user-muted);margin-top:2px}
.rm-storage-history-list{display:grid;gap:6px}.rm-storage-history-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border-radius:10px}.rm-storage-history-item:hover{background:var(--user-bg)}.rm-storage-history-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:#315fd3}.rm-storage-history-copy,.rm-storage-history-amount{display:flex;flex-direction:column;min-width:0}.rm-storage-history-copy strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-storage-history-copy small,.rm-storage-history-amount small{margin-top:2px;font-size:7.5px;color:var(--user-muted)}.rm-storage-history-amount{text-align:right}.rm-storage-history-amount strong{font-size:9px}.rm-storage-history-amount .status.success,.rm-storage-history-amount .status.paid{color:#1b8f58}.rm-storage-history-amount .status.pending{color:#c1771d}
.rm-storage-empty{padding:30px 14px;display:grid;justify-items:center;text-align:center;gap:5px;color:var(--user-muted)}.rm-storage-empty i{font-size:24px}.rm-storage-empty strong{font-size:10px;color:var(--user-text)}.rm-storage-empty span{font-size:8px}.rm-storage-empty.small{padding:18px}
html[data-user-theme="dark"] .rm-storage-plan-badge,html[data-user-theme="dark"] .rm-storage-plan-icon,html[data-user-theme="dark"] .rm-storage-history-icon{background:#182d50;color:#a9c2ff}
html[data-user-theme="dark"] .rm-storage-percent,html[data-user-theme="dark"] .rm-storage-section-icon{background:#182d50;color:#a9c2ff}
@media(max-width:980px){.rm-storage-plans{grid-template-columns:1fr 1fr}.rm-storage-grid{grid-template-columns:1fr}}
@media(max-width:680px){.rm-storage-page{padding:14px 10px 90px}.rm-storage-hero{padding:19px;align-items:flex-start;flex-direction:column}.rm-storage-hero h1{font-size:22px}.rm-storage-account-chip{width:100%;box-sizing:border-box}.rm-storage-plans{grid-template-columns:1fr}.rm-storage-overview-bottom{flex-direction:column}.rm-storage-cleanup-actions{grid-template-columns:1fr}.rm-storage-section,.rm-storage-cleanup-card,.rm-storage-history-card{padding:14px}}


/* Restored incoming attachment preview/download cards */
.incoming-attachments{margin:16px 0 2px;padding-top:14px;border-top:1px solid var(--user-border,#e5eaf2)}
.incoming-attachments-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--user-muted,#69758c);font-size:12px;font-weight:800}
.incoming-attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:9px}
.incoming-attachment-card{min-width:0;display:flex;align-items:stretch;border:1px solid var(--user-border,#dfe6f0);border-radius:12px;background:var(--user-card,#fff);overflow:hidden;transition:.18s ease}
.incoming-attachment-card:hover{border-color:#a8c2f7;box-shadow:0 5px 18px rgba(28,61,120,.08);transform:translateY(-1px)}
.attachment-main{min-width:0;flex:1;border:0;background:transparent;color:var(--user-text,#18243a);display:flex;align-items:center;gap:11px;padding:10px 9px 10px 11px;text-align:left;cursor:pointer}
.attachment-main.no-preview{cursor:default}
.attachment-file-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#1769ee;font-size:21px}
.attachment-file-icon .fa-file-word{color:#2b579a}.attachment-file-icon .fa-file-excel{color:#217346}.attachment-file-icon .fa-file-powerpoint{color:#d24726}.attachment-file-icon .fa-file-pdf{color:#d93838}.attachment-file-icon .fa-file-image{color:#7a4cdb}.attachment-file-icon .fa-file-zipper{color:#b07a16}.attachment-file-icon .fa-file-video{color:#8a4ccc}
.attachment-copy{min-width:0;flex:1}.attachment-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800}.attachment-copy small{display:block;margin-top:3px;color:var(--user-muted,#78869b);font-size:10.5px;font-weight:700}
.attachment-preview-mark{font-size:11px;color:#7690b6}
.attachment-download{width:42px;flex:0 0 42px;display:grid;place-items:center;border-left:1px solid var(--user-border,#e2e8f0);color:#1769ee;text-decoration:none;background:transparent}.attachment-download:hover{background:#edf4ff}
.attachment-viewer-modal{position:fixed;inset:0;z-index:10050;background:rgba(8,18,35,.66);backdrop-filter:blur(5px);padding:28px;display:grid;place-items:center}
.attachment-viewer-modal[hidden]{display:none!important}.attachment-viewer-dialog{width:min(1180px,96vw);height:min(850px,92vh);background:var(--user-card,#fff);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.3);display:flex;flex-direction:column}
.attachment-viewer-head{height:54px;flex:0 0 54px;display:flex;align-items:center;gap:12px;padding:0 14px 0 18px;border-bottom:1px solid var(--user-border,#e3e9f1)}.attachment-viewer-head strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.attachment-viewer-head button{width:36px;height:36px;border:0;border-radius:9px;background:var(--user-bg,#f2f5f9);color:var(--user-text,#26344a);cursor:pointer}
#attachmentViewerFrame{width:100%;height:100%;flex:1;border:0;background:#f4f7fb}
html.attachment-viewer-open{overflow:hidden}
html[data-user-theme="dark"] .incoming-attachment-card{background:#0f1d31;border-color:#263a56}html[data-user-theme="dark"] .attachment-file-icon{background:#132b4d}html[data-user-theme="dark"] .attachment-download{border-color:#263a56}html[data-user-theme="dark"] .attachment-viewer-dialog{background:#0f1d31}
@media(max-width:700px){.incoming-attachment-grid{grid-template-columns:1fr}.attachment-viewer-modal{padding:0}.attachment-viewer-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}.attachment-viewer-head{padding-left:14px}.attachment-main{padding:10px}.attachment-file-icon{width:38px;height:38px;flex-basis:38px}}

.attachment-viewer-loading{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--user-muted,#71809a);font-size:13px;font-weight:800;background:#f4f7fb}
.attachment-viewer-loading[hidden]{display:none!important}
#attachmentViewerFrame[hidden]{display:none!important}


/* ===== RobsMail productivity suite: Unified Inbox, Schedule, Snooze, Rules ===== */
.rm-all-inboxes-link{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:4px 10px 12px;padding:10px 12px;border-radius:13px;text-decoration:none;color:inherit;background:linear-gradient(135deg,rgba(44,104,230,.09),rgba(96,165,250,.04));border:1px solid rgba(67,111,214,.12)}
.rm-all-inboxes-link>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:#356ae6}.rm-all-inboxes-link strong{font-size:13px}.rm-all-inboxes-link small{font-size:10px;font-weight:800;color:#356ae6;text-transform:uppercase}.rm-all-inboxes-link.active{background:#e9f1ff;border-color:#bcd1ff;box-shadow:0 8px 24px rgba(53,106,230,.11)}
.unified-account-chip{display:inline-flex!important;width:max-content;max-width:100%;align-items:center;gap:6px;margin-top:5px;padding:3px 8px;border-radius:999px;background:#edf3ff;color:#4268b9;font-style:normal!important;font-size:10px!important;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-account-chip i{font-size:9px}.unified-message-row .mail-preview-link{min-width:0}.unified-search-submit{border:0;background:#356ae6;color:#fff;border-radius:9px;padding:7px 13px;font-weight:700;cursor:pointer}
.message-context-icon.snooze{background:#f1edff!important;color:#7357cf!important}
.compose-send-menu-rich{width:270px!important;padding:8px!important}.compose-send-menu-rich>button{display:flex!important;align-items:center;gap:11px;width:100%;padding:10px 11px!important;border-radius:10px!important;text-align:left}.compose-send-menu-rich>button>i{width:24px;color:#4168c5}.compose-send-menu-rich>button>span{display:flex;flex-direction:column;gap:1px}.compose-send-menu-rich small{font-size:10px;color:#8490a5;font-weight:500}.compose-menu-divider{height:1px;background:#e8edf5;margin:6px 4px}.compose-menu-label{display:block;padding:5px 10px 2px;font-size:9px;font-weight:850;letter-spacing:.08em;color:#9aa4b5}.compose-send-menu-rich button.active{background:#eef4ff!important;color:#2e5fc7!important}
.robsmail-schedule-picker{text-align:left}.robsmail-schedule-picker p{color:#667085;font-size:13px;line-height:1.5}.robsmail-schedule-picker input{width:100%;min-height:46px;border:1px solid #d6deeb;border-radius:10px;padding:9px 11px;font:inherit}
.robsmail-undo-send-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:12000;min-width:min(430px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px 12px 16px;border-radius:14px;background:#17213d;color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.35);animation:robsmailContextIn .18s ease}.robsmail-undo-send-toast>span{display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center}.robsmail-undo-send-toast i{grid-row:1/3;color:#8fb1ff}.robsmail-undo-send-toast strong{font-size:13px}.robsmail-undo-send-toast small{font-size:10px;color:#c4ccda}.robsmail-undo-send-toast button{border:0;border-radius:9px;background:#fff;color:#2756bd;padding:8px 14px;font-weight:850;cursor:pointer}
.productivity-page{padding:24px}.productivity-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px;border-radius:20px;background:linear-gradient(135deg,#edf4ff,#f9fbff);border:1px solid #dbe7fb;margin-bottom:20px}.productivity-hero span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#4470c9}.productivity-hero h1{margin:5px 0 4px;font-size:27px;color:#182747}.productivity-hero p{margin:0;color:#71809a}.prod-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:#356ae6;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(53,106,230,.18)}
.rules-grid,.scheduled-list{display:grid;gap:12px}.rule-card,.scheduled-card{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid #e1e8f2;border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(31,46,77,.04)}.rule-card.is-off{opacity:.55}.rule-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf3ff;color:#3d69ca}.rule-copy,.scheduled-copy{min-width:0;flex:1}.rule-copy strong,.scheduled-copy strong{display:block;color:#1c2942}.rule-copy small,.scheduled-copy small{display:block;margin-top:2px;color:#8491a6}.rule-copy p{margin:7px 0;font-size:12px;color:#58677f}.rule-action-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf9f2;color:#238452;font-size:10px;font-weight:800}.rule-actions,.scheduled-actions{display:flex;gap:6px}.rule-actions button,.scheduled-actions button{border:1px solid #dbe3ef;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;color:#40516e}.rule-actions button.danger,.scheduled-actions button.danger{color:#d34455;background:#fff5f6}.scheduled-time{width:115px;flex:0 0 115px;display:grid;gap:2px;color:#40577c}.scheduled-time i{color:#356ae6}.scheduled-time span{font-size:11px;color:#8491a6}.scheduled-copy em{display:block;margin-top:5px;color:#c94050;font-size:11px}.prod-empty{padding:58px 20px;text-align:center;border:1px dashed #ccd8e8;border-radius:18px;color:#7c8ba2}.prod-empty i{font-size:34px;color:#7393d8}.prod-empty h3{margin:12px 0 5px;color:#263651}.prod-empty p{margin:0}
.prod-modal{position:fixed;inset:0;z-index:11000;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:18px}.prod-modal[hidden]{display:none!important}.prod-modal-card{width:min(580px,100%);max-height:92vh;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 25px 80px rgba(15,23,42,.26)}.prod-modal-card>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #edf0f5}.prod-modal-card header small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#5277c8}.prod-modal-card h2{margin:3px 0 0}.prod-modal-card header button{width:34px;height:34px;border:0;border-radius:50%;background:#f3f6fa;cursor:pointer}.prod-modal-card form{display:grid;gap:13px;padding:19px 20px}.prod-modal-card label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#485873}.prod-modal-card input,.prod-modal-card select{width:100%;min-height:43px;border:1px solid #dbe3ef;border-radius:10px;padding:8px 10px;font:inherit;background:#fff}.prod-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.prod-modal-card footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.prod-modal-card footer>button:not(.prod-primary){border:1px solid #dbe3ef;background:#fff;border-radius:10px;padding:10px 14px;font-weight:750}
html[data-theme="dark"] .rm-all-inboxes-link,body.dark-mode .rm-all-inboxes-link{background:#1e2b43;border-color:#334562}html[data-theme="dark"] .productivity-hero,body.dark-mode .productivity-hero{background:linear-gradient(135deg,#1c2a42,#202f49);border-color:#33445f}html[data-theme="dark"] .productivity-hero h1,body.dark-mode .productivity-hero h1{color:#eef4ff}html[data-theme="dark"] .rule-card,html[data-theme="dark"] .scheduled-card,html[data-theme="dark"] .prod-modal-card,body.dark-mode .rule-card,body.dark-mode .scheduled-card,body.dark-mode .prod-modal-card{background:#182338;border-color:#2d3c55;color:#e8eef8}html[data-theme="dark"] .rule-copy strong,html[data-theme="dark"] .scheduled-copy strong,body.dark-mode .rule-copy strong,body.dark-mode .scheduled-copy strong{color:#eef4ff}
@media(max-width:820px){.productivity-page{padding:12px}.productivity-hero{padding:18px;align-items:flex-start;flex-direction:column;border-radius:16px}.productivity-hero h1{font-size:22px}.productivity-hero .prod-primary{width:100%}.rule-card,.scheduled-card{align-items:flex-start;flex-wrap:wrap}.rule-actions,.scheduled-actions{width:100%;justify-content:flex-end}.scheduled-time{width:auto;flex:0 0 auto}.prod-form-grid{grid-template-columns:1fr}.robsmail-undo-send-toast{bottom:82px}.rm-all-inboxes-link{margin-inline:7px}.unified-account-chip{max-width:210px}}


/* ==========================================================
   RobsMail Conversation / Thread Intelligence
   ========================================================== */
.conversation-intelligence{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 15px;
  border:1px solid var(--user-border);
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,#1769ee 6%,var(--user-card)),var(--user-card));
  box-shadow:0 4px 14px rgba(25,42,70,.055);
}
.conversation-intelligence-people{display:flex;align-items:center;gap:12px;min-width:0}
.conversation-participant-stack{display:flex;align-items:center;min-width:max-content;padding-left:2px}
.conversation-participant-avatar,
.conversation-participant-more{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:2px solid var(--user-card);background:#e8f0ff;color:#245bd8;
  font-size:11px;font-weight:900;box-shadow:0 2px 7px rgba(26,42,72,.10);
  margin-left:-8px;
}
.conversation-participant-avatar:first-child{margin-left:0}
.conversation-participant-avatar:nth-child(2n){background:#eefaf4;color:#16805a}
.conversation-participant-avatar:nth-child(3n){background:#fff4e8;color:#b96519}
.conversation-participant-more{background:var(--user-bg);color:var(--user-muted)}
.conversation-intelligence-copy{min-width:0}
.conversation-intelligence-copy strong,
.conversation-intelligence-copy span{display:block}
.conversation-intelligence-copy strong{font-size:12.5px;color:var(--user-text);font-weight:850}
.conversation-intelligence-copy span{font-size:10.5px;color:var(--user-muted);margin-top:3px}
.conversation-intelligence-copy b{color:#1769ee}
.conversation-intelligence-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.conversation-intelligence-stats>span{
  display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 10px;border-radius:999px;
  background:var(--user-card);border:1px solid var(--user-border);color:var(--user-muted);
  font-size:10.5px;font-weight:800;white-space:nowrap
}
.conversation-intelligence-stats i{color:#5574c8}

.thread-sender-line{display:flex!important;align-items:center;gap:7px;min-width:0}
.thread-sender-line>strong{min-width:0}
.thread-smart-badges{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.thread-smart-badge{
  display:inline-flex!important;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;
  font-size:8.5px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important
}
.thread-smart-badge.unread{background:#e9f1ff;color:#1769ee}
.thread-smart-badge.attachment{background:#f3f5f8;color:#68758a}
.thread-smart-badge i{font-size:8px}

.thread-message.is-unread{border-color:color-mix(in srgb,#1769ee 35%,var(--user-border));box-shadow:inset 3px 0 0 #1769ee,0 3px 11px rgba(23,105,238,.06)}
.thread-message.is-unread .thread-avatar{background:#1769ee;color:#fff}
.thread-message.is-unread .thread-head-copy>strong,
.thread-message.is-unread .thread-sender-line>strong{font-weight:900}

.conversation-unread-divider{
  position:relative;display:flex;align-items:center;justify-content:center;height:28px;margin:1px 0
}
.conversation-unread-divider::before{
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,#1769ee 35%,var(--user-border))
}
.conversation-unread-divider span{
  position:relative;z-index:1;padding:0 10px;background:var(--user-bg);color:#1769ee;font-size:9.5px;font-weight:900;
  text-transform:uppercase;letter-spacing:.055em
}

html[data-user-theme="dark"] .conversation-intelligence{
  background:linear-gradient(135deg,rgba(48,91,173,.16),var(--user-card))
}
html[data-user-theme="dark"] .conversation-participant-avatar{border-color:var(--user-card)}
html[data-user-theme="dark"] .thread-smart-badge.unread{background:#18355d;color:#93b9ff}
html[data-user-theme="dark"] .thread-smart-badge.attachment{background:#263144;color:#b1bfd2}
html[data-user-theme="dark"] .conversation-unread-divider span{background:var(--user-bg)}

@media(max-width:820px){
  .conversation-intelligence{align-items:flex-start;padding:11px 12px;gap:10px}
  .conversation-intelligence-stats{display:none}
  .conversation-participant-avatar,.conversation-participant-more{width:30px;height:30px;font-size:10px}
  .conversation-intelligence-copy strong{font-size:11.5px}
  .conversation-intelligence-copy span{font-size:9.5px}
  .thread-smart-badge{height:18px;padding:0 6px;font-size:8px!important}
}


/* ==========================================================
   RobsMail Message Context Menu
   Desktop: right click | Mobile: long press
   ========================================================== */
.robsmail-message-context-menu{
  position:fixed;
  z-index:10080;
  width:min(284px,calc(100vw - 20px));
  margin:0;
  padding:0;
  filter:drop-shadow(0 18px 36px rgba(15,23,42,.20));
  transform-origin:top left;
  animation:robsmailContextIn .14s cubic-bezier(.2,.8,.2,1);
}
.robsmail-message-context-menu[hidden]{display:none!important}
.robsmail-message-context-card{
  overflow:hidden;
  padding:8px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:16px;
  background:rgba(255,255,255,.985);
  box-shadow:
    0 16px 42px rgba(15,23,42,.16),
    0 2px 8px rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.robsmail-message-context-card button{
  width:100%;
  min-height:45px;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#17213f;
  padding:9px 12px;
  font:inherit;
  font-size:14px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.robsmail-message-context-card button:hover,
.robsmail-message-context-card button:focus-visible{
  outline:none;
  background:#f1f5ff;
  color:#2457d6;
}
.robsmail-message-context-card button:active{transform:scale(.985)}
.robsmail-message-context-card .message-context-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eef3ff;
  color:#4466bc;
  font-size:14px;
}
.robsmail-message-context-card .message-context-icon.danger-soft{
  background:#fff4ec;
  color:#e06a23;
}
.robsmail-message-context-card .message-context-icon.danger{
  background:#fff0f1;
  color:#dc3545;
}
.robsmail-message-context-card .message-context-danger{color:#c92f3f}
.robsmail-message-context-card .message-context-danger:hover,
.robsmail-message-context-card .message-context-danger:focus-visible{
  background:#fff1f2;
  color:#b42333;
}
.message-context-divider{
  height:1px;
  margin:6px 7px;
  background:linear-gradient(90deg,transparent,#dfe5ef 12%,#dfe5ef 88%,transparent);
}
.webmail-message-row.context-menu-active{
  position:relative;
  z-index:1;
  background:#eef4ff!important;
  box-shadow:inset 3px 0 0 #356ae6;
}
.webmail-message-row.context-action-loading{
  opacity:.62;
  pointer-events:none;
}
.webmail-message-row.context-action-loading::after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:17px;
  height:17px;
  margin-top:-8px;
  border:2px solid rgba(53,106,230,.23);
  border-top-color:#356ae6;
  border-radius:50%;
  animation:robsmailContextSpin .65s linear infinite;
}
@keyframes robsmailContextIn{
  from{opacity:0;transform:translateY(-5px) scale(.975)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes robsmailContextSpin{to{transform:rotate(360deg)}}

html[data-theme="dark"] .robsmail-message-context-card,
body.dark-mode .robsmail-message-context-card{
  border-color:rgba(148,163,184,.20);
  background:rgba(22,29,46,.985);
  box-shadow:0 18px 46px rgba(0,0,0,.42);
}
html[data-theme="dark"] .robsmail-message-context-card button,
body.dark-mode .robsmail-message-context-card button{
  color:#e9eef9;
}
html[data-theme="dark"] .robsmail-message-context-card button:hover,
html[data-theme="dark"] .robsmail-message-context-card button:focus-visible,
body.dark-mode .robsmail-message-context-card button:hover,
body.dark-mode .robsmail-message-context-card button:focus-visible{
  background:#27334e;
  color:#9fc0ff;
}
html[data-theme="dark"] .robsmail-message-context-card .message-context-icon,
body.dark-mode .robsmail-message-context-card .message-context-icon{
  background:#2b3855;
  color:#a9c2ff;
}
html[data-theme="dark"] .robsmail-message-context-card .message-context-icon.danger-soft,
body.dark-mode .robsmail-message-context-card .message-context-icon.danger-soft{
  background:#402d24;
  color:#ffad77;
}
html[data-theme="dark"] .robsmail-message-context-card .message-context-icon.danger,
body.dark-mode .robsmail-message-context-card .message-context-icon.danger{
  background:#47252b;
  color:#ff8d99;
}
html[data-theme="dark"] .robsmail-message-context-card .message-context-danger,
body.dark-mode .robsmail-message-context-card .message-context-danger{
  color:#ff9aa5;
}
html[data-theme="dark"] .message-context-divider,
body.dark-mode .message-context-divider{
  background:linear-gradient(90deg,transparent,#3d4960 12%,#3d4960 88%,transparent);
}
html[data-theme="dark"] .webmail-message-row.context-menu-active,
body.dark-mode .webmail-message-row.context-menu-active{
  background:#202d48!important;
  box-shadow:inset 3px 0 0 #6f9dff;
}

@media(max-width:820px){
  .robsmail-message-context-menu{
    width:min(330px,calc(100vw - 26px));
    z-index:10150;
    filter:drop-shadow(0 18px 35px rgba(15,23,42,.24));
  }
  .robsmail-message-context-menu.mobile-sheet .robsmail-message-context-card{
    border-radius:19px;
    padding:9px;
  }
  .robsmail-message-context-card button{
    min-height:48px;
    padding:9px 13px;
    border-radius:12px;
    font-size:15px;
  }
  .robsmail-message-context-card .message-context-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
    font-size:15px;
  }
  .webmail-message-row.context-menu-active{
    box-shadow:inset 3px 0 0 #356ae6,0 0 0 1px rgba(53,106,230,.08);
  }
}

@media(prefers-reduced-motion:reduce){
  .robsmail-message-context-menu{animation:none}
  .robsmail-message-context-card button{transition:none}
}


/* Forward action in the message long-press / right-click menu */
.robsmail-message-context-card .message-context-icon.forward{
  background:#ecfdf3;
  color:#16a05d;
}
html[data-theme="dark"] .robsmail-message-context-card .message-context-icon.forward,
body.dark-mode .robsmail-message-context-card .message-context-icon.forward{
  background:#18392b;
  color:#63d79a;
}


/* Unified Inbox must behave like an in-app workspace view, not a shell reload. */
.rm-all-inboxes-link.active{
  background:color-mix(in srgb,#1769ee 11%,var(--user-card));
  color:#1769ee;
}
.rm-all-inboxes-link.active > span{
  background:#1769ee;
  color:#fff;
}
html[data-user-theme="dark"] .rm-all-inboxes-link.active{
  background:rgba(64,111,210,.18);
  color:#9bbcff;
}


/* Fast bulk-action feedback */
.webmail-message-row.bulk-action-leaving{
  transition:opacity .13s ease,transform .13s ease,max-height .13s ease,padding .13s ease,margin .13s ease;
}
.webmail-message-row.bulk-action-leaving.is-leaving{
  opacity:.16;
  transform:translateX(-9px);
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .webmail-message-row.bulk-action-leaving{transition:none}
}


/* Consistent bulk toolbar across Inbox / Spam / Trash / Drafts / Starred / Sent */
.mail-bulk-toolbar button[disabled]{
  opacity:.48;
  cursor:not-allowed;
  pointer-events:none;
}
.webmail-message-row.bulk-action-leaving.is-leaving{
  opacity:.12;
  transform:translateX(-8px);
}