/* The Shetlers · Sketch-inspired SnappyMail appearance · v1 */
html:root,html body#rl-app {
 color-scheme:light;--main-color:#292b35;--main-bg-color:#f6e3c7;--main-bg-image:none;--loading-color:#615746;--loading-text-shadow:none;
 --login-color:#626474;--login-bg-color:#fff;--login-box-shadow:0 24px 70px #60462425;--login-border:1px solid #ffffff80;--login-border-radius:22px;
 --folders-color:#c2c3cc;--folders-disabled-color:#81838d;--folders-selected-color:#fff;--folders-selected-bg-color:#34353b;--folders-focused-color:#fff;--folders-focused-bg-color:#3d3e48;--folders-hover-color:#fff;--folders-hover-bg-color:#2c2d34;--folders-drop-color:#fff;--folders-drop-bg-color:#555dff;
 --settings-menu-color:#d1d2dc;--settings-menu-selected-color:#fff;--settings-menu-selected-bg-color:#555dff;--settings-menu-hover-color:#fff;--settings-menu-hover-bg-color:#34353b;
 --dropdown-menu-color:#353644;--dropdown-menu-bg-color:#fff;--dropdown-menu-hover-bg-color:#eeefff;--dropdown-menu-hover-color:#343a9c;--dropdown-menu-disable-color:#9c9da7;
 --panel-bg-clr:#fff;--border-color:#e8e9ef;--border-radius:10px;--dialog-bg-clr:#fff;--dialog-clr:#30323e;--dialog-border-radius:16px;--message-list-toolbar-bg-color:#111214;
}
body#rl-app{background:#f6e3c7!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#rl-content{background:#111214;border-radius:22px;box-shadow:0 24px 65px #392a252b;overflow:hidden}
#rl-left{background:#1c1d20;color:#c2c3cc;padding:12px 10px}
#rl-left .buttonCompose,.btn-success,.buttonLogin{background:#555dff!important;background-image:none!important;border-color:#555dff!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important}
#rl-left .buttonCompose{border-radius:10px;padding-top:13px;padding-bottom:13px}
.b-folders li a{border-radius:8px;margin:3px 0;padding-top:11px;padding-bottom:11px;text-shadow:none}
.b-folders li a.selected{background:#34353b!important;color:#fff!important}
#V-MailMessageList{background:#111214;color:#dddde5;padding:0 12px 0 10px}
#V-MailMessageList .messageList{background:#111214;border:0;box-shadow:none}
#V-MailMessageList .thm-message-list-top-toolbar,#V-MailMessageList .thm-message-list-bottom-toolbar{background:#111214!important;background-image:none!important;color:#b4b5c2;border-color:#33343b}
#V-MailMessageList .inputSearch{background:#26272c!important;color:#eee!important;border:1px solid #36373f!important;border-radius:24px;padding:11px 14px;box-shadow:none}
#V-MailMessageList .messageListItem{background:#222327;color:#e6e6ee;border:1px solid transparent;border-left:4px solid transparent;border-radius:11px;margin:10px 3px;min-height:60px;align-items:center}
#V-MailMessageList .messageListItem:hover{background:#2e2f37}
#V-MailMessageList .messageListItem.unseen{background:#292a32;border-left-color:#868bff;color:#fff}
#V-MailMessageList .messageListItem.focused{outline:1px solid #a3a7ff;outline-offset:-1px}
#V-MailMessageList .messageListItem.selected{background:#555dff!important;color:#fff!important;border-color:#555dff!important;box-shadow:0 8px 20px #0002}
#V-MailMessageList .messageListItem.checked{border-left-color:#91dcd1!important}
#V-MailMessageList .messageListItem .messageCheckbox{padding-left:8px;padding-right:8px}
#V-MailMessageList .messageListItem time{color:inherit}
#V-MailMessageList .listSearchDesc{color:#dddde5}
#V-MailMessageView{padding:0 12px 12px 8px}
#V-MailMessageView .messageView{background:#fff;color:#292b35;border:0;border-radius:19px;overflow:hidden}
#V-MailMessageView .messageItemHeader{background:#fff;color:#626474;border-color:#eeeef3;padding:24px}
#V-MailMessageView .messageItemHeader .subject{color:#252631;font-size:25px;font-weight:500;line-height:1.35;letter-spacing:-.5px}
#V-MailMessageView .messageItemHeader .informationShort{color:#727482}
.btn{border-radius:7px;background-image:none;text-shadow:none}
#V-MailMessageList>.btn-toolbar .btn,#V-MailMessageView>.top-toolbar .btn{background:#292a30;color:#eee;border:1px solid #3a3b43;box-shadow:none}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #969bff!important;outline-offset:2px}
.dropdown-menu{border-radius:10px;box-shadow:0 12px 36px #15152a22}
#V-Login{padding:34px!important;max-width:420px;box-sizing:border-box}
#V-Login::before{content:'The Shetlers';display:block;color:#282a35;font-size:28px;font-weight:600;letter-spacing:-.8px;margin-bottom:10px;text-align:center}
#V-Login::after{content:'Your mail. A little more personal.';display:block;margin-top:24px;color:#8c8e9a;font-size:12px;text-align:center}
#V-Login input{background:#f6f6f9;color:#30323e;border:1px solid #e4e5ed;border-radius:9px;box-shadow:none;padding-top:12px;padding-bottom:12px}
#V-Login .buttonLogin{border-radius:9px;padding:13px 22px}
@media(min-width:1000px){body#rl-app{padding:26px}#rl-content{height:calc(100dvh - 52px)!important}.sm-msgView-side #V-MailMessageList .messageList{width:29vw;min-width:310px;max-width:43vw}.sm-msgView-side .messageListItem>div+div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:2px 6px;padding:13px 10px 13px 0}.sm-msgView-side .messageListItem .flagParent{grid-column:1;grid-row:1;margin:0}.sm-msgView-side .messageListItem .senderParent{grid-column:2;grid-row:1;font-weight:600}.sm-msgView-side .messageListItem .subjectParent{grid-column:2 / 4;grid-row:2;font-size:12px}.sm-msgView-side .messageListItem time{grid-column:3;grid-row:1;font-size:10px}.sm-msgView-side .messageListItem .sizeParent{grid-column:3;grid-row:3;font-size:10px}.sm-msgView-side .messageListItem .attachmentParent{grid-column:1;grid-row:2;margin:0}.sm-msgView-side .messageListItem .threads-len{grid-column:2;grid-row:3;justify-self:start}.sm-msgView-side .messageListItem{min-height:86px}}
@media(max-width:799px){#rl-content{border-radius:0;box-shadow:none}#V-MailMessageList{padding:0 5px}#V-MailMessageView{padding:0 5px 5px}#V-MailMessageView .messageItemHeader{padding:15px}#V-MailMessageView .messageItemHeader .subject{font-size:21px}#V-Login{padding:25px!important;max-width:calc(100vw - 28px)}}
/* Login uses the full warm canvas; mailbox retains the dark frame. */
#rl-content:has(#V-Login:not([hidden])){background:transparent;box-shadow:none;border-radius:0;overflow:auto}
#rl-content #V-Login{width:420px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;background:#fff;border-radius:22px;box-shadow:0 24px 70px #60462425;color:#626474}
#V-Login .descWrapper{display:none!important}
#V-Login form{background:transparent!important;box-shadow:none!important;border:0!important;padding:20px 0 0!important;margin:0!important;border-radius:0!important}
/* v3: compose sizing, account menu, and viewport containment. */
body#rl-app{box-sizing:border-box}
#rl-content{position:relative;min-width:0}
#rl-right{min-width:0}
#rl-left .buttonCompose{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:auto!important;min-height:44px;max-height:none!important;line-height:20px;padding:11px 13px;max-width:100%;vertical-align:middle;white-space:nowrap}
#rl-left .buttonCompose .buttonComposeText{line-height:20px}
#rl-left .buttonCompose i{line-height:20px;flex-shrink:0}
#rl-left .b-toolbar{padding:10px 0 14px}
#V-SystemDropDown{top:0;right:4px;padding:10px 8px}
#V-SystemDropDown #top-system-dropdown-id{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;height:auto;padding:7px 12px;background:#292a30;color:#eeeef5;border:1px solid #3a3b43;border-radius:9px!important;box-shadow:none;line-height:18px;text-shadow:none}
#V-SystemDropDown #top-system-dropdown-id:hover,#V-SystemDropDown .open #top-system-dropdown-id{background:#373842;border-color:#777dff}
#V-SystemDropDown .accountPlace{border:0;margin:0;padding:0;line-height:18px;font-size:12px;font-weight:500;max-width:190px;vertical-align:middle}
#V-SystemDropDown .dropdown-menu{background:#25262d;color:#eeeef5;border:1px solid #42434d;border-radius:12px;padding:8px;box-shadow:0 16px 40px #0004;max-width:calc(100vw - 32px);min-width:220px}
#V-SystemDropDown .dropdown-menu a{color:#eeeef5;border-radius:6px;padding-top:10px;padding-bottom:10px;text-shadow:none}
#V-SystemDropDown .dropdown-menu a:hover,#V-SystemDropDown .dropdown-menu a:focus{background:#454bba;color:#fff}
#V-SystemDropDown .dropdown-menu .dividerbar{border-color:#42434d}
#rl-left .b-footer .btn,#V-MailMessageList .buttonMoreSearch{background:#292a30;color:#e6e6ee;border:1px solid #3a3b43;box-shadow:none}
@media(min-width:1000px){#rl-content{height:100%!important}#V-MailMessageView>.top-toolbar{padding-right:245px;min-height:54px}#rl-content #V-MailMessageList,#rl-content #V-MailMessageView{min-width:0}}
@media(max-width:799px){#V-SystemDropDown .accountPlace{display:none}#V-SystemDropDown #top-system-dropdown-id{padding:5px 9px;min-height:31px}#rl-left .buttonCompose{min-height:40px}}
#V-SystemDropDown .dropdown-menu a{background:transparent!important;color:#eeeef5!important;border:0;box-shadow:none}
#V-SystemDropDown .dropdown-menu a:hover,#V-SystemDropDown .dropdown-menu a:focus{background:#454bba!important;color:#fff!important}