@font-face{font-family:Basmala Sans;src:url('/branding/fonts/dm-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Basmala Sans;src:url('/branding/fonts/dm-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Basmala Sans;src:url('/branding/fonts/dm-600.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:Basmala Serif;src:url('/branding/fonts/serif-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Basmala Serif;src:url('/branding/fonts/serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--bm-accent:#884b5c;--bm-accent-hover:#723d4e;--bm-ink:#382e32;--bm-muted:#82767b;--bm-line:#e8dedb;--bm-page:#f7f3f0;--bm-surface:#fffdfb;--bm-sidebar:#f3eeea;--bm-selected:#f2e3e7;--bm-rail:#432f3a;--bm-shadow:0 8px 32px #48233108}
html.dark-mode{--bm-accent:#e1aebf;--bm-accent-hover:#eec3d1;--bm-ink:#f1e7eb;--bm-muted:#c0adb5;--bm-line:#4e3d46;--bm-page:#231e23;--bm-surface:#2c242b;--bm-sidebar:#30262d;--bm-selected:#4a313f;--bm-rail:#1e191e;--bm-shadow:none}
body{font-family:Basmala Sans,Arial,sans-serif!important;color:var(--bm-ink);font-size:14px}
body:not(.task-login){background:var(--bm-page)}
input,textarea,select,.btn{font-family:Basmala Sans,Arial,sans-serif}
a{color:var(--bm-accent)}a:hover{color:var(--bm-accent-hover)}
.btn-primary,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active{background:var(--bm-accent);border-color:var(--bm-accent);box-shadow:none}
.btn-primary:hover{background:var(--bm-accent-hover);border-color:var(--bm-accent-hover)}
#layout .btn-primary,#layout .btn-primary:focus,#layout .btn-primary:not(:disabled):not(.disabled):active,#layout .btn-primary:not(:disabled):not(.disabled).active{background:var(--bm-accent)!important;border-color:var(--bm-accent)!important;color:#fff!important;box-shadow:none!important}
#layout .btn-primary:hover{background:var(--bm-accent-hover)!important;border-color:var(--bm-accent-hover)!important;color:#fff!important}
html.dark-mode .btn-primary{color:#2f2029}
.form-control,.custom-select,.custom-file-label{border-color:var(--bm-line);border-radius:8px;background-color:var(--bm-surface);color:var(--bm-ink)}
.form-control:focus,.custom-select:focus{border-color:var(--bm-accent);box-shadow:0 0 0 3px #884b5c12}
.input-group-prepend .input-group-text{border-color:var(--bm-line);color:var(--bm-muted);background:var(--bm-sidebar)}
/* A calm, legible workspace using the native responsive layout. */
#layout-menu{background:var(--bm-rail);border:0}
#layout-menu .popover-header{background:var(--bm-rail);border-color:#ffffff10}
#layout-menu #logo{max-width:44px;max-height:48px;width:44px;margin:0}
#layout-menu img#logo{content:url('/branding/images/mark.svg');object-fit:contain;padding:3px}
#taskmenu a{color:#dfcfd6;border-radius:10px;transition:background .15s,color .15s}
#taskmenu a:hover,#taskmenu a.selected{background:#ffffff12;color:#fff}
#taskmenu a.selected{box-shadow:inset 3px 0 #e3b5c6}
#taskmenu .action-buttons .compose{background:#9c5b70;color:#fff;border-radius:12px;margin:10px 7px 18px}
#taskmenu .action-buttons .compose:hover{background:#ad6a7f}
#layout-sidebar{background:var(--bm-sidebar);border-color:var(--bm-line)}
#layout-sidebar .header,#layout-list .header,#layout-content>.header,#layout-sidebar>.footer,#layout-list>.footer{background:var(--bm-surface);border-color:var(--bm-line);color:var(--bm-ink)}
.header .header-title{font-weight:600;letter-spacing:-.2px}
#layout-sidebar .header .username{font-size:12px;color:var(--bm-muted);letter-spacing:0;font-weight:500}
.header a.button,.toolbar a,.toolbar .dropbutton .dropbuttontip{color:var(--bm-muted)}
.header a.button:hover,.toolbar a:hover{color:var(--bm-accent)}
#folderlist-content{padding:16px 10px}
.folderlist li{border-radius:8px}
.folderlist li>a{min-height:42px;line-height:42px;padding-left:13px;padding-right:13px;border-radius:8px;font-weight:500;font-size:14px;color:var(--bm-ink)}
.folderlist li.selected>a,.folderlist li>a:hover{background:var(--bm-selected);color:var(--bm-accent)}
.folderlist li.mailbox>a:before{color:var(--bm-muted)}
.folderlist li.selected>a:before{color:var(--bm-accent)}
.folderlist .unreadcount{background:var(--bm-accent);color:#fff;border-radius:6px;min-width:21px;font-size:11px}
#layout-list{background:var(--bm-surface);border-color:var(--bm-line)}
.searchbar{background:var(--bm-surface);border-color:var(--bm-line);padding:9px 12px}
.searchbar form{border:1px solid var(--bm-line);border-radius:8px;overflow:hidden;background:var(--bm-page)}
.searchbar input{font-size:13px;color:var(--bm-ink);background:transparent}
.messagelist td{border-color:var(--bm-line);color:var(--bm-ink)}
.messagelist tr:hover td{background:var(--bm-page)}
.messagelist tr.selected td{background:var(--bm-selected)!important;color:var(--bm-ink)!important}
.messagelist tr.unread td.subject .subject{font-weight:600}
.messagelist td.subject .fromto{font-size:14px;letter-spacing:-.1px}
.messagelist td.subject .subject{font-size:13px;line-height:1.55}
.messagelist td.subject .date,.messagelist .snippet{color:var(--bm-muted);font-size:11px}
#messagelist-content,.iframe-wrapper{background:var(--bm-surface)}
.quota-widget,.footer{font-size:12px;color:var(--bm-muted)}
.listing li.selected,.listing tr.selected td{background-color:var(--bm-selected);color:var(--bm-ink)}
.popupmenu,.popover,.ui-dialog{border-color:var(--bm-line);border-radius:10px;box-shadow:0 12px 45px #35212c20}
.ui-dialog-titlebar{border-color:var(--bm-line)}
body.action-compose #layout-content{background:var(--bm-surface)}
body.action-compose #compose-content,body.action-compose #composeheaders{background:var(--bm-surface);color:var(--bm-ink)}
/* Signed-in workspace only: keep the custom login screen unchanged. */
body:not(.task-login){--bm-mail-page:#f6f1ed;--bm-mail-surface:#fffdfb;--bm-mail-sidebar:#f2ece8;--bm-mail-selected:#efe0e5;--bm-mail-hover:#f8eef1;--bm-mail-line:#e5d8d6;--bm-mail-ink:#382e32;--bm-mail-muted:#877a7f;--bm-mail-rail:#432f3a;--bm-mail-rail-ink:#eadde2;--bm-mail-accent:#884b5c;--bm-mail-accent-hover:#723d4e;background:var(--bm-mail-page)!important;color:var(--bm-mail-ink);font-size:15px}
html.dark-mode body:not(.task-login){--bm-mail-page:#201b20;--bm-mail-surface:#2a2329;--bm-mail-sidebar:#332a31;--bm-mail-selected:#4c3743;--bm-mail-hover:#3b2f38;--bm-mail-line:#4a3b43;--bm-mail-ink:#f1e8ec;--bm-mail-muted:#c4b5bb;--bm-mail-rail:#261e23;--bm-mail-rail-ink:#eadde2;--bm-mail-accent:#e0b0bf;--bm-mail-accent-hover:#f0c4d0;--bm-shadow:none}
body:not(.task-login) #layout{background:var(--bm-mail-page)!important;color:var(--bm-mail-ink)}
body:not(.task-login) #layout-menu,body:not(.task-login) #layout-menu .popover-header{background:var(--bm-mail-rail)!important;color:var(--bm-mail-rail-ink)!important;border-color:var(--bm-mail-line)!important}
body:not(.task-login) #layout-menu #logo{width:48px;height:48px;max-width:48px;max-height:48px}
body:not(.task-login) #taskmenu a{color:var(--bm-mail-rail-ink)!important;transition:background-color .18s ease,color .18s ease}
body:not(.task-login) #taskmenu a:hover,body:not(.task-login) #taskmenu a.selected{background:var(--bm-mail-selected)!important;color:var(--bm-mail-accent)!important}
body:not(.task-login) #taskmenu a.selected{box-shadow:inset 3px 0 var(--bm-mail-accent)!important}
body:not(.task-login) #taskmenu .action-buttons .compose{background:var(--bm-mail-accent)!important;color:#fff!important;border:1px solid var(--bm-mail-accent)!important;border-radius:12px}
body:not(.task-login) #taskmenu .action-buttons .compose:hover{background:var(--bm-mail-accent-hover)!important;border-color:var(--bm-mail-accent-hover)!important;color:#fff!important}
body:not(.task-login) #layout-sidebar,body:not(.task-login) #layout-sidebar .header,body:not(.task-login) #layout-sidebar>.footer{background:var(--bm-mail-sidebar)!important;color:var(--bm-mail-ink)!important;border-color:var(--bm-mail-line)!important}
body:not(.task-login) #layout-list,body:not(.task-login) #layout-list .header,body:not(.task-login) #layout-list>.footer,body:not(.task-login) #layout-content,body:not(.task-login) #layout-content>.header{background:var(--bm-mail-surface)!important;color:var(--bm-mail-ink)!important;border-color:var(--bm-mail-line)!important}
body:not(.task-login) #layout-sidebar .header .username{font-size:13px;color:var(--bm-mail-muted)!important}
body:not(.task-login) .folderlist li>a{min-height:44px;line-height:44px;padding-left:14px;padding-right:14px;color:var(--bm-mail-ink)!important;border-radius:9px;font-size:15px}
body:not(.task-login) .folderlist li.selected>a,body:not(.task-login) .folderlist li>a:hover{background:var(--bm-mail-selected)!important;color:var(--bm-mail-accent)!important}
body:not(.task-login) .folderlist li.mailbox>a:before{color:var(--bm-mail-muted)!important}
body:not(.task-login) .folderlist li.selected>a:before{color:var(--bm-mail-accent)!important}
body:not(.task-login) .folderlist .unreadcount{background:var(--bm-mail-accent)!important;color:#fff!important;border-radius:7px;font-size:12px}
body:not(.task-login) .searchbar,body:not(.task-login) .searchbar form{background:var(--bm-mail-page)!important;border-color:var(--bm-mail-line)!important}
body:not(.task-login) .searchbar input{color:var(--bm-mail-ink)!important;font-size:14px}
body:not(.task-login) .messagelist td{background-color:var(--bm-mail-surface);border-color:var(--bm-mail-line)!important;color:var(--bm-mail-ink)!important}
body:not(.task-login) .messagelist tr:hover td{background:var(--bm-mail-hover)!important}
body:not(.task-login) .messagelist tr.selected td,body:not(.task-login) .listing tr.selected td{background:var(--bm-mail-selected)!important;color:var(--bm-mail-ink)!important}
body:not(.task-login) .messagelist td.subject .fromto{font-size:14px;color:var(--bm-mail-ink)!important}
body:not(.task-login) .messagelist td.subject .subject{font-size:14px;line-height:1.55;color:var(--bm-mail-ink)!important}
body:not(.task-login) .messagelist td.subject .date,body:not(.task-login) .messagelist .snippet,body:not(.task-login) .quota-widget,body:not(.task-login) .footer{color:var(--bm-mail-muted)!important;font-size:12px}
body:not(.task-login) #messagelist-content,body:not(.task-login) .iframe-wrapper{background:var(--bm-mail-surface)!important}
body:not(.task-login) .header a.button,body:not(.task-login) .toolbar a,body:not(.task-login) .toolbar .dropbutton .dropbuttontip{color:var(--bm-mail-muted)!important}
body:not(.task-login) .header a.button:hover,body:not(.task-login) .toolbar a:hover{color:var(--bm-mail-accent)!important}
body:not(.task-login) .toolbar .button .inner{font-size:12px}
body:not(.task-login) #layout .btn-primary{background:var(--bm-mail-accent)!important;border-color:var(--bm-mail-accent)!important;color:#fff!important;box-shadow:none!important}
body:not(.task-login) #layout .btn-primary:hover{background:var(--bm-mail-accent-hover)!important;border-color:var(--bm-mail-accent-hover)!important;color:#fff!important}
body:not(.task-login) .form-control,body:not(.task-login) .custom-select{background-color:var(--bm-mail-surface)!important;color:var(--bm-mail-ink)!important;border-color:var(--bm-mail-line)!important}
body:not(.task-login) .popupmenu,body:not(.task-login) .popover,body:not(.task-login) .ui-dialog{background:var(--bm-mail-surface)!important;color:var(--bm-mail-ink)!important;border-color:var(--bm-mail-line)!important}
body:not(.task-login) .ui-dialog-titlebar{background:var(--bm-mail-sidebar)!important;color:var(--bm-mail-ink)!important;border-color:var(--bm-mail-line)!important}
@media(max-width:850px){body:not(.task-login) .folderlist li>a{min-height:46px;line-height:46px}}
/* Login: original Roundcube form, with a Basmala editorial frame. */
body.task-login{background:var(--bm-surface);font-size:15px}
body.task-login #layout{height:100%;min-height:100dvh;margin:0;background:var(--bm-surface)}
body.task-login #layout-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:none;height:auto;min-height:100dvh;margin:0;padding:0;border:0;border-radius:0;align-content:stretch;justify-content:normal;overflow:auto;background:var(--bm-surface)}
.basmala-login-story{min-height:100dvh;background:#f0e5df;padding:52px clamp(36px,5vw,88px) 32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-sizing:border-box}
.basmala-login-story:before{content:'';position:absolute;inset:18px;border:1px solid #aa788327;border-radius:180px 0 0 0;pointer-events:none}
body.task-login #logo{position:relative;display:block;width:218px;max-width:100%;height:auto;max-height:74px;margin:0;object-fit:contain;object-position:left}
.basmala-story-copy{position:relative;margin:64px 0 25px;max-width:520px}
.basmala-eyebrow{display:block;color:var(--bm-accent);font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.6}
.basmala-story-copy h2{font-family:Basmala Serif,Georgia,serif;font-size:clamp(42px,4.4vw,68px);font-weight:400;line-height:1.04;letter-spacing:-1.8px;color:#49333c;margin:22px 0}
.basmala-story-copy h2 em{color:#884b5c;font-weight:400}
.basmala-story-copy>p{color:#816b72;font-size:14px;line-height:1.9;max-width:355px}
.basmala-visit{color:#76505e;font-size:12px;display:inline-flex;gap:20px;align-items:center;align-self:flex-start;position:relative;padding:10px 0}
.basmala-visit span{font-size:19px}
.basmala-envelope{position:relative;width:245px;height:140px;margin:105px 0 26px 30px;transform:rotate(-7deg);background:#d8b2bc;border-radius:8px;box-shadow:12px 20px 45px #78485516}
.basmala-letter{position:absolute;bottom:15px;left:18px;right:18px;height:190px;background:#fffaf5;box-shadow:0 0 0 1px #97727a0d;border-radius:5px;padding:24px 24px;box-sizing:border-box;transform:rotate(4deg)}
.basmala-letter img{display:block;width:37px;height:37px;margin-bottom:20px}
.basmala-letter span{display:block;height:1px;background:#d8c8c5;margin:11px 0}.basmala-letter span:last-child{width:65%}
.basmala-envelope-front{position:absolute;inset:0;overflow:hidden;border-radius:7px;background:#e0bfc7;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%)}
.basmala-envelope-front:after{content:'';position:absolute;inset:0;background:#e6cbd1;clip-path:polygon(0 100%,50% 43%,100% 100%)}
.basmala-envelope-seal{position:absolute;left:calc(50% - 18px);top:68px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#884b5c;color:#f8e9ed;font-family:Basmala Serif,Georgia,serif;font-size:26px;box-shadow:0 2px 5px #7a3c4c15}
.basmala-login-main{width:min(100%,560px);margin:auto;padding:60px 64px;box-sizing:border-box;align-self:center;color:var(--bm-ink)}
.basmala-login-heading h2{font-family:Basmala Serif,Georgia,serif;font-size:48px;line-height:1.05;font-weight:400;letter-spacing:-.8px;margin:20px 0 14px;color:var(--bm-ink)}
.basmala-login-heading>p{font-size:14px;line-height:1.75;color:var(--bm-muted);margin:0 0 32px}
body.task-login #login-form{width:100%;max-width:none;margin:0}
body.task-login #login-form .form-group{margin-bottom:18px}
body.task-login #login-form .input-group-text{background:var(--bm-surface);border-color:var(--bm-line);color:#ac8593;width:48px;justify-content:center;border-radius:8px 0 0 8px}
body.task-login #login-form input.form-control{height:52px;font-size:14px;padding:12px 15px;background:var(--bm-surface);border-color:var(--bm-line)}
body.task-login #login-form .input-group .form-control{border-left:0;border-radius:0 8px 8px 0}
body.task-login #login-form #rcmloginsubmit{height:52px;border-radius:8px;font-size:14px;font-weight:600;margin-top:10px;transition:background .15s;background:var(--bm-accent)!important;border-color:var(--bm-accent)!important;color:#fff!important;box-shadow:none!important}
body.task-login #login-footer{display:none!important}
.basmala-login-security{font-size:11px;line-height:1.7;display:flex;align-items:center;gap:9px;color:var(--bm-muted);margin:23px 0 0}
.basmala-login-security svg{width:17px;min-width:17px;height:17px;color:#ab7d8c}
.basmala-mobile-brand{display:none}
html.dark-mode .basmala-login-story{background:#352730}
html.dark-mode .basmala-story-copy h2{color:#f2dfe6}html.dark-mode .basmala-story-copy h2 em{color:#dfa7ba}
html.dark-mode .basmala-story-copy>p,html.dark-mode .basmala-visit{color:#c9aeba}
html.dark-mode .basmala-login-story:before{border-color:#a77c8d27}
html.dark-mode .basmala-mobile-brand{filter:brightness(1.9) saturate(.6)}
html.dark-mode body.task-login #login-form #rcmloginsubmit{color:#30212b!important;background:var(--bm-accent)!important;border-color:var(--bm-accent)!important}
@media(min-width:1025px){#layout-menu .popover-header{display:flex;align-items:center;justify-content:center;height:77px;min-height:77px;padding:15px 10px}#layout-menu .popover-header .cancel{display:none}#layout{gap:0}#layout-list{box-shadow:var(--bm-shadow)}#taskmenu a{margin-left:6px;margin-right:6px}#taskmenu a .inner{font-size:11px}#layout-sidebar .footer{padding:12px 16px}}
@media(max-width:1100px){.basmala-login-main{padding:50px 40px}.basmala-login-heading h2{font-size:43px}.basmala-login-story{padding:40px 38px 25px}.basmala-story-copy{margin-top:55px}.basmala-story-copy h2{font-size:50px}.basmala-envelope{margin-top:90px;margin-left:5px}}
@media(max-width:850px){body.task-login #layout-content{grid-template-columns:minmax(0,1fr)}.basmala-login-story{display:none}.basmala-login-main{width:100%;max-width:470px;padding:42px 32px;align-self:center}.basmala-mobile-brand{display:block;width:200px;max-width:100%;height:auto;margin-bottom:53px}.basmala-login-heading h2{font-size:45px}.basmala-login-security{font-size:11px}#taskmenu a{border-radius:6px}.folderlist li>a{min-height:44px;line-height:44px}}
@media(max-width:400px){.basmala-login-main{padding:32px 24px}.basmala-mobile-brand{width:184px;margin-bottom:42px}.basmala-login-heading h2{font-size:41px}.basmala-login-heading>p{font-size:13px}.basmala-eyebrow{font-size:9px;letter-spacing:1.8px}.basmala-login-security{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#taskmenu a,body.task-login #login-form button.btn-primary{transition:none}}