/* Draft NINSEI/Chatsubo skin overlays, based on Elastic; keep message iframe white.
   Do not deploy by editing skins/elastic files: use an extending skin. */
html,html.dark-mode{color-scheme:dark}
html body,html.dark-mode body{background:#080b0c;color:#d9e1dc;font-family:Arial,Helvetica,sans-serif}
#layout,#layout-content,#layout-list,#layout-sidebar,#layout-menu{border-color:#34463a!important}
#layout,#layout-content{background:#0b1110!important;color:#d9e1dc}
#layout-menu{background:#080b0c!important;border-right:1px solid #34463a}
#layout-sidebar{background:#111a18!important;color:#d9e1dc}
#layout-list{background:#0e1614!important;color:#d9e1dc}
#layout-content{background:#101916!important}
#layout-menu a,#layout-menu .button,#layout-menu .task,#layout-sidebar a{color:#a9ba95!important}
#layout-menu a:hover,#layout-menu .selected,#layout-sidebar .selected{background:#1b2b24!important;color:#d3edb8!important}
#layout-list .listing tbody tr{background:transparent;color:#d9e1dc}
#layout-list .listing tbody tr.selected,#layout-list .listing tbody tr:hover{background:#203229!important}
.toolbar,.header,.listbox .header,.menu,.popupmenu{background:#17221e!important;color:#d9e1dc!important;border-color:#34463a!important}
button,.btn,.button,.form-control,input:not([type=checkbox]),select,textarea{border-radius:7px;border-color:#4c6552}
button.btn-primary,.btn-primary,.button.mainaction,.button.submit{background:#a9ba95!important;color:#10170f!important;border-color:#a9ba95!important}
button.btn-primary:hover,.btn-primary:hover{background:#d3e6bd!important}
input:focus,textarea:focus,select:focus{outline:2px solid #d3edb8;outline-offset:1px}
a{color:#b7cba3}
body.task-login{background:radial-gradient(ellipse at 65% 25%,#20372b 0,#080b0c 61%)!important}
body.task-login:before{content:'NINSEI  /  CHATSUBO';position:fixed;left:5vw;top:28px;z-index:2;font:700 12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.22em;color:#a9ba95}
body.task-login #layout-content{background:transparent!important}
body.task-login #login-form{background:#111a18;border:1px solid #34463a;border-radius:12px;box-shadow:0 22px 65px #0008;padding:27px}
body.task-login #logo{max-width:min(78vw,220px);height:auto}
body.task-login #login-footer{color:#94a698}
html.iframe body{background:#f8faf8!important;color:#222c24!important}
html.iframe #layout,html.iframe #layout-content{background:#fff!important;color:#222c24!important}
@media(max-width:768px){body.task-login:before{left:20px;top:16px;font-size:10px}body.task-login #login-form{padding:18px}}

/* Consistent NINSEI navigation in Roundcube's own extending skin.
   Floating overlay does not change the mail layout or composer. */
#layout .ninsei-nav{
 position:fixed;z-index:1400;top:9px;right:12px;
 display:flex;align-items:center;gap:6px;flex-wrap:wrap;
 background:#0d1814ee;border:1px solid #34463a;border-radius:9px;
 padding:3px;box-shadow:0 3px 12px #0006;
}
#layout .ninsei-nav a{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:34px;padding:6px 9px;border:1px solid #34463a;
 border-radius:7px;background:#111a18;color:#d9e1dc!important;
 text-decoration:none;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
 letter-spacing:.08em;white-space:nowrap;
}
#layout .ninsei-nav a:hover{color:#d3edb8!important;background:#203027!important;border-color:#a9ba95}
#layout .ninsei-nav a:focus-visible{outline:2px solid #d3edb8;outline-offset:2px}
body.task-login #layout .ninsei-nav{top:16px;right:14px}
@media(max-width:650px){
 #layout .ninsei-nav{top:auto;right:10px;bottom:10px;max-width:calc(100vw - 20px)}
 #layout .ninsei-nav a{min-height:38px;font-size:10px;padding:8px 9px}
 body.task-login #layout .ninsei-nav{top:48px;right:12px;bottom:auto}
}
@media print{#layout .ninsei-nav{display:none!important}}