/* Shared application chrome. Native message HTML and login are excluded. */
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)){--ok-accent:#ffda50;--ok-text:#292b37;--ok-line:#e9eaed;font-family:Arial,Helvetica,sans-serif;color:#292b37}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu){background:#eef0f1!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-menu{width:58px!important;min-width:58px!important;background:#eef0f1!important;border:0!important;color:#353640!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-menu .popover-header{height:60px;min-height:60px;background:transparent!important;display:flex;align-items:center;justify-content:center;padding:0}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-menu #logo{display:none}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-menu .popover-header:after{content:'О';display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#ff6232;color:white;font:25px Arial}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu{padding:0!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu a{box-sizing:border-box;background:transparent!important;width:58px!important;height:44px!important;padding:7px 0!important;color:#353640!important;line-height:30px!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu a:before{font-size:20px;width:30px!important;height:30px!important;line-height:30px!important;margin:0 auto!important;display:block!important;float:none!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu a>.inner{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu a.mail:before{background:#ff8255;border-radius:50%;color:#fff;font-size:17px}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu .special-buttons{background:transparent!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu a.settings{position:absolute;bottom:76px}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu a.logout:before{font-size:18px;color:#979aa4}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu .about,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu .theme,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #taskmenu .action-buttons{display:none!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-sidebar{background:#f6f7f8!important;color:#292b37!important;border:0!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-sidebar>.header{background:transparent!important;border:0;min-height:58px;padding:0 14px}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-sidebar .header-title{font:600 20px/28px Arial;margin:0!important;color:#292b37}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) .header,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) .footer{background:#fff;color:#5f626c}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-content,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu) #layout-list{background:#fff;color:#292b37}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .btn-primary{background:#ffda50!important;border-color:#ffda50!important;color:#22232b!important;border-radius:9px!important;box-shadow:none!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .btn-primary:hover{background:#f4cd38!important;border-color:#f4cd38!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .form-control:focus,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .custom-select:focus{border-color:#d8ba4d!important;box-shadow:0 0 0 2px #ffda502b!important}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .form-control,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .custom-select{color:#292b37;background:#fff;border-color:#e2e3e7;border-radius:7px;font-size:14px}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .listing li.selected>a,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .listing tr.selected td{background:#e7e8eb;color:#292b37}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .listing a{color:#292b37}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .listing li>a{line-height:34px;border:0}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .popupmenu,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .popover{border:1px solid #e9eaed;border-radius:12px;box-shadow:0 8px 30px #2026331a}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .toolbar a{color:#777b83}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) .toolbar a:hover{color:#292b37;background:#f4f5f7;border-radius:6px}
body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) button:focus-visible,body:is(.action-compose,.action-show,.task-settings,.task-addressbook):not(:has(#okraina-login)) a:focus-visible{outline:2px solid #d2ac27;outline-offset:2px}
/* Mail reading uses the same folder rail as the inbox. */
#taskmenu a.ok-disk-service{display:flex!important;align-items:center;justify-content:center;cursor:pointer;position:relative!important;padding:0!important}
#taskmenu a.ok-disk-service:before{display:none!important}
#taskmenu a.ok-disk-service svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#taskmenu a.ok-disk-service:hover{background:#e3e5e8!important;border-radius:9px}
body.action-show #message-header{padding:24px 28px 18px;border-bottom:1px solid #eee}
body.action-show #message-header .subject{font:600 23px/32px Arial;margin:0 0 20px;color:#272934}
body.action-show #message-header .header{border:0;background:#fff}
body.action-show #message-header .contactphoto{width:40px;height:40px;border-radius:50%}
body.action-show #message-content{padding:22px 28px;background:#fff}
body.action-show #message-content>.leftcol{float:none;width:auto;max-width:none;margin:0 0 18px}
body.action-show #message-content>.rightcol{margin:0;width:100%}
body.action-show .attachmentslist li{border:1px solid #ebecf0;border-radius:9px;background:#f5f6f8;padding:9px;margin:0 8px 8px 0}
/* Compose: real folders left, clean writing canvas, actions at the bottom. */
body.action-compose #compose-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}
body.action-compose #compose-content>form{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px 24px 0!important;margin:0;overflow:auto}
body.action-compose #compose-objects:empty{display:none}
body.action-compose #compose-headers{flex:0 0 auto;position:relative;margin:0 0 12px}
body.action-compose .compose-headers{display:flex;flex-direction:column;position:relative}
body.action-compose #compose_from{order:2}
body.action-compose:not(.ok-extra-headers) #compose_from{display:none}
body.action-compose #compose_to{order:0;padding-right:160px!important}
body.action-compose #compose_subject{order:1}
body.action-compose #compose_cc,body.action-compose #compose_bcc,body.action-compose #compose_replyto,body.action-compose #compose_followupto{order:3}
body.action-compose .compose-headers>.form-group{margin:0!important;min-height:39px;align-items:center;border-bottom:1px solid #f1f2f4;flex-wrap:nowrap}
body.action-compose .compose-headers>.form-group>label{flex:0 0 52px;max-width:52px;padding:10px 0!important;margin:0;font-size:13px;color:#9699a0;font-weight:400}
body.action-compose .compose-headers>.form-group>.col-10{padding:0!important;flex:1;max-width:none;min-width:0}
body.action-compose .compose-headers .form-control,body.action-compose .compose-headers .recipient-input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-height:37px;font:14px Arial;color:#292b37;padding:8px 0}
body.action-compose .compose-headers .input-group-text{background:transparent;border:0;color:#92959e}
body.action-compose .compose-headers .input-group{flex-wrap:nowrap}
#ok-compose-headers-toggle{position:absolute;top:4px;right:0;background:transparent;border:0;padding:7px 2px;color:#858892;font:13px Arial;z-index:1;cursor:pointer}
#ok-compose-headers-toggle:hover{color:#292b37}
body.action-compose #composebodycontainer{flex:1;display:flex;flex-direction:column;min-height:280px;margin:0}
body.action-compose #composebody{flex:1;min-height:280px;width:100%;border:0!important;box-shadow:none!important;border-radius:0;font:14px/1.55 Arial;padding:16px 0}
body.action-compose #composebodycontainer .tox-tinymce{flex:1;min-height:280px;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}
body.action-compose .tox .tox-editor-header{box-shadow:none!important;border:0!important;padding:0!important}
body.action-compose .tox .tox-toolbar,body.action-compose .tox .tox-toolbar__primary,body.action-compose .tox .tox-toolbar__overflow{background:#fff!important;border:0}
body.action-compose .tox .tox-toolbar__group{padding:0 5px;border-right:1px solid #eee;margin:5px 0}
body.action-compose .tox .tox-tbtn{background:transparent;color:#777b81;height:30px;border-radius:5px}
body.action-compose .tox .tox-tbtn svg{fill:#787b82}
body.action-compose .tox .tox-tbtn:hover{background:#f1f2f4}
body.action-compose .tox .tox-statusbar{border:0}
body.action-compose #compose-content>.formbuttons{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 24px!important;margin:0;border:0;background:#fff}
body.action-compose #compose-content>.formbuttons>.send{flex:0 0 auto;min-width:120px;height:40px;padding:0 17px;font:600 14px Arial;text-transform:none}
body.action-compose #compose-content>.formbuttons>.send:before{display:none}
body.action-compose #compose-content>.formbuttons>button.send:before{content:none!important;display:none!important}
body.action-compose #compose-content>.formbuttons>.send{min-width:112px!important}
body.action-compose .ok-compose-close{position:absolute;right:10px;top:7px;width:32px;height:30px;z-index:2;color:#858892;font:25px/30px Arial;text-align:center;border-radius:7px;text-decoration:none}
body.action-compose .ok-compose-close:hover{background:#f0f1f3;color:#292b37}
body.action-compose #ok-compose-headers-toggle{right:30px}
body.action-compose #compose_to{padding-right:198px!important}
body.action-compose #compose-content{position:relative}
body.action-compose .recipient-input input:focus{outline:0!important;box-shadow:none!important}
body:is(.task-settings,.task-addressbook) .custom-switch .custom-control-input:checked~.custom-control-label:before,
body:is(.task-settings,.task-addressbook) input.form-check-input:checked{background-color:#edc634;border-color:#edc634}
body:is(.task-settings,.task-addressbook) .listing li:hover>a,
body:is(.task-settings,.task-addressbook) .listing tr:hover>td{background:#f0f1f3;cursor:pointer}
body:is(.task-settings,.task-addressbook) .header-title{text-align:left!important}
body.action-compose #messagetoolbar{display:flex;margin:0!important;min-width:0;flex:1}
body.action-compose #messagetoolbar ul{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:auto!important;height:40px;padding:0;margin:0}
body.action-compose #messagetoolbar .spacer{display:none}
body.action-compose #messagetoolbar a{display:flex;align-items:center;justify-content:center;min-width:34px!important;width:34px!important;height:36px!important;padding:6px!important;border:0;color:#83868e;background:transparent}
body.action-compose #messagetoolbar a:before{font-size:18px;line-height:24px;margin:0!important}
body.action-compose #messagetoolbar a>.inner{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.action-compose #composestatusbar{position:static!important;white-space:nowrap;color:#999ca5;font:12px Arial;max-width:210px;overflow:hidden;text-overflow:ellipsis}
body.action-compose #compose-content>.formbuttons>.float-right{display:none}
#ok-compose-options[hidden]{display:none!important}
#ok-compose-options{position:fixed;top:18px;right:18px;bottom:18px;width:355px;max-width:calc(100vw - 32px);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 50px #29313c2b;display:flex;flex-direction:column;overflow:hidden}
#ok-compose-options>.header{display:flex;align-items:center;min-height:56px;padding:0 16px;border-bottom:1px solid #eee}
#ok-compose-options .header-title{font:600 16px Arial;flex:1}
.ok-options-close{order:2;border:0;background:transparent;color:#898d98;font:26px Arial;width:32px;cursor:pointer}
#ok-compose-options>.scroller{flex:1;min-height:0;overflow:auto;padding:16px}
#ok-compose-options .file-upload{min-height:150px;border:1px dashed #dfe1e7;border-radius:10px;padding:12px}
#ok-compose-options .file-upload:after{display:none}
#ok-compose-options .formcontent{padding:20px 0}
#ok-compose-options label{font:13px/1.4 Arial}
body.task-settings #layout-content,body.task-addressbook #layout-content{border:1px solid #e9eaed;border-radius:12px}
body.task-settings fieldset,body.task-addressbook fieldset{border-color:#eceef1}
body.task-settings legend,body.task-addressbook legend{font:600 17px Arial;color:#292b37}
body:is(.task-settings,.task-addressbook) .nav-tabs .nav-link{color:#606570;border:0;border-bottom:2px solid transparent;border-radius:0;padding:11px 15px}
body:is(.task-settings,.task-addressbook) .nav-tabs .nav-link.active{color:#252833;background:#fff;border-bottom:2px solid #edc634}
body:is(.task-settings,.task-addressbook) .nav-tabs .nav-link:hover{background:#f5f6f8}
body:is(.task-settings,.task-addressbook) .formcontent{padding:22px 26px}
body:is(.task-settings,.task-addressbook) .formbuttons{padding:12px 26px}
body:is(.task-settings,.task-addressbook) .formcontent fieldset{margin-bottom:24px}
body:is(.task-settings,.task-addressbook) .listing td{border-color:#f0f1f3}
body:is(.task-settings,.task-addressbook) .header{border-color:#e9eaed}
body:is(.task-settings,.task-addressbook) .custom-switch input:checked+label:before{background:#edc634!important;border-color:#edc634!important}
body:is(.task-settings,.task-addressbook) .custom-switch input:checked+label:after{background:#fff!important}
@media(min-width:1025px){
 body:is(.action-compose,.action-show,.task-settings,.task-addressbook):has(#layout-menu):not(:has(#okraina-folder-actions)) #layout{grid-template-columns:58px 268px minmax(220px,300px) minmax(0,1fr);background:#eef0f1}
 body.task-settings #layout,body.task-addressbook #layout{display:grid!important;grid-template-rows:minmax(0,1fr);padding:10px 10px 10px 0;gap:0}
 body.action-compose:has(#okraina-folder-actions) #layout,body.action-show:has(#okraina-folder-actions) #layout{display:grid!important;grid-template-columns:58px 268px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;padding:8px 8px 8px 0!important;gap:0}
 body.action-compose:has(#okraina-folder-actions) #layout-menu,body.action-show:has(#okraina-folder-actions) #layout-menu{grid-column:1!important;grid-row:1!important}
 body.action-compose:has(#okraina-folder-actions) #layout-sidebar,body.action-show:has(#okraina-folder-actions) #layout-sidebar{grid-column:2!important;grid-row:1!important;width:268px!important}
 body.action-compose:has(#okraina-folder-actions) #layout-content,body.action-show:has(#okraina-folder-actions) #layout-content{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;border:1px solid #e7e8ec;border-radius:12px;overflow:hidden}
 body.action-compose #layout-content>.header{display:none!important}
 body.action-show:has(#okraina-folder-actions) #layout-content>.header{height:46px!important;min-height:46px!important;padding:0 18px;border-bottom:1px solid #eee}
 body.action-show #layout-content>.content{flex:1;min-height:0;overflow:auto}
 body.action-show #toolbar-menu{height:44px!important;justify-content:flex-start!important;gap:8px}
 body.action-show #toolbar-menu a{font-size:13px;display:flex;align-items:center;gap:7px;padding:7px 10px!important;width:auto!important}
 body.action-show #toolbar-menu a:before{font-size:15px}
 body.action-show #toolbar-menu .dropbutton{display:inline-flex!important;align-items:center;height:32px!important;padding:0!important;margin:0!important;border:0!important;vertical-align:top}
 body.action-show #toolbar-menu .dropbutton>a{display:inline-flex!important;align-items:center;gap:7px;height:32px!important;padding:0 8px!important;width:auto!important;min-width:0!important;line-height:32px!important}
 body.action-show #toolbar-menu .dropbutton>a:not(.dropdown)>.inner{position:static!important;display:inline!important;clip-path:none!important;height:auto!important;width:auto!important;max-width:none!important;white-space:nowrap;font:13px/32px Arial;overflow:visible}
 body.action-show #toolbar-menu .dropbutton>a:before{float:none;display:inline-block;line-height:16px;height:16px;width:16px;margin:0!important}
 body.action-show #toolbar-menu .dropbutton>a.dropdown{width:22px!important;padding:0 3px!important}
 body.action-show #toolbar-menu .dropbutton>a.dropdown>.inner{display:none!important}
 body.action-show #toolbar-menu>li:has(.dropbutton){width:max-content!important;min-width:max-content!important}
 body.action-show #toolbar-menu .dropbutton{width:max-content!important;max-width:none!important;flex-shrink:0!important}
 body.action-show #toolbar-menu .dropbutton>a:not(.dropdown){width:max-content!important;min-width:max-content!important;max-width:none!important;flex:0 0 auto!important}
 body.task-settings #layout-menu,body.task-addressbook #layout-menu{grid-column:1;grid-row:1}
 body.task-settings #layout-sidebar,body.task-addressbook #layout-sidebar{grid-column:2;grid-row:1;width:268px!important;min-width:268px!important;max-width:268px!important}
 body.task-settings #layout-list,body.task-addressbook #layout-list{grid-column:3;grid-row:1;width:auto!important;border:1px solid #e9eaed;border-right:0}
 body.task-settings #layout-content,body.task-addressbook #layout-content{grid-column:4;grid-row:1}
 body.task-addressbook #layout-content>.header{justify-content:flex-start;padding:0 14px;min-height:50px;height:50px}
 body.task-addressbook #toolbar-menu{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:6px;height:49px}
 body.task-addressbook #toolbar-menu>li{height:auto;width:auto!important;flex:0 0 auto}
 body.task-addressbook #toolbar-menu>li>a{display:flex;align-items:center;gap:7px;height:34px;min-width:0;width:auto!important;padding:0 9px!important;font-size:13px;line-height:34px}
 body.task-addressbook #toolbar-menu>li>a:before{font-size:15px;margin:0;line-height:20px;height:20px;width:18px}
 body.task-addressbook #toolbar-menu>li>a>.inner{display:inline!important;line-height:34px;width:auto!important;max-width:none!important}
}
@media(max-width:1024px){
 body.action-compose #compose-content>form{padding:10px 16px 0!important}body.action-compose #compose-content>.formbuttons{padding:12px 16px!important;flex-wrap:wrap;gap:8px}
 body.action-compose #compose_to{padding-right:0!important}#ok-compose-headers-toggle{position:static;order:1;align-self:flex-end}
 body.action-compose .ok-compose-close{display:none}
 body.action-compose #layout-content>.header{min-height:48px}body.action-compose #composestatusbar{display:none}
}