/* Okraina candidate; inherits Elastic. CC BY-SA 3.0; see README.upstream.md.
   Only the mailbox shell is restyled. Message HTML and composer stay upstream. */
body.task-mail:has(#okraina-folder-actions) {
  --ok-accent: #ffda50;
  --ok-shell: #f4f5f6;
  --ok-surface: #fff;
  --ok-text: #292a35;
  --ok-line: #e7e8eb;
  --ok-selected: #eceef1;
}
html.dark-mode body.task-mail:has(#okraina-folder-actions) {
  --ok-shell: #27292e;
  --ok-surface: #202126;
  --ok-text: #e8e9ed;
  --ok-line: #393b43;
  --ok-selected: #393c45;
}
body:has(#okraina-folder-actions) #layout-sidebar,
body:has(#okraina-folder-actions) #layout-menu {
  background: var(--ok-shell);
  color: var(--ok-text);
}
body:has(#okraina-folder-actions) #layout-sidebar > .header {
  background: transparent;
  border-bottom: 0;
}
body:has(#okraina-folder-actions) #layout-sidebar .header-title {
  font-size: 19px;
  font-weight: 600;
  text-align: left;
}
#okraina-folder-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 0 14px 8px;
}
#okraina-folder-actions .okraina-compose {
  flex: 1;
  background: var(--ok-accent);
  color: #242424;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 36px;
  min-height: 36px;
  font-weight: 500;
}
#okraina-folder-actions .okraina-compose:hover { background: #ffd133; }
#okraina-folder-actions .okraina-refresh {
  flex: 0 0 34px;
  border-radius: 10px;
  background: var(--ok-selected);
}
#okraina-folder-actions a:focus-visible {
  outline: 2px solid #3d6abd;
  outline-offset: 2px;
}
#okraina-account {
  flex: 0 0 auto;
  padding: 0 16px 8px;
  color: var(--ok-text);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:has(#okraina-folder-actions) #mailboxlist { padding: 0 9px; }
body:has(#okraina-folder-actions) #mailboxlist li { border-bottom: 0; }
body:has(#okraina-folder-actions) #mailboxlist a {
  min-height: 29px;
  line-height: 29px;
  border-radius: 9px;
  color: var(--ok-text);
  font-size: 13px;
}
body:has(#okraina-folder-actions) #mailboxlist li.selected {
  background: transparent;
}
body:has(#okraina-folder-actions) #mailboxlist li.selected > a {
  background: var(--ok-selected);
}
body:has(#okraina-folder-actions) #messagelist tr.unread span.fromto {
  font-weight: 700;
}
body:has(#okraina-folder-actions) #messagelist .msgicon.status.unread:before {
  color: #be9600;
}
body:has(#okraina-folder-actions) #messagelist tr.flagged:not(.selected) td {
  background: #fff1f3;
}
html.dark-mode body:has(#okraina-folder-actions) #messagelist tr.flagged:not(.selected) td {
  background: #3d2932;
}
/* The native reading/composition screens and responsive small-screen layout
   are inherited. Desktop list shell replaces the permanent preview column. */
@media screen and (min-width: 1025px) {
  body:has(#okraina-folder-actions) #layout {
    display: grid;
    grid-template-columns: 58px 270px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  body:has(#okraina-folder-actions) #layout-menu {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 58px;
  }
  body:has(#okraina-folder-actions) #layout-sidebar {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 270px !important;
    min-width: 0;
    max-width: none;
    min-height: 0;
    border-right: 1px solid var(--ok-line);
  }
  body:has(#okraina-folder-actions) #layout-content {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    background: var(--ok-surface);
  }
  body:has(#okraina-folder-actions) #layout-list {
    grid-column: 3;
    grid-row: 2;
    width: auto !important;
    max-width: none;
    min-width: 0;
    min-height: 0;
    background: var(--ok-surface);
    border-right: 0;
  }
  body:has(#okraina-folder-actions) #layout-sidebar > .column-resizer,
  body:has(#okraina-folder-actions) #layout-list > .column-resizer {
    display: none;
  }
  body:has(#okraina-folder-actions) #taskmenu > .action-buttons { display: none; }
  body:has(#okraina-folder-actions) #taskmenu a > .inner {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  body:has(#okraina-folder-actions) #taskmenu a { color: var(--ok-text); }
  body:has(#okraina-folder-actions) #messagelist td { vertical-align: middle; }
  body:has(#okraina-folder-actions) #messagelist td.subject {
    flex-wrap: nowrap;
    align-items: center;
    min-height: 36px;
  }
  body:has(#okraina-folder-actions) #messagelist td.subject span.fromto {
    order: 0;
    flex: 0 0 23%;
    max-width: 300px;
    padding-left: .5rem;
    font-size: 13px;
    color: var(--ok-text);
  }
  body:has(#okraina-folder-actions) #messagelist td.subject span.subject {
    order: 1;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    font-size: 13px;
  }
  body:has(#okraina-folder-actions) #messagelist td.subject span.date {
    order: 2;
    flex: 0 0 auto;
    padding: 0 10px;
    font-size: 12px;
  }
  body:has(#okraina-folder-actions) #messagelist td.subject span.size { display: none; }
}

/* v2: measured desktop geometry and palette of the user's reference. */
body:has(#okraina-folder-actions){--ok-accent:#ffda50;--ok-shell:#f6f7f8;--ok-text:#292b37;--ok-line:#e9eaed;--ok-selected:#e6e7ea;font-family:Arial,Helvetica,sans-serif;color:var(--ok-text)}
body:has(#okraina-folder-actions) a {color:inherit}
body:has(#okraina-folder-actions) #layout-menu{background:#eef0f1!important;border:0}
body:has(#okraina-folder-actions) #layout-menu .popover-header{height:60px;min-height:60px;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}
body:has(#okraina-folder-actions) #logo{width:29px;height:29px;object-fit:contain;filter:grayscale(1);opacity:.65}
body:has(#okraina-folder-actions) #taskmenu a{background:transparent!important;width:58px;height:44px;padding:10px 0;color:#353640!important;line-height:24px}
body:has(#okraina-folder-actions) #taskmenu a:before{font-size:20px;width:30px;height:30px;line-height:30px;margin:auto}
body:has(#okraina-folder-actions) #taskmenu a.mail:before{background:#ff8255;border-radius:50%;color:white;font-size:17px}
body:has(#okraina-folder-actions) #taskmenu a.settings{position:absolute;bottom:76px}
body:has(#okraina-folder-actions) #taskmenu .special-buttons{background:transparent!important}
body:has(#okraina-folder-actions) #taskmenu .about{display:none}
body:has(#okraina-folder-actions) #taskmenu .theme{display:none}
body:has(#okraina-folder-actions) #taskmenu .logout:before{font-size:18px;color:#979aa4}
body:has(#okraina-folder-actions) #layout-sidebar>.header{height:58px;min-height:58px;flex:0 0 58px;padding:0 14px;display:flex;align-items:center}
body:has(#okraina-folder-actions) #layout-sidebar .header-title{font:600 20px Arial;flex:1;line-height:28px;overflow:visible;padding:0}
body:has(#okraina-folder-actions) #layout-sidebar .sidebar-menu{display:none}
.ok-search-toggle{width:32px;height:32px;flex:0 0 32px;background:transparent;border:0;padding:7px;cursor:pointer;color:#292b37}
.ok-search-toggle:before{content:'\f002';font-family:Icons;font-weight:900;font-size:15px}
#okraina-folder-actions{padding:0 14px 11px;gap:7px}
#okraina-folder-actions .okraina-compose{border-radius:11px;line-height:33px;min-height:33px;height:33px;font:13px/33px Arial;color:#161616}
#okraina-folder-actions .okraina-compose:before{content:'\f303';font-family:Icons;font-size:12px;margin-right:11px}
#okraina-folder-actions .okraina-refresh{height:33px;width:33px;flex-basis:33px;padding:0;color:#676b77;background:#eaebed;line-height:33px;border-radius:11px}
#okraina-folder-actions .okraina-refresh:before{font-size:15px;line-height:33px;width:33px;height:33px;margin:0}
#okraina-account{display:none}
body:has(#okraina-folder-actions) #mailboxlist{padding:0 14px 12px}
body:has(#okraina-folder-actions) #mailboxlist li{border:0;position:relative}
body:has(#okraina-folder-actions) #mailboxlist a{font:13px/27px Arial;min-height:27px;height:27px;border-radius:8px;padding-top:0;padding-bottom:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:has(#okraina-folder-actions) #mailboxlist li.inbox>a{height:33px;line-height:33px;padding-left:10px}
body:has(#okraina-folder-actions) #mailboxlist li.inbox.selected>a{font-weight:700}
body:has(#okraina-folder-actions) #mailboxlist li a:before{font-size:14px;width:20px;margin-right:4px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder a:before{display:none}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder>a{padding-left:42px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul a{padding-left:54px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul ul a{padding-left:66px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul ul ul a{padding-left:78px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul ul ul ul a{padding-left:90px}
body:has(#okraina-folder-actions) #mailboxlist .treetoggle{height:27px;line-height:27px;width:18px;font-size:13px;margin-top:0}
body:has(#okraina-folder-actions) #mailboxlist .unreadcount{font-size:12px;font-weight:400;background:transparent;color:#30313c;padding:0 2px}
.ok-my-folders{display:flex;height:34px;align-items:center}
.ok-folders-toggle,.ok-folders-plus{border:0;background:transparent;color:#292b37;cursor:pointer;font:13px Arial;height:32px;padding:0}
.ok-folders-toggle{flex:1;text-align:left;padding-left:10px}
.ok-folders-toggle:before{content:'\f07b';font-family:Icons;font-size:14px;margin-right:9px}
.ok-folders-plus{width:30px;font-size:20px;font-weight:300;color:#858895}
.ok-hidden-folder{display:none!important}
body:has(#okraina-folder-actions) #layout-sidebar>.footer{display:none}
body:has(#okraina-folder-actions) #layout-content>.header{height:35px;min-height:35px;border-bottom:1px solid var(--ok-line);background:white;justify-content:flex-start;padding:0 4px}
body:has(#okraina-folder-actions) #layout-content>.header>.header-title{display:none}
body:has(#okraina-folder-actions) #layout-content>.footer{display:none}
#ok-search-top{height:94px;min-height:94px;box-sizing:border-box;padding:8px 7px 7px;background:#fff}
#ok-search-top .searchbar{height:79px;border:1px solid #ededf0;border-radius:10px;box-shadow:0 1px 3px #1a20331a;background:#fff;align-items:center;padding:0 16px}
#ok-search-top input{height:40px;font:14px Arial;background:transparent!important;color:#292b37}
#ok-search-top .searchbar a,#ok-search-top .searchbar .icon:before{color:#777c87}
body:has(#okraina-folder-actions) #toolbar-menu{margin:0!important;display:flex!important;justify-content:flex-start;width:100%;gap:4px;height:34px;align-items:center}
body:has(#okraina-folder-actions) #toolbar-menu>li{height:32px;flex:0 0 auto;border:0;padding:0}
body:has(#okraina-folder-actions) #toolbar-menu>li>a{display:flex;align-items:center;gap:7px;padding:0 10px;height:32px;line-height:32px;min-width:0;color:#656a74;font-size:13px;text-decoration:none;border:0;border-radius:5px}
body:has(#okraina-folder-actions) #toolbar-menu>li>a:before{float:none;font-size:14px;width:15px;height:16px;line-height:16px;display:inline-block;margin:0}
body:has(#okraina-folder-actions) #toolbar-menu>li>a>.inner{display:inline!important;line-height:32px;font:13px/32px Arial;max-width:none;padding:0}
body:has(#okraina-folder-actions) #toolbar-menu>li>a.disabled{opacity:.38}
body:has(#okraina-folder-actions) #toolbar-menu>li>a:not(.disabled):hover{background:#f0f1f3}
body:has(#okraina-folder-actions) #toolbar-menu a.ok-select-all{width:26px;padding:0 6px}
body:has(#okraina-folder-actions) #toolbar-menu a.ok-select-all:before{content:'';width:14px;height:14px;border:1px solid #cfd1d6;border-radius:3px}
body:has(#okraina-folder-actions) #toolbar-menu a.ok-select-all .inner{display:none!important}
body:has(#okraina-folder-actions) #toolbar-menu a.move:before{content:'\f07b'}
body:has(#okraina-folder-actions) #toolbar-menu a.junk:before{content:'\f071'}
body:has(#okraina-folder-actions) #toolbar-menu a.move:after,body:has(#okraina-folder-actions) #toolbar-menu a.markmessage:after{content:'\f107';font-family:Icons;font-size:12px;opacity:.7}
body:has(#okraina-folder-actions) #toolbar-menu li.spacer{display:none}
body:has(#okraina-folder-actions) #messagelist-content{background:white}
body:has(#okraina-folder-actions) #messagelist{table-layout:fixed;width:100%;border-collapse:collapse}
body:has(#okraina-folder-actions) #messagelist tr{height:35px;color:#292b37;cursor:pointer}
body:has(#okraina-folder-actions) #messagelist tr td{border-bottom:1px solid #e9eaed;height:35px;box-sizing:border-box;padding-top:0;padding-bottom:0;background:#fff}
body:has(#okraina-folder-actions) #messagelist td.selection{display:table-cell!important;width:30px;padding:0 8px 0 13px}
body:has(#okraina-folder-actions) #messagelist td.selection input{display:inline-block!important;appearance:none;width:14px;height:14px;border:1px solid #d5d7dc;border-radius:3px;vertical-align:middle;margin:0;cursor:pointer;background:#fff}
body:has(#okraina-folder-actions) #messagelist td.selection input:checked{background:#ffda50;border-color:#efc539;appearance:auto;accent-color:#ffda50}
body:has(#okraina-folder-actions) #messagelist td.subject{display:flex;min-height:35px;height:35px;flex-wrap:nowrap;align-items:center;padding:0 6px;gap:0;position:relative}
body:has(#okraina-folder-actions) #messagelist td.subject span.fromto{display:flex;align-items:center;gap:10px;order:0;flex:0 0 222px;max-width:222px;padding:0;font:12px Arial;color:#292b37}
body:has(#okraina-folder-actions) #messagelist .fromto>.adr{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ok-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;font:12px Arial;color:#fff}
body:has(#okraina-folder-actions) #messagelist td.subject span.subject{order:1;flex:1;min-width:0;width:auto;white-space:nowrap;display:flex;align-items:center;font:12px Arial;line-height:34px}
body:has(#okraina-folder-actions) #messagelist td.subject span.subject>a{color:#171922;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block;text-decoration:none}
body:has(#okraina-folder-actions) #messagelist td.subject span.date{order:2;flex:0 0 84px;text-align:right;color:#9297a2;font:12px Arial;padding:0 6px}
body:has(#okraina-folder-actions) #messagelist td.subject span.size{display:none}
body:has(#okraina-folder-actions) #messagelist .msgicon.status{width:22px;min-width:22px;height:20px;display:inline-flex;align-items:center;justify-content:center}
body:has(#okraina-folder-actions) #messagelist .msgicon.status:before{font-size:7px;color:transparent}
body:has(#okraina-folder-actions) #messagelist .msgicon.status.unread:before{color:#ffda50}
body:has(#okraina-folder-actions) #messagelist .msgicon.status.replied:before,body:has(#okraina-folder-actions) #messagelist .msgicon.status.forwarded:before{font-size:12px;color:#999da4}
body:has(#okraina-folder-actions) #messagelist td.flags{width:37px;max-width:37px;padding:0 6px;color:#979ba4}
body:has(#okraina-folder-actions) #messagelist .unread .fromto,body:has(#okraina-folder-actions) #messagelist .unread .subject>a{font-weight:bold!important}
body:has(#okraina-folder-actions) #messagelist tr.flagged:not(.selected) td{background:#fff0f3}
body:has(#okraina-folder-actions) #messagelist tr.selected td{background:#fff7d6!important;color:#292b37!important}
body:has(#okraina-folder-actions) #messagelist tr:hover:not(.selected) td{background:#f6f7f9}
body:has(#okraina-folder-actions) .pagenav{border-top:1px solid #eee;background:#fafafa;font:12px Arial;height:30px;min-height:30px}
@media(min-width:1025px){
 body:has(#okraina-folder-actions) #layout{grid-template-columns:58px 268px minmax(0,1fr);grid-template-rows:129px minmax(0,1fr);background:#eef0f1}
 body:has(#okraina-folder-actions) #layout-sidebar{width:268px!important;border:0;background:#f6f7f8;}
 body:has(#okraina-folder-actions) #layout-content{height:129px;min-height:129px;display:flex;flex-direction:column}
 body:has(#okraina-folder-actions) #layout-list{border-left:1px solid #e7e8eb}
 body:has(#okraina-folder-actions) #messagelist-header{display:none}
 body:has(#okraina-folder-actions) #layout-content>.header>.toolbar-menu-button{display:none}
 body:has(#okraina-folder-actions) #toolbar-menu>li:has(.hidden-big){display:none}
}
@media(max-width:1250px) and (min-width:1025px){body:has(#okraina-folder-actions) #toolbar-menu>li>a{padding:0 5px;gap:4px}body:has(#okraina-folder-actions) #messagelist td.subject span.fromto{flex-basis:185px;max-width:185px}}
@media(max-width:1024px){#ok-search-top{height:52px;min-height:52px;padding:4px}#ok-search-top .searchbar{height:44px}.ok-search-toggle{display:none}body:has(#okraina-folder-actions) #messagelist td.subject{flex-wrap:wrap;height:auto;min-height:62px}body:has(#okraina-folder-actions) #messagelist td.subject span.fromto{flex-basis:70%;max-width:70%}body:has(#okraina-folder-actions) #messagelist td.subject span.date{order:1;flex:1}body:has(#okraina-folder-actions) #messagelist td.subject span.subject{order:2;flex-basis:100%}body:has(#okraina-folder-actions) #toolbar-menu{width:auto}}
/* Override upstream inline sizing after its toolbar initialization. */
body:has(#okraina-folder-actions) #toolbar-menu>li>a.ok-select-all{box-sizing:border-box;gap:0!important;padding:0 6px!important}
body:has(#okraina-folder-actions) #toolbar-menu>li>a.ok-select-all:before{flex:0 0 14px!important;width:14px!important;height:14px!important;min-width:14px!important;line-height:14px!important;padding:0!important;margin:0!important}
body:has(#okraina-folder-actions) #okraina-folder-actions .okraina-compose{display:flex;align-items:center;justify-content:center;gap:11px;padding:0}
body:has(#okraina-folder-actions) #okraina-folder-actions .okraina-compose:before{display:block;flex:0 0 12px;width:12px;height:14px;line-height:14px;margin:0;font-weight:900}
body:has(#okraina-folder-actions) #okraina-folder-actions .okraina-compose>.inner{display:block;position:static;width:auto;height:auto;line-height:33px}
body:has(#okraina-folder-actions) #layout-sidebar .header-title{margin:0!important;min-width:0}
body:has(#okraina-folder-actions) #layout-menu .popover-header{background:transparent!important}
body:has(#okraina-folder-actions) #layout-menu #logo{display:none}
body:has(#okraina-folder-actions) #layout-menu .popover-header:after{content:'О';display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#ff6232;color:#fff;font:25px Arial}
body:has(#okraina-folder-actions) #taskmenu a:before{width:30px!important;height:30px!important;display:block!important;float:none!important;margin:0 auto!important;line-height:30px!important}
body:has(#okraina-folder-actions) #toolbar-menu>li>a{width:auto!important;max-width:none!important;white-space:nowrap}
body:has(#okraina-folder-actions) #toolbar-menu>li>a>.inner{overflow:visible!important;width:auto!important;max-width:none!important;white-space:nowrap}
body:has(#okraina-folder-actions) #toolbar-menu>li>a.ok-select-all{width:26px!important}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul a{padding-left:52px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul ul a{padding-left:64px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul ul ul a{padding-left:76px}
body:has(#okraina-folder-actions) #mailboxlist li.ok-custom-folder ul ul ul ul a{padding-left:88px}
@media(min-width:1025px){
 body:has(#okraina-folder-actions) #layout{padding-top:10px;box-sizing:border-box;grid-template-rows:126px minmax(0,1fr)}
 body:has(#okraina-folder-actions) #layout-content{height:126px;min-height:126px}
 body:has(#okraina-folder-actions) #layout-content>.header{height:32px;min-height:32px}
 body:has(#okraina-folder-actions) #toolbar-menu{height:31px}
 body:has(#okraina-folder-actions) #messagelist tbody{display:block;width:100%}
 body:has(#okraina-folder-actions) #messagelist tr.message{display:flex;height:35px;min-height:35px;width:100%;border-bottom:1px solid #e9eaed}
 body:has(#okraina-folder-actions) #messagelist tr.message td{border-bottom:0;display:flex!important;align-items:center;min-height:34px;height:34px;line-height:normal}
 body:has(#okraina-folder-actions) #messagelist td.selection{flex:0 0 30px;width:30px;padding:0 0 0 13px}
 body:has(#okraina-folder-actions) #messagelist td.subject{flex:1;width:auto;min-width:0}
 body:has(#okraina-folder-actions) #messagelist td.subject span.fromto{flex-basis:204px;max-width:204px}
 body:has(#okraina-folder-actions) #messagelist td.flags{flex:0 0 37px;overflow:hidden;justify-content:center;padding:0;gap:0}
 body:has(#okraina-folder-actions) #messagelist td.flags .attachment{font-size:13px;line-height:16px}
}

/* Interaction polish. All rules stay outside message bodies and the login page. */
body:has(#layout-menu) :is(#taskmenu,#toolbar-menu,#messagetoolbar,#mailboxlist,#okraina-folder-actions) :is(a,button,input[type=checkbox],.treetoggle):not(.disabled):not([aria-disabled=true]):not(:disabled){cursor:pointer}
body:has(#layout-menu) :is(a,button).disabled,body:has(#layout-menu) [aria-disabled=true],body:has(#layout-menu) button:disabled{cursor:default!important}
body:has(#layout-menu) :is(input[type=text],input[type=search],input[type=email],input[type=password],textarea,[contenteditable=true]){cursor:text}
body:has(#okraina-folder-actions) #mailboxlist li>a:hover{background:#e8eaed!important;color:#292b37!important;border-radius:9px}
body:has(#okraina-folder-actions) #mailboxlist li.selected>a{background:#e3e5e8!important;color:#292b37!important;border-radius:9px}
body:has(#okraina-folder-actions) #mailboxlist li.selected>a:hover{background:#dcdfe3!important}
body:has(#okraina-folder-actions) #mailboxlist a:focus-visible,body:has(#layout-menu) :is(button,a,input):focus-visible{outline:2px solid #d2ac27;outline-offset:-2px}
body:has(#okraina-folder-actions) #messagelist tr.message:hover:not(.selected) td{background:#f0f1f3}
body:has(#okraina-folder-actions) #messagelist tr.message.flagged:hover:not(.selected) td{background:#fbe5eb}
body:has(#okraina-folder-actions) #messagelist tr.message.selected td{background:#fff3c2!important}
body:has(#okraina-folder-actions) #messagelist :is(.subject>a,.msgicon,.flag,.flagged,.unflagged,input[type=checkbox]){cursor:pointer}
body:has(#okraina-folder-actions) #messagelist tr.message:focus-visible{outline:2px solid #d2ac27;outline-offset:-2px}
body:has(#okraina-folder-actions) #messagelist td.selection input{transition:border-color .12s ease}
body:has(#okraina-folder-actions) #messagelist tr:hover td.selection input{border-color:#9fa4ae}
#ok-native-tooltip{position:fixed;z-index:12000;pointer-events:none;max-width:min(440px,calc(100vw - 24px));box-sizing:border-box;padding:9px 12px;background:#252627;color:#fff;border-radius:9px;box-shadow:0 3px 12px #12151b20;font:13px/18px Arial,Helvetica,sans-serif;overflow-wrap:anywhere;text-align:left}
#ok-native-tooltip[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){body:has(#okraina-folder-actions) #messagelist td.selection input{transition:none}}