/* WEB-SHOP-HOSTING.DE — Roundcube skin "wsh-de" (extends elastic). Tokens = web-shop-hosting.de global.css */
:root{--wsh-navy:#0f1c2e;--wsh-navy2:#1c3150;--wsh-brand:#ff3300;--wsh-brand2:#d92b00;--wsh-ink:#17212e;--wsh-line:#e2e6eb}

/* ===== Login ===== */
body.task-login{background:radial-gradient(1100px 600px at 15% -10%,var(--wsh-navy2) 0%,var(--wsh-navy) 60%) !important;color:#fff}
body.task-login #layout{background:transparent !important}
body.task-login #layout-content{background:transparent !important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px}
body.task-login #logo{top:0 !important;display:block !important;background:#fff;border-radius:12px;padding:14px 22px;box-sizing:content-box;height:60px !important;max-height:none !important;width:auto !important;max-width:min(320px,80vw);margin:0 0 28px !important;box-shadow:0 10px 30px rgba(0,0,0,.35)}
body.task-login #login-form{top:0 !important;background:#fff;color:var(--wsh-ink);border-radius:14px;padding:36px 34px 28px;width:100%;max-width:400px;box-shadow:0 24px 60px rgba(0,0,0,.45);border-top:4px solid var(--wsh-brand);margin:0 !important}
body.task-login #login-form .form-control{border:1px solid #c9d3e0;border-radius:8px;height:44px;font-size:15px;color:var(--wsh-ink);background:#fff}
body.task-login #login-form .form-control:focus{border-color:var(--wsh-brand);box-shadow:0 0 0 3px rgba(255,51,0,.18)}
body.task-login #login-form label,body.task-login #login-form .col-form-label{color:#4a5563;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
body.task-login #login-form .input-group-text{background:#f4f6f9;border-color:#c9d3e0;color:#4a5563}
body.task-login button.mainaction,body.task-login .button.mainaction{background:var(--wsh-brand) !important;border-color:var(--wsh-brand) !important;color:#fff !important;border-radius:8px;height:46px;font-weight:700;font-size:15px;letter-spacing:.02em;box-shadow:0 6px 16px rgba(255,51,0,.35)}
body.task-login button.mainaction:hover,body.task-login .button.mainaction:hover{background:var(--wsh-brand2) !important;border-color:var(--wsh-brand2) !important}
body.task-login #login-form{padding-bottom:0}
body.task-login #login-footer{margin:26px -34px 0 !important;padding:16px 24px 14px;background:#f4f6f9;border-top:1px solid var(--wsh-line);border-radius:0 0 14px 14px;text-align:center;font-size:0;flex:none !important;color:#6b7683 !important}
body.task-login #login-footer .support-link,body.task-login #login-footer>a.support-link{display:none !important}
body.task-login #login-footer>div{padding:0 !important;margin:0 !important;line-height:1.4 !important;position:static !important;bottom:auto !important;width:auto !important}
body.task-login #login-footer .wsh-links{font-size:13px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:8px}
body.task-login #login-footer .wsh-links a{color:var(--wsh-navy2);text-decoration:none;font-weight:600}
body.task-login #login-footer .wsh-links a:hover{color:var(--wsh-brand);text-decoration:underline}
body.task-login #login-footer .wsh-copy{font-size:12px !important;color:#8a94a0 !important}
body.task-login #login-footer a{color:rgba(255,255,255,.8)}
body.task-login #messagestack{top:16px}
body.task-login #messagestack div{border-radius:10px}

/* ===== App ===== */
#layout-menu{background:#0b1524 !important}
#layout-menu .logo{background:#fff;border-radius:8px;padding:8px 10px;box-sizing:content-box;margin:8px}
#layout-menu .logo img{max-height:32px;width:auto}
#layout-menu .menu a{color:rgba(255,255,255,.75) !important}
#layout-menu .menu a:hover{color:#fff !important;background:rgba(255,255,255,.06) !important}
#layout-menu .menu a.selected{color:#fff !important;background:rgba(255,51,0,.16) !important;box-shadow:inset 3px 0 0 var(--wsh-brand)}
#layout-menu .menu a.selected:before{color:var(--wsh-brand) !important}
#layout-menu .special-buttons a{color:rgba(255,255,255,.6) !important}
#layout-sidebar .header,#layout-list .header,#layout-content .header{background:var(--wsh-navy) !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.08)}
#layout-sidebar .header a,#layout-list .header a,#layout-content .header a,#layout-sidebar .header .header-title,#layout-list .header .header-title,#layout-content .header .header-title{color:#fff !important}
#layout-content .header .searchbar input{background:rgba(255,255,255,.1);color:#fff;border-radius:6px}
.toolbar a.button,.toolbar .btn{color:#fff !important}
button.mainaction,.button.mainaction,.btn-primary,.btn-primary.disabled,.btn-primary:disabled,.btn.btn-primary{background:var(--wsh-brand) !important;border-color:var(--wsh-brand) !important;color:#fff !important}
button.mainaction:hover,.button.mainaction:hover,.btn-primary:hover{background:var(--wsh-brand2) !important;border-color:var(--wsh-brand2) !important}
a,.listing a,.listing tr:hover a{color:var(--wsh-navy2)}
.listing tbody tr.selected,.listing tbody tr.selected td,.listing li.selected>a{background:rgba(255,51,0,.09) !important;color:var(--wsh-ink) !important;box-shadow:inset 3px 0 0 var(--wsh-brand)}
.listing tbody tr.unread .subject,.listing tbody tr.unread td{font-weight:700}
.form-control:focus,.custom-select:focus{border-color:var(--wsh-brand) !important;box-shadow:0 0 0 3px rgba(255,51,0,.15) !important}
.custom-control-input:checked~.custom-control-label::before,.custom-switch .custom-control-input:checked~.custom-control-label::before{background:var(--wsh-brand) !important;border-color:var(--wsh-brand) !important}
.nav-tabs .nav-link.active{border-bottom:2px solid var(--wsh-brand) !important;color:var(--wsh-navy) !important}
.badge-primary,.badge.badge-primary{background:var(--wsh-brand) !important}
#messagestack .confirmation{background:#1f8a4c}
#messagestack .error{background:var(--wsh-brand2)}
.popover-header,.ui-dialog .ui-dialog-titlebar,.modal-header{background:var(--wsh-navy) !important;color:#fff !important}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{color:#fff !important}