/* Bluerays Mail: quiet chrome, familiar folders, yellow compose action. */
:root{--brm-ink:#111c2e;--brm-yellow:#ffda45;--brm-paper:#f1f3f5;--brm-muted:#657080;--brm-line:#d6dce3}.brm-ui body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--brm-ink);background:var(--brm-paper)}.brm-ui a{color:#344b68}.brm-ui input,.brm-ui textarea,.brm-ui select,.brm-ui button{font-family:inherit}.brm-ui .btn{border-radius:5px;font-weight:500;box-shadow:none}.brm-ui .btn-primary{background:var(--brm-yellow);border-color:var(--brm-yellow);color:var(--brm-ink)}.brm-ui .btn-primary:hover,.brm-ui .btn-primary:focus{background:#ffe779;border-color:#ffe779;color:var(--brm-ink)}.brm-ui .btn-primary.disabled,.brm-ui .btn-primary:disabled{background:#e8cf73;border-color:#e8cf73;color:#4c5766}.brm-ui .form-control{border-color:#c5cdd8;border-radius:5px;color:#111c2e;box-shadow:none}.brm-ui .form-control:focus{border-color:#9a7915;box-shadow:0 0 0 2px #ffda4540}.brm-ui .custom-control-input:checked~.custom-control-label:before{background:#111c2e;border-color:#111c2e}.brm-ui body.task-login{background:#111c2e;overflow:auto}.brm-ui body.task-login #layout{background:transparent;min-height:100dvh}.brm-ui body.task-login #layout-content{background:#fff;border:1px solid #e0e4e9;border-radius:12px;max-width:480px;width:calc(100% - 40px);height:auto;min-height:0;margin:64px auto;padding:36px;flex:none;box-shadow:none;overflow:visible}.brm-ui body.task-login #logo{width:224px;height:auto;max-height:none;max-width:100%;padding:0;margin:0 0 32px}.brm-ui #login-form{width:100%;max-width:none;margin:0}.brm-login-heading{margin-bottom:28px}.brm-login-heading h1{font-size:29px;line-height:1.3;font-weight:600;margin:0 0 12px;color:#111c2e}.brm-login-heading p{font-size:14px;line-height:1.7;color:#657080;margin:0}.brm-ui #login-form .input-group{margin-bottom:16px}.brm-ui #login-form .input-group .form-control{min-height:52px;font-size:16px;background:white}.brm-ui #login-form .input-group-text{min-width:44px;justify-content:center;border-color:#c5cdd8;background:#f1f3f5;color:#657080}.brm-ui #login-form .btn-primary{min-height:52px;font-size:16px;margin-top:8px}.brm-ui #login-footer{color:#657080;font-size:12px;margin-top:24px;line-height:1.7}.brm-password-wrap{position:relative}.brm-ui #login-form .brm-password-wrap input{padding-right:88px}.brm-password-toggle{position:absolute;right:4px;top:4px;bottom:4px;width:80px;border:0;background:transparent;color:#4c5766;font-size:12px;z-index:5;border-radius:4px}.brm-password-toggle:hover{background:#eef1f4}.brm-login-note{font-size:12px;line-height:1.7;color:#657080;margin:20px 0 0;padding-top:20px;border-top:1px solid #e0e4e9}.brm-shop-link{display:inline-block;margin-top:16px;min-height:32px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.brm-ui #layout-menu{background:#111c2e;border:0}.brm-ui #taskmenu a{color:#cbd1db;border-radius:6px;margin:4px 8px;padding:12px 8px}.brm-ui #taskmenu a:focus,.brm-ui #taskmenu a:hover{background:#243043;color:white}.brm-ui #taskmenu a.selected{background:#243043;color:#ffda45}.brm-ui #taskmenu .action-buttons a.compose{background:#ffda45;color:#111c2e;margin:12px 8px 20px}.brm-ui #taskmenu .action-buttons a.compose:hover{background:#ffe779}.brm-ui #taskmenu .special-buttons a{color:#aeb8c6}.brm-ui #layout-sidebar{background:#f6f7f9;border-color:#d6dce3}.brm-ui #layout-sidebar>.header{background:#f6f7f9;border-bottom:1px solid #d6dce3;color:#111c2e}.brm-ui #layout-list,.brm-ui #layout-content{border-color:#d6dce3;background:#fff}.brm-ui #layout-list>.header,.brm-ui #layout-content>.header{background:#fff;border-color:#d6dce3;color:#111c2e}.brm-ui .header-title{font-weight:600}.brm-ui .folderlist li a{border-radius:5px;margin:3px 8px;min-height:36px;line-height:36px;color:#4c5766}.brm-ui .folderlist li.selected>a{background:#ffda45;color:#111c2e;font-weight:600}.brm-ui .folderlist li a:hover{background:#e4e9ef;color:#111c2e}.brm-ui .folderlist li.selected>a:hover{background:#ffe779}.brm-ui .folderlist .unreadcount{background:#111c2e;color:#fff;border-radius:4px;min-width:20px;padding:0 5px;font-size:11px;line-height:20px}.brm-ui .searchbar{background:#f6f7f9;border-bottom:1px solid #d6dce3;padding:12px}.brm-ui .searchbar input{background:white;border:1px solid #ccd3dc;border-radius:5px;min-height:40px;font-size:14px}.brm-ui .messagelist tr{height:72px}.brm-ui .messagelist td{border-bottom:1px solid #e8ecf0}.brm-ui .messagelist tr.selected td{background:#fff5c5;color:#111c2e}.brm-ui .messagelist tr.unread td.subject{font-weight:600}.brm-ui .messagelist td.subject .fromto{font-size:13px;color:#4c5766}.brm-ui .messagelist td.subject .subject{font-size:14px;color:#111c2e}.brm-ui .toolbar a.button{border-radius:4px}.brm-ui .listing li.selected,.brm-ui .listing tr.selected td{background:#fff5c5;color:#111c2e}.brm-ui .popover-header{background:#111c2e;color:white}.brm-ui .popover-header #logo{max-width:160px}.brm-ui #messagelist-content .pagenav{background:#f6f7f9}.brm-ui .messagelist .selection>input:checked{accent-color:#111c2e}.brm-ui .ui-dialog{border-radius:8px;box-shadow:0 8px 32px #111c2e22}.brm-ui .ui-dialog-titlebar{background:#111c2e;color:#fff}.brm-ui .quota-widget{color:#657080}.brm-ui #messagetoolbar,.brm-ui .message-header{background:#fff}.brm-ui a:focus-visible,.brm-ui button:focus-visible{outline:2px solid #9a7915;outline-offset:2px}.brm-ui .floating-action-buttons a.button{background:#ffda45;color:#111c2e;box-shadow:0 4px 16px #111c2e20}.brm-ui #composebody{border-color:#d6dce3}.brm-ui #layout-sidebar>.footer{background:#f6f7f9;border-color:#d6dce3}
@media(max-width:768px){.brm-ui body.task-login #layout-content{margin:24px auto;padding:28px 24px;border-radius:8px}.brm-ui body.task-login #logo{width:200px;margin-bottom:28px}.brm-login-heading h1{font-size:26px}.brm-ui #taskmenu a{min-height:48px}.brm-ui .header{min-height:52px}.brm-ui .searchbar{padding:8px 12px}.brm-ui .searchbar input{min-height:44px;font-size:16px}.brm-ui .messagelist tr{height:80px}.brm-ui .folderlist li a{min-height:44px;line-height:44px}.brm-ui .form-control{font-size:16px}.brm-ui .floating-action-buttons a.button{min-width:56px;min-height:56px}}
@media(prefers-reduced-motion:reduce){.brm-ui *{scroll-behavior:auto!important}}
.brm-ui body.task-login #layout-content{align-self:flex-start}.brm-ui body.task-login #logo{top:0}.brm-ui #login-form{top:0;position:static}.brm-ui #taskmenu a.theme{display:none}
@media(max-width:768px){.brm-ui #layout-content>.footer a.send{background:#ffda45;color:#111c2e;border-radius:5px;margin:4px 8px;min-height:52px;width:calc(50% - 16px)}}
/* Give the navigation links their full rail width; Elastic fixes them to 78px. */
@media(min-width:1200px){
 .brm-ui #layout-menu{width:184px;min-width:184px;max-width:184px;flex:0 0 184px}
 .brm-ui #layout-menu .popover-header{height:72px;line-height:normal;display:flex;align-items:center;justify-content:center;background:#111c2e!important}
 .brm-ui #layout-menu .popover-header #logo{width:156px;max-width:156px;height:32px;padding:0}
 .brm-ui #taskmenu{width:100%}
 .brm-ui #taskmenu .action-buttons{display:block;width:100%}
 .brm-ui #taskmenu a{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;text-align:left;width:calc(100% - 24px);max-width:none;height:auto;min-height:48px;line-height:20px;padding:12px;margin:4px 12px;overflow:visible;white-space:normal}
 .brm-ui #taskmenu a:before{display:block;float:none!important;flex:0 0 20px;width:20px!important;min-width:20px;font-size:20px;line-height:24px;margin:0 10px 0 0!important}
 .brm-ui #taskmenu a .inner{display:block;flex:1;min-width:0;max-width:none;padding:0;font-size:13px;line-height:20px;white-space:normal;overflow:visible;text-overflow:clip}
 .brm-ui #taskmenu .action-buttons a.compose{margin:12px 12px 20px;min-height:56px}
 .brm-ui #taskmenu .special-buttons{width:100%;background:#111c2e}
 .brm-ui #layout-sidebar{min-width:232px;width:232px}
}
/* Empty and preview states are rendered solely by Roundcube. */
.brm-ui .brm-preview-hint,.brm-ui .brm-empty-state{display:none!important}
@media(min-width:769px) and (max-width:1199px){
 .brm-ui #layout-menu{width:78px;min-width:78px;max-width:78px}
 .brm-ui #taskmenu a{width:calc(100% - 8px);height:auto;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:4px;padding:8px 4px;line-height:normal}
 .brm-ui #taskmenu a:before{display:block;float:none!important;margin:0!important;line-height:22px;font-size:20px}
 .brm-ui #taskmenu a .inner{display:block;padding:0;font-size:11px;line-height:14px;text-align:center;white-space:normal;overflow:visible}
 .brm-ui #taskmenu .action-buttons a.compose{margin:8px 4px 12px}
 .brm-ui #taskmenu .special-buttons{width:100%;background:#111c2e}
 .brm-ui #layout-menu .popover-header{background:#111c2e!important}
}
.brm-ui.layout-phone #taskmenu a{box-sizing:border-box;display:flex;align-items:center;width:calc(100% - 16px);height:auto;min-height:48px;margin:4px 8px;padding:12px;line-height:20px;text-align:left;white-space:normal}
.brm-ui.layout-phone #taskmenu a:before{float:none!important;flex:0 0 20px;line-height:24px;width:20px!important;margin:0 12px 0 0!important}
.brm-ui.layout-phone #taskmenu a .inner{display:block;flex:1;max-width:none;font-size:14px;line-height:20px;white-space:normal;overflow:visible;padding:0}
.brm-ui.layout-phone #taskmenu .special-buttons{width:100%;background:#111c2e}
.brm-ui.layout-phone #layout-menu .popover-header{background:#111c2e!important}
.brm-ui:not(.layout-phone) #layout-menu{position:relative}
.brm-ui.layout-phone #taskmenu .special-buttons{position:static}
/* Let Elastic size its mixed table/flex message rows consistently. */
.brm-ui .messagelist tr,.brm-ui.layout-phone .messagelist tr{height:auto}
.brm-ui .messagelist tr.selected{background:#fff5c5}
.brm-ui .messagelist tr.selected td{background:transparent!important}
.brm-ui #taskmenu a.theme{display:none!important}