/* Approved organization artwork in the sidebar. */
.sidebar-brand.has-approved-logo{display:grid;justify-items:center;gap:12px;padding-bottom:22px}
.sidebar-brand.has-approved-logo .brand-mark{display:none}
.approved-brand-logo{display:block;position:relative;overflow:hidden;background:#fff;border-radius:14px;width:218px;height:170px;flex-shrink:0}
.approved-brand-logo img{position:absolute;width:280px;height:280px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.sidebar-brand.has-approved-logo .brand-copy{text-align:center;justify-items:center}

/* One compact identity and one unbroken date/time row on the login page. */
.login-masthead{align-items:center;min-height:160px;gap:24px}
.login-identity{gap:0;flex:0 0 auto}
.login-org .approved-brand-logo{background:transparent;box-shadow:none;border-radius:0;width:160px;height:160px;overflow:visible}
.login-org .approved-brand-logo img{position:static;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain}
.login-org.has-approved-logo>strong,.login-org.has-approved-logo>small{display:none}
.login-clock{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:12px;line-height:1.6;text-align:center;white-space:nowrap;flex:0 0 auto}
#login-calendar{font-size:12px}
#login-current-time{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:72px}
.login-clock-separator{opacity:.65;font-size:16px;font-weight:400}
@media(max-width:860px){.login-masthead{min-height:140px;gap:16px}.login-org .approved-brand-logo{width:140px;height:140px}.login-clock{display:flex}}
@media(max-width:620px){.login-masthead{flex-direction:column;justify-content:center;gap:12px}.login-clock{gap:10px;color:#102d51;background:#eff6ffcc;padding:8px 12px;border-radius:8px;max-width:100%;margin-bottom:8px}#login-calendar{font-size:11px}#login-current-time{font-size:12px;min-width:66px}}

/* Align the Persian introduction on a shared edge instead of mixing LTR text alignment. */
.login-brand{direction:rtl;text-align:right;min-width:0}
.login-brand .eyebrow{color:#102d51;margin:0 0 10px;text-align:inherit}
.login-brand h1{margin:0;max-width:none;text-align:inherit;letter-spacing:0}
.login-brand .login-copy{max-width:none;margin:16px 0 22px;text-align:inherit}
.login-brand .login-motto{max-width:none;justify-content:flex-start}
@media(max-width:860px){.login-brand{text-align:center}.login-brand .login-copy{margin:10px 0 16px}.login-brand .login-motto{justify-content:center}}

/* Keep the network map secondary to the organization name and introduction. */
.login-brand{padding:32px 0}
.login-brand::before{inset:0 0 0 auto;width:58%;background-position:center;background-size:contain;opacity:.12}
.login-brand> *{position:relative;z-index:1}
.login-brand .eyebrow{color:#52677e;font-size:12px;font-weight:500;line-height:1.8;margin-bottom:14px}
.login-brand h1{font-size:clamp(30px,3vw,48px);font-weight:800;line-height:1.65}
.login-brand .login-copy{font-size:clamp(15px,1.35vw,19px);font-weight:500;line-height:1.9;margin:14px 0 26px}
.login-brand .login-motto{font-size:16px;line-height:1.9;gap:14px;padding-top:18px;border-color:#102d5126}
.login-brand .login-domains{margin-top:34px}
.login-brand .login-domain{line-height:1.8}
@media(max-width:860px){.login-brand{padding:20px 0}.login-brand::before{inset:0 0 0 auto;width:60%;opacity:.08}.login-brand h1{font-size:30px}.login-brand .login-copy{font-size:15px;margin:12px 0 22px}.login-brand .login-motto{font-size:14px;gap:10px}.login-brand .login-domains{margin-top:28px}}
@media(max-width:400px){.login-brand h1{font-size:26px}.login-brand .login-motto{gap:8px;font-size:13px}}

/* Center the introduction across its column to balance the open left side. */
.login-brand{text-align:center}
.login-brand .eyebrow,.login-brand h1,.login-brand .login-copy{text-align:center}
.login-brand .login-motto{justify-content:center}

/* Fit the complete SVG outline and center it without stretching. */
.login-brand::before{inset:0 auto 0 50%;transform:translateX(-50%);width:58%;background-image:url('/images/growth-iran.svg?v=20261006-2');background-size:contain;background-position:center}
@media(max-width:860px){.login-brand::before{inset:0 auto 0 50%;width:60%}}

/* Give the identity the main position instead of repeating it in a tall masthead. */
.login-masthead{min-height:38px;justify-content:flex-end;gap:0}
.login-brand{padding:12px 0}
.login-hero-logo{width:clamp(240px,22vw,300px);max-width:100%;margin:0 auto 12px}
.login-hero-logo img{display:block;width:100%;height:auto}
.login-brand .login-copy{margin:8px 0 22px}
.login-layout{margin-top:18px;gap:clamp(28px,4vw,58px)}
@media(max-width:860px){.login-masthead{min-height:32px;flex-direction:row;justify-content:center}.login-brand{padding:8px 0}.login-hero-logo{width:240px;margin-bottom:10px}.login-layout{margin-top:16px;gap:24px}.login-clock{margin-bottom:0}.login-brand .login-copy{margin:8px 0 18px}}

/* A single complete identity on a light sidebar header, without repeated captions. */
.sidebar-brand.has-approved-logo{background:transparent;margin:0;padding:8px 8px 22px;gap:0;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand.has-approved-logo .brand-copy{display:none}
.sidebar-brand.has-approved-logo .approved-brand-logo{position:static;box-sizing:border-box;width:218px;height:208px;max-width:100%;padding:8px;background:#f7f9fc;border:1px solid #ffffffb3;border-radius:18px;overflow:hidden}
.sidebar-brand.has-approved-logo .approved-brand-logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}

/* Compact department identity: no card, only the emblem and active workspace name. */
.sidebar-brand.has-approved-logo{background:transparent;margin:0;padding:10px 8px 20px;gap:12px}
.sidebar-brand.has-approved-logo .approved-brand-logo{position:relative;box-sizing:content-box;width:100px;height:70px;padding:0;background:transparent;border:0;border-radius:0;overflow:hidden}
.sidebar-brand.has-approved-logo .approved-brand-logo img{position:absolute;left:50%;top:-25px;width:140px;height:140px;max-width:none;object-fit:contain;transform:translateX(-50%);filter:brightness(0) invert(1)}
.sidebar-brand.has-approved-logo .brand-copy{display:grid;width:100%;text-align:center;justify-items:center}
.sidebar-brand.has-approved-logo .brand-copy strong{font-size:13px;line-height:1.8;white-space:normal;overflow:visible;text-overflow:clip}
.sidebar-brand.has-approved-logo .brand-copy span{display:none}

/* A shaded gold emblem remains legible on every dark department sidebar. */
.sidebar-brand.has-approved-logo .approved-brand-logo img{opacity:0;filter:none}
.sidebar-brand.has-approved-logo .approved-brand-logo::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f3da94 8%,#bb8731 38%,#ecd18a 64%,#a87527 92%);-webkit-mask:url('/images/rahbord-market-logo-transparent.png') center -25px/140px 140px no-repeat;mask:url('/images/rahbord-market-logo-transparent.png') center -25px/140px 140px no-repeat}
.sidebar-brand:not(.has-approved-logo){display:grid;justify-items:center;gap:12px;padding:10px 8px 20px}
.sidebar-brand:not(.has-approved-logo) .brand-mark{width:70px;height:70px;background:transparent;border:0;border-radius:0;box-shadow:none}
.sidebar-brand:not(.has-approved-logo) .brand-mark .institution-mark i{background:linear-gradient(150deg,#f3da94,#bb8731 55%,#ecd18a);border-color:#b98a35}
.sidebar-brand:not(.has-approved-logo) .brand-copy{text-align:center;justify-items:center}
.sidebar-brand:not(.has-approved-logo) .brand-copy strong{white-space:normal;font-size:13px;line-height:1.8}

/* Shared organization name above the active department caption. */
.sidebar-brand.has-approved-logo .brand-copy{gap:4px}
.sidebar-brand.has-approved-logo .brand-copy strong{font-size:13px;font-weight:700;line-height:1.8}
.sidebar-brand.has-approved-logo .brand-copy span{display:block;font-size:12px;line-height:1.8;color:#e6c980;white-space:normal}