body.task-login{background:#0d1b16!important}#login-form{background:#16271f!important;border:1px solid #344d3d;border-radius:20px;padding:34px!important;box-shadow:0 24px 70px #0004;color:#deeadf}#login-form #logo{max-width:260px!important;width:240px;height:auto}#login-form input{border-radius:9px;border-color:#58715d}#login-form button{background:#bfe879!important;color:#142a1c!important;border-color:#bfe879!important;border-radius:9px;font-weight:700}#login-footer{color:#adc1b2!important}#layout-menu{background:#14281e!important}#taskmenu a{color:#c1d2c4!important}#taskmenu a.selected{background:#2a4433!important;color:#d9ff9d!important}#layout-menu #logo{max-width:190px}.btn-primary{background-color:#365e43;border-color:#365e43}.btn-primary:hover{background-color:#294d35;border-color:#294d35}a{color:#3c7752}.listing tr.selected td{background-color:#e3efda!important;color:#16251a!important}@media(max-width:480px){#login-form{padding:24px!important;margin:14px!important}}
/* Domain Desk login refinement: scoped to the login screen. */
body.task-login {
 background: #091712 !important;
 background-image: radial-gradient(ellipse at 12% 15%, #45754b55 0, transparent 46%), radial-gradient(ellipse at 90% 85%, #46672440 0, transparent 43%), linear-gradient(135deg,#0b1d17,#091510 60%,#142518) !important;
 min-height:100vh;
}
body.task-login #layout {background:transparent!important;min-height:100vh;}
body.task-login #layout:before {content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#bfdf9f06 1px,transparent 1px),linear-gradient(90deg,#bfdf9f06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 85%);}
body.task-login #layout-content {background:transparent!important;width:min(440px,calc(100% - 40px))!important;max-width:440px!important;margin:0 auto!important;padding:clamp(40px,9vh,96px) 0 40px!important;position:relative;height:auto!important;overflow:visible!important;display:block!important;flex:none!important;}
body.task-login #logo {display:block!important;width:240px!important;max-width:75%!important;height:auto!important;margin:0 auto 38px!important;}
body.task-login #login-form {box-sizing:border-box;width:100%!important;margin:0!important;padding:38px 34px 30px!important;background:linear-gradient(145deg,#21372bee,#15271fee)!important;border:1px solid #799c5d45;border-radius:24px;box-shadow:0 28px 80px #0005,inset 0 1px 0 #ffffff09;}
body.task-login #login-form:before {content:"Selamat datang kembali";display:block;font-size:23px;line-height:1.4;font-weight:650;letter-spacing:-.5px;color:#f0f5e9;margin-bottom:10px;}
body.task-login #login-form:after {content:"DOMAIN DESK / MAIL WORKSPACE";display:block;text-align:center;letter-spacing:2px;font-size:9px;line-height:1.6;color:#96aa92;margin-top:26px;padding-top:22px;border-top:1px solid #a8c19122;}
body.task-login #login-form .input-group {margin-top:20px!important;margin-bottom:0!important;flex-wrap:nowrap;}
body.task-login #login-form .input-group-text {background:#20372d!important;border-color:#526b59!important;color:#b8d6a2!important;border-radius:11px 0 0 11px!important;min-width:48px;justify-content:center;}
body.task-login #login-form input.form-control {height:52px!important;min-width:0;background:#0e2019!important;border:1px solid #526b59!important;color:#eef5e8!important;border-radius:0 11px 11px 0!important;padding:12px 15px!important;font-size:15px;}
body.task-login #login-form input.form-control::placeholder {color:#a9bbae;opacity:1;}
body.task-login #login-form input.form-control:focus {border-color:#c0e88b!important;box-shadow:0 0 0 3px #bfe87922!important;outline:0;}
body.task-login #login-form .formbuttons {margin:28px 0 0!important;}
body.task-login #login-form button {height:50px!important;border-radius:11px!important;background:linear-gradient(110deg,#d0ef9e,#aed975)!important;border:0!important;letter-spacing:.5px;font-size:14px;box-shadow:0 5px 18px #a4d76a15;}
body.task-login #login-form button:hover {filter:brightness(1.07);}
body.task-login #login-footer {margin:24px 0 0!important;color:#a9bca6!important;font-size:12px;line-height:1.8;}
body.task-login #login-footer a {color:#d1eaa9!important;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:480px){body.task-login #layout-content{width:calc(100% - 32px)!important;padding-top:44px!important;}body.task-login #login-form{padding:30px 24px 24px!important;}body.task-login #login-form:before{font-size:21px;}body.task-login #logo{margin-bottom:30px!important;}}

body.task-login #logo,body.task-login #login-form{top:auto!important;}body.task-login #login-form{max-width:none!important;}
/* Inbox: contained branding, legible navigation and consistent spacing. */
body:not(.task-login) #layout-menu #logo{content:url('mark.svg');display:block;width:40px!important;max-width:40px!important;height:40px!important;object-fit:contain;margin:10px auto 18px!important;}
body:not(.task-login) #layout-menu{flex-shrink:0;border-right:1px solid #385343;}
body:not(.task-login) #taskmenu .special-buttons{width:100%;background:#14281e!important;}
body:not(.task-login) #taskmenu a:hover,body:not(.task-login) #taskmenu a:focus-visible{background:#304b37!important;}
body:not(.task-login) #layout-sidebar .header .username{font-size:13px;}
body:not(.task-login) #mailboxlist li>a{padding-top:9px;padding-bottom:9px;}
body:not(.task-login) #messagelist td.subject{padding-top:12px;padding-bottom:12px;}
body:not(.task-login) #messagelist .subject a{line-height:1.65;}
@media(min-width:1025px){
 body:not(.task-login) #layout-menu{width:108px!important;}
 body:not(.task-login) #taskmenu a{width:92px!important;margin:4px 8px;padding:12px 4px!important;border-radius:10px;box-sizing:border-box;height:auto;min-height:62px;max-width:none;}
 body:not(.task-login) #taskmenu a:before{display:block;float:none!important;margin:0 auto 7px!important;line-height:23px;}
 body:not(.task-login) #taskmenu span.inner{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:11px;line-height:1.45;padding:0!important;}
 body:not(.task-login) #layout-sidebar{min-width:245px;}
}
@media(min-width:481px) and (max-width:1024px){body:not(.task-login) #layout-menu #logo{width:30px!important;height:30px!important;max-width:30px!important;margin:12px auto!important;}}
html.dark-mode body:not(.task-login) #layout-sidebar,html.dark-mode body:not(.task-login) #layout-list{background:#14231e;border-color:#34463b;}
html.dark-mode body:not(.task-login) #layout>div>.header,html.dark-mode body:not(.task-login) #layout>div>.footer,html.dark-mode body:not(.task-login) .searchbar{background:#1b2c24;border-color:#34463b;}
html.dark-mode body:not(.task-login) #mailboxlist li.selected>a{background:#304b38;color:#d1edae;}
html.dark-mode body:not(.task-login) #messagelist td{border-color:#2e4036;}
html.dark-mode body:not(.task-login) #messagelist tr.selected td{background:#304b38!important;color:#eef7e5!important;}