@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/regular.woff2") format("woff2")}
@font-face{font-family:"Yekan Bakh";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/bold.woff2") format("woff2")}
:root{--ss-paper:#f5f7f5;--ss-surface:#fff;--ss-ink:#20362b;--ss-muted:#64766b;--ss-line:#d5e0d9;--ss-green:#1a6636;--ss-on-green:#fff;--ss-soft:#edf5ee;--ss-sun:#ffa100}
html.dark-mode{--ss-paper:#101e17;--ss-surface:#192820;--ss-ink:#e7f1e9;--ss-muted:#a8bbad;--ss-line:#395044;--ss-green:#9adbb0;--ss-on-green:#10271a;--ss-soft:#20392c;--ss-sun:#ffb31a}
body,input,select,textarea,button,.btn,.ui-dialog{font-family:"Yekan Bakh",Tahoma,sans-serif}
body{color:var(--ss-ink);background:var(--ss-paper)}
a{color:var(--ss-green)}
.btn-primary,.btn-primary:disabled{background:var(--ss-green);border-color:var(--ss-green);color:var(--ss-on-green)}
.btn-primary:hover,.btn-primary:focus{background:var(--ss-green);border-color:var(--ss-green);filter:brightness(.94)}
.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ss-sun);outline-offset:3px}
.form-control{color:var(--ss-ink);background:var(--ss-surface);border-color:var(--ss-line);border-radius:12px;min-height:44px}
.form-control:focus{color:var(--ss-ink);background:var(--ss-surface);border-color:var(--ss-green);box-shadow:0 0 0 3px var(--ss-soft)}
#layout-menu{background:#0c251b;border-color:#244534}
#layout-menu .popover-header,#layout-menu .special-buttons{background:#0c251b}
#layout-menu .selected,#layout-menu a:hover{background:#20392c;color:#ffb31a}
#layout-menu #logo{width:42px;max-height:48px;object-fit:contain;margin:14px auto}
#layout-content,#layout-list,#layout-sidebar{background:var(--ss-surface);color:var(--ss-ink)}
.header,.footer,.listing li,.listing td{border-color:var(--ss-line)}
.listing tr.selected>td,.listing li.selected,.listing li.selected>a{background:var(--ss-soft);color:var(--ss-ink)}
.listing li.selected>a:before,.listing li.selected:before{color:var(--ss-green)}
.unread>td.subject .subject,.unread .subject{font-weight:700}
.task-login #layout{display:block;min-height:100dvh;background:var(--ss-paper);overflow:auto}
.task-login #layout-content{width:100%;max-width:none;margin:0;padding:0;display:block;background:transparent;border:0;overflow:visible}
.ss-mail-shell{display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:460px;min-height:100dvh;margin:auto;padding:32px 20px;box-sizing:border-box}
.ss-mail-brand{display:flex;align-items:center;gap:12px;width:100%}
.ss-mail-brand img{object-fit:contain;flex-shrink:0}
.ss-mail-brand>a{font-size:26px;font-weight:400;color:var(--ss-ink);text-decoration:none;white-space:nowrap}
.ss-mail-brand a strong{font-weight:700}
.ss-mail-card{background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:24px 24px 8px 24px;padding:28px;box-shadow:0 18px 48px rgba(12,37,27,.035);text-align:start}
.ss-mail-card h2{font-size:24px;font-weight:700;margin:0 0 28px;line-height:1.5}
.task-login #login-form{width:100%;max-width:none;margin:0;text-align:start;top:0;position:static}
.task-login #login-form label{font-size:14px;font-weight:700;color:var(--ss-ink);margin:0 0 8px;display:block}
.task-login #login-form .input-group{display:block;background:none;margin-bottom:18px}
.task-login #login-form .input-group-prepend{display:none}
.task-login #login-form input.form-control{width:100%;border:1px solid var(--ss-line);border-radius:12px!important;font-size:16px;padding:12px 14px;min-height:48px}
.task-login #login-form input[name="_user"]{direction:ltr;text-align:left}
.task-login #login-form input[name="_pass"]{direction:ltr}
.task-login #login-form table{width:100%}
.task-login #login-form td.title{display:block!important;padding:0}
.task-login #login-form td.input{display:block;padding:0 0 16px}
.task-login #login-form button[type="submit"]{width:100%;min-height:48px;border-radius:12px;font-size:17px;font-weight:700;margin-top:4px}
.task-login #rcmloginsubmit{background:var(--ss-green);border:1px solid var(--ss-green);color:var(--ss-on-green);box-shadow:none}
.task-login #login-form .formbuttons{margin:6px 0 0}
.task-login #login-footer{margin:0;text-align:center;font-size:14px;color:var(--ss-muted)}
.task-login #login-footer:not(:empty){margin-top:16px}
html.dark-mode .task-login #login-form input.form-control{background:var(--ss-surface);border-color:var(--ss-line);color:var(--ss-ink)}
.task-login .ss-mail-theme-menu{margin-inline-start:auto}
.task-login #taskmenu a.ss-mail-theme{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--ss-line);border-radius:12px;font-size:12px;font-weight:400;line-height:1.5;color:var(--ss-muted);background:var(--ss-surface);text-decoration:none}
.task-login #taskmenu a.ss-mail-theme:before{display:none}
@media(max-width:500px){.ss-mail-shell{justify-content:flex-start;gap:24px;padding:calc(32px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.ss-mail-card{padding:24px 20px}.ss-mail-brand>a{font-size:24px}.ss-mail-brand img{width:44px;height:44px}.ss-mail-card h2{font-size:22px;margin-bottom:24px}}
@media(max-height:600px){.ss-mail-shell{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.ss-mail-watermark{display:flex;align-items:center;justify-content:center;height:100dvh;min-height:0;margin:0;overflow:hidden;background:var(--ss-paper)}
.ss-mail-watermark img{width:clamp(80px,20vw,160px);height:auto;object-fit:contain;opacity:.32}