@import url("../../elastic/styles/styles.min.css");
@font-face{font-family:Poppins;src:url("../fonts/poppins-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url("../fonts/poppins-semibold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Playfair;src:url("../fonts/playfair-display.woff2") format("woff2");font-weight:400 900;font-display:swap}
:root{--ik-paper:#f5efe3;--ik-surface:#faf6ee;--ik-sidebar:#eee3d2;--ik-ink:#342a24;--ik-muted:#6c5a4f;--ik-line:#cbbba7;--ik-accent:#b05541;--ik-accent-dark:#94432f;--ik-soft:#edd9cc}
body{font-family:Poppins,Arial,sans-serif;color:var(--ik-ink);background:var(--ik-paper);font-size:15px}
h1,h2,h3{font-family:Playfair,Georgia,serif}
a{color:var(--ik-accent-dark)}
button,input,select,textarea{font-family:inherit}
.btn,.form-control,.custom-select,.input-group-text,.ui-dialog,.popover,.dropdown-menu{border-radius:3px}
.form-control,.custom-select{background-color:var(--ik-surface);border-color:var(--ik-line);color:var(--ik-ink)}
.form-control:focus,.custom-select:focus{border-color:var(--ik-accent);box-shadow:0 0 0 2px #b0554126;background:var(--ik-surface);color:var(--ik-ink)}
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{background:var(--ik-accent);border-color:var(--ik-accent);color:#fff}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--ik-accent-dark)!important;border-color:var(--ik-accent-dark)!important}
:focus-visible{outline:3px solid var(--ik-accent-dark);outline-offset:3px}
::selection{background:#e5c7b7;color:var(--ik-ink)}
#layout,#layout-content{background:var(--ik-paper)}
#layout-menu{background:var(--ik-sidebar);border-right:1px solid var(--ik-line)}
#taskmenu a{color:var(--ik-muted);min-height:48px}
#taskmenu a:hover,#taskmenu a.selected{background:var(--ik-soft);color:var(--ik-accent-dark)}
#taskmenu .special-buttons a{color:var(--ik-muted)}
#layout-menu .popover-header{background:var(--ik-sidebar)}
#layout-sidebar,#layout-list,#layout-content>.header,#layout-sidebar>.header,#layout-list>.header,.header,.footer{background-color:var(--ik-surface);border-color:var(--ik-line);color:var(--ik-ink)}
.listing li,.listing tbody td,.listing tbody tr,.listing li a,.toolbar a.button,.toolbar .dropbutton{border-color:var(--ik-line);color:var(--ik-ink)}
.listing li.selected,.listing tbody tr.selected td,.listing li.selected>a,.listing li.selected>div>a{background:var(--ik-soft);color:var(--ik-accent-dark)}
.listing li a:hover,.listing tbody tr:hover td{background-color:#f0e4d5}
#messagelist tr.unread td{color:var(--ik-ink);font-weight:600}
#messagelist tr.flagged td.flags{color:var(--ik-accent-dark)}
.toolbar a.button:hover,.toolbar a.button:focus,.toolbar a.button.selected{color:var(--ik-accent-dark);background-color:var(--ik-soft)}
.searchbar,.formcontent,.boxcontent,.ui-dialog-content,.popover,.dropdown-menu{background:var(--ik-surface);color:var(--ik-ink);border-color:var(--ik-line)}
.ui-dialog-titlebar,.popover-header{background:var(--ik-sidebar);color:var(--ik-ink);border-color:var(--ik-line)}
.ui-dialog-title{font-family:Playfair,Georgia,serif;font-size:21px}
.custom-control-input:checked~.custom-control-label:before{background-color:var(--ik-accent);border-color:var(--ik-accent)}
/* Leave message body/attachments unchanged; only the application chrome is branded. */
/* Shared Tasks login sizes; native Roundcube fields and handlers stay intact. */
body.task-login{height:auto;min-height:100%;overflow:auto}
.task-login #layout{height:auto;min-height:100vh;overflow:visible;display:block}
.task-login #layout-content.ikigai-login{display:grid!important;grid-template-columns:1.1fr 1fr;align-items:stretch;width:100%;max-width:none;height:auto;min-height:100vh;margin:0;padding:0;overflow:visible;text-align:left}
.task-login #layout-content #logo.ikigai-logo{position:static;top:auto;display:block;width:200px;height:auto;max-width:100%;max-height:none;margin:0 0 60px;align-self:flex-start}
.ikigai-access-inner{width:100%;max-width:520px}
.task-login #login-form{position:static;top:auto;width:100%;max-width:520px;margin:0;padding:0;text-align:left}
.task-login #login-form fieldset{border:0;margin:0;padding:0;min-width:0}
.ik-login #login-form table,.ik-login #login-form tbody,.ik-login #login-form td{display:block;width:100%;padding:0;border:0}
.ik-login #login-form table tr{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0;padding:0}
.ik-login #login-form td.title{display:block!important}
.ik-login #login-form label{margin:0}
.ik-login #login-form .input-group-prepend{display:none}
.ik-login #login-form .input-group{display:block;margin:0}
.ik-login #login-form input.form-control{border-radius:0!important;font-size:16px;line-height:1.5;padding:12px;min-height:50px}
.ik-login #login-form .formbuttons{margin:0}
.ik-login #login-form button{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;min-height:48px;height:auto;margin:15px 0;padding:10px 18px;border:1px solid var(--ik-accent);border-radius:0;background:var(--ik-accent);color:#fff7ec;font:600 16px/1.5 Poppins,Arial,sans-serif;text-decoration:none;box-shadow:none;cursor:pointer}
.ik-login #login-form button:hover{background:#93432f}
.ik-login #login-footer{margin:18px 0 0;font:400 12px/1.55 Poppins,Arial,sans-serif;text-align:left;color:var(--ik-muted)}
.ikigai-existing{max-width:520px;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--ik-ink);font:400 12px/1.55 Poppins,Arial,sans-serif}
.ikigai-existing a{color:var(--ik-muted);text-underline-offset:4px}
@media(max-width:720px){.task-login #layout-content.ikigai-login{display:block!important}.task-login #layout-content #logo.ikigai-logo{width:145px;margin-bottom:30px}}
