/* Original CayNet Solutions logo, presented without alteration. */
.caynet-brand-panel{box-sizing:border-box;display:block;background:#fff;padding:14px 18px;border:1px solid #dbe6ec;border-radius:14px;margin:0 auto 18px;max-width:440px;width:calc(100% - 32px)}
.caynet-brand-panel img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:5000/1217;object-fit:contain}
.caynet-sidebar-brand{margin:10px 12px 16px;width:calc(100% - 24px);max-width:260px;padding:10px;border-radius:9px}
.caynet-loading-brand{max-width:360px}
@media(max-width:600px){.caynet-brand-panel{max-width:330px;padding:12px;margin-bottom:14px}.caynet-sidebar-brand{width:calc(100% - 24px);margin:10px 12px 14px;padding:10px}}

/* CayNet 1.1: original responsive interface treatment. AGPL-3.0-or-later. */
:root{--cn-surface:var(--panel-bg-clr,#fff);--cn-muted:#708291;--cn-line:#e5edf3;--cn-hover:#eaf3f9;--cn-selected:#d5edfb;--cn-read:#f5f8fc}
body{font-size:14px;letter-spacing:.01em}
#rl-app.UserBackground{background:var(--main-bg-color);padding:12px 16px 22px;box-sizing:border-box}
#rl-left{width:248px}
#rl-left .caynet-sidebar-brand{flex-shrink:0;margin:8px 12px 20px;width:calc(100% - 24px);padding:12px;border:0;border-radius:12px}
#rl-left .b-toolbar{padding:0 12px 22px;display:flex;gap:8px;align-items:center}
#rl-left .buttonCompose{box-sizing:border-box;max-height:none;min-height:54px;width:auto;flex:1;max-width:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:17px!important;box-shadow:0 4px 12px #1378a41b;font-weight:650;font-size:15px}
#rl-left .buttonContacts{border:0;background:transparent;box-shadow:none;color:var(--main-color);padding:10px 7px}
.b-folders .b-content{height:auto!important;flex:1;min-height:0;padding:0 10px 8px}
.b-folders li a{border:0;border-radius:0 22px 22px 0;line-height:42px;margin:3px 0;padding-left:17px;padding-right:40px;font-size:14px;font-weight:450}
.b-folders li a.selected{font-weight:700}
.b-folders li a::before{margin-right:12px;opacity:.8}
.b-folders li a[data-unread]::after{right:13px!important;margin-top:11px!important;background:transparent!important;color:inherit!important;text-shadow:none!important;font-size:12px!important;font-weight:700}
.b-folders hr{margin:19px 16px;opacity:.55}
.b-folders .b-footer{font-size:12px;padding:14px 22px;color:var(--cn-muted)}
#V-SystemDropDown{top:14px;right:23px;padding:0;max-width:260px}
#top-system-dropdown-id{padding:9px 12px;border-radius:24px;background:var(--cn-surface)!important;opacity:1;border:1px solid var(--cn-line)!important;max-width:260px}
#V-MailMessageList > .btn-toolbar{height:56px;box-sizing:border-box;padding:5px 280px 10px 12px}
.btn{background-image:none!important;box-shadow:none;text-shadow:none;border-color:transparent;border-radius:9px;line-height:24px}
.btn-toolbar .btn,.top-toolbar .btn{background:transparent;color:var(--main-color)}
.btn-toolbar .btn:hover,.top-toolbar .btn:hover{background:var(--cn-hover)}
.btn-group>.btn{border-radius:9px!important;margin-right:3px}
.messageList{height:calc(100% - 56px);border:0;border-radius:22px;box-shadow:none;overflow:hidden}
#V-MailMessageList.focused .messageList{box-shadow:none}
.messageList .second-toolbar{padding:14px 20px;gap:10px;border:0;background:var(--cn-surface);align-items:center}
.messageList .checkboxCheckAll{margin:0 8px 0 0}
.messageList .inputSearch{height:44px;border:0;border-radius:24px;background:var(--cn-read);box-shadow:none;padding:10px 20px;font-size:15px;color:var(--main-color)}
.messageList .inputSearch:focus{box-shadow:0 0 0 2px #29aae1}
.messageList .buttonMoreSearch{border-radius:50%;padding:7px 11px;background:var(--cn-read)}
.messageList .b-footer{background:var(--cn-surface);border-top:1px solid var(--cn-line);padding:11px 20px;font-size:12px;align-items:center}
.messageList .b-footer .e-quota{font-size:12px;color:var(--cn-muted)}
.messageListItem{min-height:49px;align-items:center;background:var(--cn-read);border-left:3px solid transparent;border-bottom:1px solid var(--cn-line);font-size:14px;line-height:24px;padding:0 14px 0 8px}
.messageListItem>div+div{padding:12px 0;align-items:center;gap:8px}
.messageListItem .messageCheckbox{padding:0 7px;opacity:.65}
.messageListItem .senderParent{flex:0 0 22%;font-size:13px}
.messageListItem .subjectParent{font-size:14px}
.messageListItem .sizeParent{display:none}
.messageListItem .flagParent{font-size:19px;margin:0 9px 0 2px}
.messageListItem time{font-size:11px;min-width:60px;opacity:1;color:var(--cn-muted);margin:0}
.messageListItem.unseen{background:var(--cn-surface);border-left-color:transparent}
.messageListItem.unseen time{color:var(--main-color);font-weight:650}
.messageListItem:hover{background:var(--cn-hover);box-shadow:inset 0 1px 0 var(--cn-line),0 2px 5px #21395012;z-index:2}
.messageListItem.selected,.messageListItem.checked{background:var(--cn-selected);border-left-color:#29aae1}
.messageListItem.focused{outline:2px solid #29aae1;outline-offset:-2px}
.messageList .groupLabel{background:var(--cn-surface);text-align:left;padding:9px 24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:1;color:var(--cn-muted)}
.messageList .b-content .listEmptyMessage{font-size:20px;color:var(--cn-muted);padding:100px 25px}
#V-MailMessageView .messageView{border:0;border-radius:22px;overflow:hidden;box-shadow:none;background:var(--cn-surface)}
.messageView .messageItemHeader{background:var(--cn-surface);padding:24px;border-bottom:1px solid var(--cn-line)}
.messageView .subject{font-size:24px;line-height:1.4;font-weight:550;letter-spacing:-.5px}
.messageView .bodyText{padding:24px;line-height:1.7}
#V-MailMessageView .top-toolbar{padding:10px 14px}
.dropdown-menu{border:1px solid var(--cn-line);border-radius:14px;padding:8px;box-shadow:0 12px 35px #18364b20}
.dropdown-menu a{border-radius:8px;padding:8px 12px}
dialog{border-radius:20px!important;border:1px solid var(--cn-line);box-shadow:0 24px 80px #10273735}
dialog::backdrop{background:#182c444d;backdrop-filter:blur(3px)}
#V-PopupsCompose{max-width:900px;border-radius:20px!important}
#V-PopupsCompose header{background:var(--cn-read);padding:16px 20px;border-bottom:1px solid var(--cn-line)}
#V-PopupsCompose .b-header{padding:15px 22px}
#V-PopupsCompose .b-header td{padding:7px 0}
#V-PopupsCompose .b-header input[type=text]{border:0;border-bottom:1px solid var(--cn-line);border-radius:0;box-shadow:none;padding:8px}
#V-PopupsCompose .button-send{border-radius:22px;padding:7px 24px;font-weight:650}
#V-Login{border-radius:26px!important;padding:35px!important}
#V-Login .buttonLogin{border-radius:24px!important;min-height:46px;font-weight:650}
#V-Login input{min-height:43px;border-radius:12px}
.caynet-source{font-size:9px;opacity:.7}
@media(min-width:800px){.sm-msgView-side #V-MailMessageList>.btn-toolbar{padding-right:5px}.sm-msgView-side #V-MailMessageView{margin-left:12px}.sm-msgView-side .messageListItem>div+div{flex-wrap:wrap;gap:2px}.sm-msgView-side .messageListItem .senderParent{flex:1 1 65%}.sm-msgView-side .messageListItem .subjectParent{order:5;flex-basis:100%;padding-left:33px;font-weight:400}.sm-msgView-side .messageListItem .attachmentParent{display:none}.sm-msgView-side .messageListItem time{min-width:45px}}
@media(max-width:1050px) and (min-width:800px){#rl-left{width:205px}#V-SystemDropDown{max-width:160px}#top-system-dropdown-id{max-width:160px}#V-MailMessageList>.btn-toolbar{padding-right:175px}.messageListItem .senderParent{flex-basis:27%}}
@media(max-width:799px){#rl-app.UserBackground{padding:8px 6px 20px}#rl-left{width:280px!important;max-width:85vw!important;box-shadow:12px 0 50px #122b4430;padding-top:14px}#V-SystemDropDown{top:11px;right:13px;max-width:140px}#top-system-dropdown-id{max-width:140px;padding:7px}#V-MailMessageList>.btn-toolbar{padding:4px 150px 6px 5px;height:50px}.messageList{height:calc(100% - 50px);border-radius:17px}.messageList .second-toolbar{padding:10px;gap:5px}.messageListItem{padding:8px 9px 8px 1px;min-height:65px}.messageListItem>div+div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:2px 7px;padding:0}.messageListItem .flagParent{grid-column:1;grid-row:1 / 3;margin:0}.messageListItem .senderParent{grid-column:2;grid-row:1;font-size:14px}.messageListItem .subjectParent{grid-column:2 / 4;grid-row:2;font-size:13px;font-weight:400}.messageListItem time{grid-column:3;grid-row:1;font-size:10px;min-width:0}.messageListItem .attachmentParent,.messageListItem .threads-len{display:none}.messageListItem .messageCheckbox{padding:0 7px}.messageList .b-footer{padding:8px 12px}#V-PopupsCompose{width:100%;height:100%;max-height:100%;border-radius:0!important;margin:0}#V-PopupsCompose header{padding:10px}#V-PopupsCompose .b-header{padding:8px 12px}.messageView .messageItemHeader{padding:16px}.messageView .bodyText{padding:16px}#V-Login{padding:24px!important}.caynet-source{left:5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#V-PopupsCompose header{color:var(--main-color)}
#V-PopupsCompose header .close,#V-PopupsCompose header .minimize-custom{color:var(--main-color);border-color:transparent}
#V-PopupsCompose .b-header{background:var(--cn-surface);border-bottom:1px solid var(--cn-line)}
#V-PopupsCompose .squire-toolbar{background:var(--cn-read);border-color:var(--cn-line);padding:8px;overflow-x:auto}
html.rl-left-panel-disabled .caynet-sidebar-brand{display:none}
@media(min-width:800px){#V-MailMessageList>.btn-toolbar{padding-top:10px}#V-MailMessageView .top-toolbar{height:56px;box-sizing:border-box}}