/* EC2 shared shell: independent from page-specific styles. */
.hc-bottom-nav,.bottom-nav{position:fixed;inset:auto 16px max(14px,env(safe-area-inset-bottom));margin:0 auto;width:calc(100% - 32px);max-width:650px;z-index:50;display:flex;gap:6px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.92);border-radius:27px;background:rgba(255,255,255,.78);box-shadow:0 9px 34px #173a6114;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);direction:rtl}
.hc-bottom-nav a,.bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:52px;padding:10px 8px;border-radius:20px;color:#72839a;text-decoration:none;font:700 14px HamiIran,iran,sans-serif;white-space:nowrap}
.hc-bottom-nav a[aria-current=page],.bottom-nav a[aria-current=page]{background:#1769e0;color:#fff;box-shadow:0 5px 15px #1769e025}
.hc-bottom-nav svg,.bottom-nav svg{display:block;width:24px!important;height:24px!important;flex:0 0 24px;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hc-has-nav{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}body.hc-loading-ui main{visibility:hidden}body.hc-loading-ui .hc-bottom-nav{display:none}
.hc-initial-loader{display:grid;place-items:center;min-height:60dvh;color:#61778f;font:14px HamiIran,iran,sans-serif}.hc-initial-loader[hidden]{display:none}
.hc-premium-art{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:transparent;border-radius:0}.hero-art:has(.hc-premium-art),.feature-art:has(.hc-premium-art){background:transparent;border-radius:0;overflow:visible}
.auth-view .hc-bottom-nav{display:none}.account-view .hc-bottom-nav{display:flex}.account-footnote{font-size:12px;line-height:2}
@supports not (backdrop-filter:blur(1px)){.hc-bottom-nav,.bottom-nav{background:#fff}}
@media(prefers-reduced-motion:no-preference){.hc-bottom-nav a{transition:background .18s,color .18s}.account-view main{animation:hc-reveal .2s ease-out}@keyframes hc-reveal{from{opacity:.35}to{opacity:1}}}

body .hc-bottom-nav,body .bottom-nav{left:16px;right:16px;transform:none;max-width:650px;margin:0 auto;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}

/* EC3: shared app chrome; page content and class operations remain page-owned. */
@font-face{font-family:HamiIran;src:url('/assets/fonts/IRANSansXFaNum-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:HamiIran;src:url('/assets/fonts/IRANSansXFaNum-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
html{scroll-padding-bottom:110px}body,input,select,button,textarea{font-family:HamiIran,iran,sans-serif}
body .hc-app-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:83px;margin:0 auto 24px;padding:12px 0 18px;width:100%;max-width:1052px;background:transparent;border:0;border-bottom:1px solid #e1eaf6;border-radius:0;view-transition-name:hc-header}
body>.hc-app-header{width:calc(100% - 40px);margin-top:18px}
.hc-brand{display:flex;gap:12px;align-items:center;color:#112b46;text-decoration:none;font-size:19px;font-weight:700;white-space:nowrap}
.hc-brand small{display:block;font-size:10px;font-weight:400;color:#71839a;margin-top:4px}
.hc-brandmark{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:15px;background:linear-gradient(135deg,#1769e0,#3786e7);color:white;font-size:27px;box-shadow:0 7px 20px #1769e024}
.hc-header-actions{display:flex;gap:10px;align-items:center}.hc-account-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce6f3;border-radius:50%;background:#ffffffb3;color:#1769e0;text-decoration:none}.hc-account-link svg{width:22px;height:22px}
body .tenant-chip{padding:7px 12px;border-radius:99px;border:1px solid #dce8fa;background:#f0f6ff;color:#1769e0;font-size:11px}
body .hc-bottom-nav a,body .bottom-nav a{font-family:HamiIran,iran,sans-serif;font-size:14px;line-height:1.7}
body .hc-premium-art,body .hero-art:has(.hc-premium-art),body .feature-art:has(.hc-premium-art){background:transparent!important;border:0;border-radius:0;filter:none;box-shadow:none}
body .hero-art img.hc-premium-art{filter:none}
body .page>.intro{margin:24px 0 28px;gap:18px;flex-wrap:wrap}body .page>.intro h1{margin:0 0 12px;line-height:1.65}
.account-view .account-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;max-width:none}
.account-view .account-hero .hero-actions a,.account-view .account-hero .hero-actions button{display:inline-flex;justify-content:center;align-items:center;flex:1 1 120px;width:auto;min-height:46px;padding:10px 14px;margin:0;font:700 12px HamiIran,iran,sans-serif;border-radius:13px;text-decoration:none;line-height:1.8}
.account-view .account-hero .hero-actions a{background:#1769e0;color:#fff;border:1px solid #1769e0}.account-view .account-hero .hero-actions button{background:#ffffffb3;border:1px solid #cfdded;color:#173553}
.hc-app-header a:focus-visible,.hc-bottom-nav a:focus-visible,.bottom-nav a:focus-visible{outline:3px solid #109e92;outline-offset:3px}
.hc-leaving main{opacity:.45;transform:translateY(3px)}

::view-transition-old(hc-header),::view-transition-new(hc-header){animation:none}
@media(prefers-reduced-motion:no-preference){main{animation:hc-page-in .22s ease-out;transition:opacity .1s ease,transform .1s ease}body .hc-bottom-nav,body .bottom-nav{view-transition-name:hc-nav}::view-transition-old(hc-nav),::view-transition-new(hc-nav){animation:none}@keyframes hc-page-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(max-width:740px){body .hc-app-header{min-height:75px;margin-bottom:22px;padding:0 0 16px}.hc-brand{font-size:18px}.hc-brand small{font-size:9px}.hc-brandmark{width:44px;height:44px;flex-basis:44px}body>.hc-app-header{margin-top:16px;width:calc(100% - 30px)}.account-view .account-hero{grid-template-columns:minmax(0,1fr) 95px;padding:19px;gap:12px}.account-view .account-hero .hero-actions{grid-column:1/-1}.account-view .account-hero .hero-actions a,.account-view .account-hero .hero-actions button{flex-basis:100%;font-size:12px}.hc-header-actions .tenant-chip{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.hc-leaving main{opacity:1;transform:none}main{animation:none;transition:none}::view-transition-group(*){animation-duration:0s}}

/* Account authentication keeps the shared header on screen while the private body resolves. */
body.hc-loading-ui .wrap{visibility:visible}body.hc-loading-ui #hcInitialLoader{position:absolute;inset:110px 0 auto;min-height:55dvh;background:transparent;z-index:20}

/* EC4: spacious art, isolated authentication and introduction. */
body.auth-view .hc-app-header,body.auth-view .hc-bottom-nav,body.auth-view .bottom-nav,
body.hc-loading-ui .hc-app-header,body.hc-loading-ui .hc-bottom-nav,
body.hc-welcome-view .hc-app-header,body.hc-welcome-view .hc-bottom-nav{display:none!important}
body.auth-view,body.hc-welcome-view{padding-bottom:0!important}
body.auth-view .wrap{max-width:560px;padding:clamp(16px,4vw,30px);gap:0}
body.auth-view main>.intro{display:none!important}
body.auth-view .panel{padding:clamp(20px,4vw,32px);border-radius:28px}
body.auth-view .hc-login-art{width:min(100%,300px);height:190px;margin:0 auto 18px;background:transparent;border:0;border-radius:0}
body.auth-view .hc-login-art img{width:100%;height:100%;object-fit:contain}
body.auth-view .auth-heading{display:block;text-align:center}
body.auth-view .auth-heading-icon{display:none}
body.auth-view .auth-heading h2{margin:0 0 10px;font-size:25px}
body.auth-view .auth-heading .lead{font-size:12px;line-height:2;margin:0 0 22px}
body .feature-grid{grid-template-columns:minmax(0,1fr) minmax(150px,34%);gap:18px;align-items:center}
body .feature-art .hc-premium-art{width:100%;height:auto;min-height:160px;object-fit:contain}
.account-view .account-hero{grid-template-columns:minmax(0,1fr) minmax(145px,32%);gap:18px;align-items:center}
.account-view .account-hero .hero-art{min-height:160px;align-self:center}
.account-view .account-hero .hero-art img{width:100%;height:auto;max-width:240px}
.account-view .account-hero .hero-actions{gap:10px;grid-column:1/-1}
.hc-welcome-view .shell{min-height:100svh;padding:clamp(14px,3vw,28px);gap:12px}
.hc-welcome-view .pane{min-height:min(700px,calc(100svh - 62px));padding-bottom:25px}
.hc-welcome-view .hero{background:transparent;min-height:240px}
.hc-welcome-view .hero img{max-width:430px;max-height:330px}
.hc-welcome-view .actions{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:740px){body .feature-grid{grid-template-columns:minmax(0,1fr) minmax(128px,38%);gap:12px}body .feature-art .hc-premium-art{min-height:135px}.account-view .account-hero{grid-template-columns:minmax(0,1fr) minmax(125px,37%);gap:14px}.account-view .account-hero .hero-art{min-height:140px}.account-view .account-hero .hero-art img{width:100%}.account-view .account-hero .hero-actions{display:flex;flex-direction:column}.account-view .account-hero .hero-actions a,.account-view .account-hero .hero-actions button{flex:auto;width:100%;min-height:46px}body.auth-view .hc-login-art{height:175px}}
@media(max-width:360px){body .feature-grid{grid-template-columns:minmax(0,1fr) 112px;gap:9px}.account-view .account-hero{grid-template-columns:minmax(0,1fr) 110px;padding:16px}.account-view .account-hero .dash-name{font-size:21px}body.auth-view .hc-login-art{height:155px}.hc-welcome-view .pane{padding:18px 14px}.hc-welcome-view .heading{font-size:23px}}
@media(prefers-reduced-motion:no-preference){body.auth-view .panel{animation:hc-auth-in .32s cubic-bezier(.2,.7,.2,1)}@keyframes hc-auth-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

/* EC5: prominent artwork and consistent hero cards. */
body .feature-grid{grid-template-columns:minmax(0,1fr) minmax(190px,44%)}body .feature-art{width:100%;min-width:0}body .feature-art .hc-premium-art{min-height:190px;width:100%;max-height:280px}
.account-view .account-hero{grid-template-columns:minmax(0,1fr) minmax(180px,44%)}.account-view .account-hero .hero-art{min-height:190px}.account-view .account-hero .hero-art img{max-width:320px;width:100%}.account-view .account-hero .hero-actions{margin-top:18px}.hc-session-security{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:24px;padding:18px;border:1px solid #dce6f3;border-radius:18px;background:#f8fbff}.hc-session-security .lead{margin:6px 0 0!important}.hc-session-security button{flex-shrink:0}
body .page>.hc-rooms-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,38%);position:relative;gap:16px;margin:0 0 24px;padding:26px;border:1px solid #d4e5f5;border-radius:24px;background:linear-gradient(115deg,#e4f1ff,#f5f9ff 55%,#e3f8f1);overflow:hidden;box-shadow:0 8px 25px #173a6108}.hc-rooms-art{grid-column:2;grid-row:1/3;display:flex;align-items:center}.hc-rooms-art img{width:100%;height:210px;object-fit:contain}.hc-rooms-hero>div:not(.hc-rooms-art){grid-column:1;grid-row:1}.hc-rooms-hero h1{font-size:clamp(22px,3vw,30px)!important;margin-bottom:8px!important}.hc-rooms-caption{margin:0 0 8px!important;color:#118c83!important;font-size:12px!important}.hc-rooms-hero #identity{font-size:12px;line-height:1.9;margin:0}.hc-rooms-hero #newRoom{grid-column:1;grid-row:2;justify-self:start;margin:0;min-height:44px}
@media(max-width:740px){body .feature-grid{grid-template-columns:minmax(0,1fr) minmax(150px,46%);gap:10px}body .feature-art .hc-premium-art{min-height:175px}.account-view .account-hero{grid-template-columns:minmax(0,1fr) minmax(150px,46%);padding:20px;gap:12px}.account-view .account-hero .hero-art{min-height:180px}.account-view .account-hero .hero-art img{width:100%;max-width:300px}.account-view .account-hero .hero-actions a{font-size:12px;padding:10px}.account-view .account-hero .dash-name{font-size:23px}body .page>.hc-rooms-hero{padding:20px;grid-template-columns:minmax(0,1fr) 42%;gap:12px}.hc-rooms-art img{height:180px}.hc-rooms-hero h1{font-size:23px!important}.hc-rooms-hero #newRoom{font-size:12px}}
@media(max-width:380px){body .feature-grid{grid-template-columns:minmax(0,1fr) minmax(125px,46%)}body .feature-art .hc-premium-art{min-height:150px}.account-view .account-hero{grid-template-columns:minmax(0,1fr) 44%;padding:16px}.account-view .account-hero .hero-art{min-height:155px}.account-view .account-hero .dash-name{font-size:21px}.hc-rooms-hero h1{font-size:20px!important}}

/* EC6 common app surface and lighter navigation compositing. */
body.hc-rooms-view .page{max-width:980px;width:calc(100% - 30px);margin:0 auto;padding:clamp(16px,3vw,30px);background:#fff;border:1px solid #e1e9f5;border-radius:27px;box-shadow:0 12px 35px #214b800a}body.hc-home-view #content{padding:clamp(16px,3vw,30px);background:#fff;border:1px solid #e1e9f5;border-radius:27px;box-shadow:0 12px 35px #214b800a}body.hc-home-view .shell{max-width:1020px}body.hc-rooms-view>.hc-app-header{max-width:980px}.hc-webinar-card{display:flex;align-items:center;gap:14px;padding:20px;margin:4px 0 26px;border:1px solid #cce5ef;border-radius:20px;background:linear-gradient(115deg,#e8f5ff,#e8f9f3);text-decoration:none!important;color:#173553!important}.hc-webinar-card>span:nth-child(2){flex:1;min-width:0}.hc-webinar-card strong{display:block;font-size:16px}.hc-webinar-card small{display:block;margin-top:6px;color:#617c95;font-size:12px;line-height:1.9}.hc-webinar-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#1769e0}.hc-webinar-icon svg{width:28px;height:28px}
body main{animation:none;transition:none}body .hc-bottom-nav,body .bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.97)}body .hc-leaving main{opacity:1;transform:none}body .hc-app-header{view-transition-name:none}body .hc-bottom-nav{view-transition-name:none}
.account-view .account-hero .hero-actions a{min-width:0!important}.account-view .account-hero .hero-art img{max-width:360px}.account-view .account-hero .hero-art{min-height:210px}
@media(max-width:740px){body .feature-grid{grid-template-columns:minmax(0,1fr) 54%;gap:8px}body .feature-art .hc-premium-art{width:100%;min-height:185px}.account-view .account-hero{grid-template-columns:minmax(0,1fr) 54%;gap:10px;padding:18px}.account-view .account-hero .hero-art{min-height:200px}.account-view .account-hero .hero-art img{width:100%;max-width:none}.account-view .account-hero .hero-actions a{padding:9px 7px;font-size:11px}.account-view .account-hero .dash-name{font-size:22px}.account-view .account-hero .lead{font-size:11px}.hc-rooms-view .hc-rooms-art img{height:210px}body .page>.hc-rooms-hero{grid-template-columns:minmax(0,1fr) 48%;padding:18px}.hc-webinar-card{padding:16px;gap:12px}.hc-webinar-card strong{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.hc-rooms-hero,.account-hero,.feature{animation:hc-card-in .14s ease-out}@keyframes hc-card-in{from{opacity:.8}to{opacity:1}}}

/* EC7: natural account height; only reserve the space needed for fixed navigation. */
body.account-view .wrap{min-height:0;gap:20px;padding-bottom:16px}body.account-view main{flex:0 0 auto;align-items:start}body.account-view footer{margin:0;padding:0 8px 8px}body.account-view.hc-has-nav{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
body .account-hero,body .feature,body .hc-rooms-hero{animation:none}body.hc-home-view #webinarShortcut{margin:22px 0 0}body.hc-rooms-view #webinarShortcut{margin:6px 0 22px}

/* EC8 stable application frame. */
body>.hc-app-header{width:calc(100% - 30px);max-width:980px;min-height:75px;margin:16px auto 22px;padding:0 0 16px}body.account-view .wrap{width:calc(100% - 30px);max-width:980px;padding:0;margin:0 auto;gap:18px}body.hc-home-view .shell{width:calc(100% - 30px);max-width:980px;padding:0;margin:0 auto}body .tenant-chip{display:none!important}