/* Vazin Business Roundcube 1.6 skin extension — no mail logic changes. */
:root{--vz-indigo:#5266e4;--vz-ink:#172440;--vz-line:#e5ebf3;--vz-bg:#f5f7fc;--vz-panel:#fff}
body{font-family:"Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif!important}
body.task-login{background:#f3f6fc!important;color:var(--vz-ink)!important}
body.task-login #layout{display:block!important;width:100%!important;max-width:none!important;height:100vh!important;overflow:auto!important}
body.task-login #layout-content.vz-login-shell{
  display:grid!important;grid-template-columns:minmax(360px,48%) 1fr!important;align-items:stretch!important;
  position:relative!important;width:100%!important;height:100vh!important;max-width:none!important;
  min-height:660px!important;padding:0!important;overflow:visible!important;
  background:#f7f9fe!important;border:0!important;box-shadow:none!important;
}
.vz-brand-side{background:radial-gradient(circle at 20% 20%,#3b4b91 0%,transparent 42%),linear-gradient(155deg,#111d3a 0%,#152856 80%);
color:white;padding:44px clamp(30px,5vw,78px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;direction:rtl;text-align:right;position:relative;overflow:hidden}
.vz-brand-side:after{content:"";position:absolute;bottom:-190px;left:-220px;width:540px;height:540px;border:1px solid rgba(164,174,255,.1);border-radius:50%;box-shadow:0 0 0 65px rgba(141,153,255,.03),0 0 0 135px rgba(141,153,255,.02);pointer-events:none}
.vz-brand-pill{display:flex;gap:6px;align-items:center;direction:ltr;font:800 20px "Segoe UI",sans-serif;letter-spacing:-.6px;color:#fff}
.vz-brand-pill>span:last-child{font-weight:300;color:#b1baf8}
.vz-hex{background:linear-gradient(135deg,#989df9,#5367dd);color:white;width:41px;height:41px;border-radius:13px;font:bold italic 27px Georgia,serif;display:grid;place-items:center;margin-right:10px;box-shadow:0 9px 24px #5a68ea55}
.vz-side-center{max-width:580px;position:relative;z-index:1}
.vz-business-label{font:700 10px "Segoe UI",sans-serif;letter-spacing:2.4px;color:#a1b0ef}
.vz-side-center h2{color:#fff;font-size:clamp(31px,3.1vw,49px);font-weight:800;line-height:1.65;margin:16px 0 12px}
.vz-side-center h2 em{font-style:normal;color:#a7b0ff}
.vz-side-center p{color:#b7c3df;font-size:14px;line-height:2.25;max-width:470px;margin-bottom:31px}
.vz-feature{display:flex;gap:14px;align-items:center;color:#e2e9ff;font-size:12px;margin:19px 0}
.vz-feature span{color:#9caaff;font:600 12px "Segoe UI",sans-serif;background:#27396a;border-radius:9px;padding:8px}
.vz-side-footer{display:flex;gap:16px;justify-content:space-between;width:100%;color:#7d91bc;font:600 9px "Segoe UI",sans-serif;letter-spacing:1px;direction:ltr}
.vz-login-side{display:flex;justify-content:center;align-items:center;min-width:0;position:relative;padding:30px}
.vz-login-box{max-width:430px;width:100%;direction:rtl;text-align:right;margin-top:-10px}
.vz-auth-logo{margin-bottom:32px!important;text-align:right!important}
.vz-auth-logo img{width:72px!important;height:72px!important;max-width:72px!important;margin:0!important;display:block}
.vz-portal-chip{background:#e9edff;color:#5767d8;padding:7px 13px;border-radius:100px;font-size:11px;font-weight:700;display:inline-block}
.vz-login-box h2{font-weight:800;font-size:27px;color:#192747;margin:18px 0 8px}
.vz-auth-intro{font-size:13px;color:#8490a7;line-height:2.1;margin-bottom:26px}
.vz-login-side #login-form{width:100%!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.vz-login-side #login-form .form-group,.vz-login-side #login-form .row{margin-bottom:16px}
.vz-login-side #login-form input:not([type=hidden]):not([type=checkbox]){font-family:inherit;height:49px;min-width:0;background:#fff!important;border:1px solid #e2e7f2!important;border-radius:10px!important;color:#152641!important;box-shadow:0 3px 10px #17214d07!important;padding:10px 14px!important}
.vz-login-side #login-form input:focus{border-color:#8494ea!important;box-shadow:0 0 0 3px #e0e7ff!important}
.vz-login-side #login-form button[type=submit],.vz-login-side #login-form .btn-primary{
  width:100%!important;min-height:49px!important;border-radius:10px!important;border:0!important;
  color:white!important;background:linear-gradient(110deg,#6373ec,#5263df)!important;font-weight:800!important;
  box-shadow:0 9px 22px #4b5edb3b!important
}
.vz-login-side #login-form label{color:#435373!important;font-size:12px!important;font-weight:700!important}
.vz-login-side #login-footer{font-size:11px;color:#a4aec2;margin-top:17px;text-align:center}
.vz-login-help{font-size:12px;margin:22px 0 14px;color:#75819b}
.vz-login-help a{color:#5669de;font-weight:700;text-decoration:none}
.vz-login-security{font-size:11px;color:#9aa5bb}
.vz-login-bottom{position:absolute;bottom:26px;color:#a8b3c8;font:11px "Segoe UI",sans-serif;direction:ltr}
body.task-mail,body.task-addressbook,body.task-settings,body.task-compose{background:var(--vz-bg)}
#layout{--font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif}
#taskmenu{background:linear-gradient(180deg,#111d3a,#17284c)!important;border:0!important}
#taskmenu a{border-radius:10px!important;color:#b4c3e4!important}
#taskmenu a.selected,#taskmenu a:hover{background:#354b8d!important;color:white!important}
#layout-sidebar{background:#f9fbff!important;border-color:var(--vz-line)!important}
#layout-sidebar .header{background:#f9fbff!important;border-bottom:1px solid var(--vz-line)!important}
#layout-list{background:white!important;border-color:var(--vz-line)!important}
#layout-list .header{background:#fff!important;border-bottom:1px solid var(--vz-line)!important}
#layout-content{background:white!important}
#messagelist tr{border-color:#edf0f7!important}
#messagelist tr:hover{background:#f4f6ff!important}
#messagelist tr.selected{background:#ebefff!important}
#mailboxlist .mailbox.selected>a{background:#e9edff!important;color:#495ed9!important}
#mailsearchform{background:#f7f9fd!important;border:1px solid #e2e9f4!important;border-radius:10px!important;margin:8px 9px}
button.btn-primary,.btn.btn-primary{background:#5c6de9!important;border-color:#5c6de9!important;border-radius:8px!important}
input.form-control,textarea.form-control,.custom-select{border-radius:8px!important;border-color:#dce4ee!important}
body.dark-mode{--vz-bg:#131b2c;--vz-ink:#e9ecfa;--vz-line:#34425c}
body.dark-mode #layout-list,body.dark-mode #layout-content{background:#1b263a!important}
body.dark-mode #layout-sidebar,body.dark-mode #layout-sidebar .header{background:#1b263a!important}
body.dark-mode #layout-list .header{background:#1b263a!important}
body.dark-mode #messagelist tr:hover{background:#253454!important}
body.dark-mode #messagelist tr.selected{background:#293965!important}
body.dark-mode.task-login{background:#131b2c!important}
@media(max-width:900px){
 body.task-login #layout-content.vz-login-shell{grid-template-columns:1fr!important;height:auto!important;min-height:100vh!important}
 .vz-brand-side{display:none!important}
 .vz-login-side{min-height:100vh;padding:25px!important}
 .vz-login-box{max-width:420px;margin-top:-30px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}