body.task-login{background:#190f13!important}#login-form{background:#25181d!important;border:1px solid #4a383f;border-radius:20px;padding:34px!important;box-shadow:0 24px 70px #0004;color:#e8e0e3}#login-form #logo{max-width:260px!important;width:240px;height:auto}#login-form input{border-radius:9px;border-color:#6e5c63}#login-form button{background:#d889aa!important;color:#27171e!important;border-color:#d889aa!important;border-radius:9px;font-weight:700}#login-footer{color:#beb0b6!important}#layout-menu{background:#25171d!important}#taskmenu a{color:#d0c3c8!important}#taskmenu a.selected{background:#402e35!important;color:#f1abc8!important}#layout-menu #logo{max-width:190px}.btn-primary{background-color:#583c48;border-color:#583c48}.btn-primary:hover{background-color:#482e39;border-color:#482e39}a{color:#6f4456}.listing tr.selected td{background-color:#ecdde3!important;color:#23181d!important}@media(max-width:480px){#login-form{padding:24px!important;margin:14px!important}}
/* Orion Bakery login refinement: scoped to the login screen. */
body.task-login {
 background: #150b0f !important;
 background-image: radial-gradient(ellipse at 12% 15%, #6e4c5a55 0, transparent 46%), radial-gradient(ellipse at 90% 85%, #5e2d4140 0, transparent 43%), linear-gradient(135deg,#1a0e13,#130b0e 60%,#23161b) !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(#d6a8bb06 1px,transparent 1px),linear-gradient(90deg,#d6a8bb06 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,#34242bee,#24181dee)!important;border:1px solid #93667945;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:#f3ebee;margin-bottom:10px;}
body.task-login #login-form:after {content:"ORION BAKERY / WEBMAIL";display:block;text-align:center;letter-spacing:2px;font-size:9px;line-height:1.6;color:#a7959d;margin-top:26px;padding-top:22px;border-top:1px solid #ba98a622;}
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:#34232a!important;border-color:#68565d!important;color:#cfa9b9!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:#1d1116!important;border:1px solid #68565d!important;color:#f3eaee!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:#b8acb1;opacity:1;}
body.task-login #login-form input.form-control:focus {border-color:#db98b4!important;box-shadow:0 0 0 3px #d889aa22!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,#e4a9c2,#cb83a1)!important;border:0!important;letter-spacing:.5px;font-size:14px;box-shadow:0 5px 18px #c8799a15;}
body.task-login #login-form button:hover {filter:brightness(1.07);}
body.task-login #login-footer {margin:24px 0 0!important;color:#b9a9b0!important;font-size:12px;line-height:1.8;}
body.task-login #login-footer a {color:#e1b2c6!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('mail-icon-192-v3.png');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 #4f3c44;}
body:not(.task-login) #taskmenu .special-buttons{width:100%;background:#25171d!important;}
body:not(.task-login) #taskmenu a:hover,body:not(.task-login) #taskmenu a:focus-visible{background:#47343c!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:#21161b;border-color:#43373c;}
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:#2a1d22;border-color:#43373c;}
html.dark-mode body:not(.task-login) #mailboxlist li.selected>a{background:#47343c;color:#e4b7ca;}
html.dark-mode body:not(.task-login) #messagelist td{border-color:#3d3136;}
html.dark-mode body:not(.task-login) #messagelist tr.selected td{background:#47343c!important;color:#f4e8ed!important;}

/* Orion v2: resolve native dark-mode overrides across every workspace. */
:root{--orion-accent:#9c345f;--orion-focus:#edacc7;--orion-line:#563746}
body.task-login #logo{content:url('mail-logo-v3.svg')!important;width:280px!important;max-width:82%!important;max-height:110px!important;object-fit:contain!important}
body.task-login #login-form input.form-control{font-size:16px!important}
body.task-login #login-form button{color:#321e28!important;font-weight:700!important}
body.task-login #login-form .input-group-text{font-size:17px!important}
body.task-login #login-form:before{content:"Email untuk tim Orion"}
body:not(.task-login) .btn-primary,body:not(.task-login) a.button.compose{background:#9c345f!important;border-color:#9c345f!important;color:white!important}
body:not(.task-login) #taskmenu a.compose{background:#9c345f!important;color:#fff!important}
body:not(.task-login) #taskmenu a.selected{box-shadow:inset 3px 0 #edacc7}
body:not(.task-login) a:focus-visible,button:focus-visible{outline:2px solid #edacc7!important;outline-offset:2px}
.form-control:focus,.custom-select:focus{border-color:#b75a81!important;box-shadow:0 0 0 3px #b75a8125!important}
html.dark-mode body:not(.task-login){background:#1c151c;color:#eee3e8}
html.dark-mode body:not(.task-login) #layout-menu,html.dark-mode body:not(.task-login) #taskmenu,html.dark-mode body:not(.task-login) #taskmenu .special-buttons{background:#281c26!important}
html.dark-mode body:not(.task-login) #layout-content,html.dark-mode body:not(.task-login) #compose-content,html.dark-mode body:not(.task-login) .formcontent,html.dark-mode body:not(.task-login) .scroller,html.dark-mode body:not(.task-login) .iframe-wrapper{background:#211921!important;color:#eee3e8}
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) .menu.toolbar,html.dark-mode body:not(.task-login) .searchbar,html.dark-mode body:not(.task-login) .popover-header{background:#30212c!important;border-color:#503342!important;color:#eee3e8}
html.dark-mode body:not(.task-login) .form-control,html.dark-mode body:not(.task-login) .custom-select,html.dark-mode body:not(.task-login) .input-group-text,html.dark-mode body:not(.task-login) .popover-body{background:#291d27!important;color:#f5eaf0!important;border-color:#614253!important}
html.dark-mode body:not(.task-login) .listing li>a,html.dark-mode body:not(.task-login) .toolbar a,html.dark-mode body:not(.task-login) .menu a{color:#e6d4de}
html.dark-mode body:not(.task-login) .listing li.selected>a,html.dark-mode body:not(.task-login) .listing tr.selected td{background:#4c2e40!important;color:#fff1f7!important}
html.dark-mode body:not(.task-login) a:hover{color:#f3bad2}
html.dark-mode body:not(.task-login) .floating-action-buttons a{background:#a33a65!important;color:#fff!important}
html:not(.dark-mode) body:not(.task-login) #layout-sidebar,html:not(.dark-mode) body:not(.task-login) #layout>div>.header,html:not(.dark-mode) body:not(.task-login) #layout>div>.footer{background:#fff8fb;border-color:#ead8e1}
html:not(.dark-mode) body:not(.task-login) .listing li.selected>a,html:not(.dark-mode) body:not(.task-login) .listing tr.selected td{background:#f7e4ed!important;color:#402633!important}
@media(max-width:480px){
 body.task-login #layout-content{padding-top:40px!important;width:calc(100% - 32px)!important}
 body.task-login #logo{width:250px!important;max-width:85%!important;margin-bottom:26px!important}
 body.task-login #login-form{padding:26px 22px!important}
 body:not(.task-login) #layout-menu #logo{content:url('mail-logo-v3.svg')!important;width:164px!important;max-width:164px!important;height:55px!important;margin:12px 20px!important}
 body:not(.task-login) #taskmenu a{min-height:48px;padding-top:12px;padding-bottom:12px}
 body:not(.task-login) #layout-menu .popover-header{background:#281c26!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:481px){body:not(.task-login) #layout-menu:not(.popover){position:relative}}
html.dark-mode .special-buttons a{background:#30212c!important}
html.dark-mode #messagelist .subject a{color:#ead9e2!important}
html.dark-mode #messagelist .fromto,html.dark-mode #messagelist .date{color:#bfa3b3!important}
html.dark-mode *{scrollbar-color:#81546c #241b23}

html.dark-mode .editor-toolbar,html.dark-mode .input-group.focus,html.dark-mode .recipient-input.focus{background:#382635!important;border-color:#b75a81!important;box-shadow:none!important}
html.dark-mode .editor-toolbar a{color:#edbfd4!important}

body.task-login #logo{height:84px!important;max-height:100px!important}html.dark-mode .popover,html.dark-mode .popover .menu,html.dark-mode .popover .listing{background:#30212c!important}