.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;min-height:104px;height:auto;padding-top:18px;padding-bottom:18px}
.topbar>.brand{grid-column:2;grid-row:1;justify-self:center;text-align:center;justify-content:center}
.topbar>.topbar-tools{grid-column:3;grid-row:1;justify-self:end}
.topbar .brand-symbol{height:auto;display:flex;align-items:center;flex-shrink:0}
.topbar .brand-logo{display:block;max-height:56px;max-width:76px;object-fit:contain}
.topbar .brand-copy{display:flex;flex-direction:column;gap:9px}
.topbar .brand-name{display:block;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.topbar .brand-en{margin:0;text-align:center}
.topbar .brand-en:empty{display:none}
.is-welcome .workspace{display:block;max-width:none}
.is-welcome .sidebar,.is-welcome .mobile-menu{display:none!important}
.is-welcome .main-wrap{width:100%;max-width:none;padding-top:0}
.is-welcome #main{padding:0}
.welcome-page{max-width:min(var(--welcome-width),calc(100% - 48px));margin:0 auto;padding:75px 0 85px;min-height:calc(100svh - 220px);display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.welcome-rule{width:48px;height:2px;background:var(--text);margin:0 auto 28px;opacity:.5}
.welcome-page .eyebrow{letter-spacing:.3em;color:var(--muted);font-size:13px;margin-bottom:24px;text-align:inherit}
.welcome-page h1{font-size:clamp(32px,5vw,var(--welcome-title));line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance}
.welcome-intro{font-size:clamp(20px,2vw,25px);line-height:1.9;color:var(--text);margin:0 0 20px}
.welcome-body{font-size:17px;line-height:2.05;color:var(--muted);white-space:pre-line}
.welcome-body p{margin:0 0 17px}
.welcome-start{align-self:center;min-height:58px;min-width:205px;margin-top:24px;padding-inline:30px;font-size:17px}
.welcome-note{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 0}
.brand-footer .footer-bottom:empty{display:none}
@media(max-width:760px){.sidebar.mobile-open{top:var(--topbar-height,160px);height:calc(100dvh - var(--topbar-height,160px))}}
@media(max-width:680px){.topbar{grid-template-columns:1fr;gap:16px;padding:20px 18px}.topbar>.brand{grid-column:1}.topbar>.topbar-tools{grid-row:2;grid-column:1;justify-self:center}.topbar .brand{font-size:21px}.welcome-page{padding:45px 0 60px;min-height:0}.welcome-body{font-size:16px}.welcome-page h1{margin-bottom:18px}.welcome-rule{margin-bottom:22px}}
@media print{.topbar,.welcome-page{display:none!important}}

.is-complete .workspace{display:block;max-width:none}
.is-complete .sidebar,.is-complete .mobile-menu{display:none!important}
.is-complete .main-wrap{width:100%;max-width:none;padding:0}
.is-complete #main{max-width:none;padding:0}
.is-welcome .topbar-tools,.is-complete .topbar-tools{display:none}
.thank-you-page{min-height:calc(100svh - 220px);display:grid;place-items:center;padding:64px 24px}
.thank-you-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,720px);padding:56px 48px;border:1px solid var(--border);border-radius:max(var(--radius),20px);background:var(--surface)}
.thank-you-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:28px;border:1px solid var(--border);border-radius:50%;background:var(--input)}
.thank-you-icon svg{width:28px;height:28px}
.thank-you-card .eyebrow{font-size:10px;letter-spacing:.25em;color:var(--muted)}
.thank-you-card h1{font-size:clamp(28px,4vw,40px);line-height:1.6;margin:18px 0 14px;text-wrap:balance}
.thank-you-intro{font-size:18px;margin:0 0 12px;color:var(--text)}
.thank-you-description{max-width:490px;font-size:16px;line-height:2;color:var(--muted);margin:0}
.thank-you-download{min-height:56px;gap:12px;margin:32px 0 26px;padding-inline:28px}
.thank-you-receipt{display:flex;flex-direction:column;gap:8px;margin-bottom:25px;color:var(--muted);font-size:12px}
.thank-you-receipt code{font-size:11px;overflow-wrap:anywhere}
.thank-you-card>.text-button{font-size:13px}
@media(max-width:680px){.thank-you-page{padding:32px 18px;min-height:0}.thank-you-card{padding:36px 22px}.thank-you-download{width:100%}.topbar .brand-logo{max-height:48px;max-width:65px}}
.is-welcome .topbar-tools:has(.admin-entry),.is-complete .topbar-tools:has(.admin-entry){display:flex}

/* Physical positions remain the same in both Arabic and English headers. */
.topbar>.brand{max-width:100%;min-width:0}
.topbar .brand-copy{min-width:0;max-width:100%;overflow-wrap:anywhere}
.topbar .brand[data-logo-position="right"]{flex-direction:row;direction:rtl}
.topbar .brand[data-logo-position="left"]{flex-direction:row;direction:ltr}
.topbar .brand[data-logo-position="above"]{flex-direction:column}
.topbar .brand[data-logo-position="below"]{flex-direction:column-reverse}
.topbar .brand[data-name-align="right"] .brand-copy,.topbar .brand[data-name-align="right"] .brand-en{text-align:right}
.topbar .brand[data-name-align="center"] .brand-copy,.topbar .brand[data-name-align="center"] .brand-en{text-align:center}
.topbar .brand[data-name-align="left"] .brand-copy,.topbar .brand[data-name-align="left"] .brand-en{text-align:left}
.topbar[data-header-align="right"]{grid-template-columns:minmax(0,1fr) auto}
.topbar[data-header-align="right"]>.brand{grid-column:1;justify-self:right}
.topbar[data-header-align="right"]>.topbar-tools{grid-column:2;justify-self:start}
.topbar[data-header-align="left"]{grid-template-columns:auto minmax(0,1fr)}
.topbar[data-header-align="left"]>.brand{grid-column:2;justify-self:left}
.topbar[data-header-align="left"]>.topbar-tools{grid-column:1;justify-self:end}
@media(max-width:760px){
 .topbar[data-header-align]{grid-template-columns:minmax(0,1fr);gap:16px}
 .topbar[data-header-align]>.brand{grid-column:1;grid-row:1}
 .topbar[data-header-align]>.topbar-tools{grid-column:1;grid-row:2;justify-self:center}
 .topbar[data-header-align="center"]>.brand{justify-self:center}
}