/* Theme-aware identity: name and emblem share the application's color tokens. */
html .zahraa-lockup .zahraa-name{color:var(--ui-text,#fff4e9)!important}
html .zahraa-lockup .zahraa-kicker{color:var(--ui-text,#fff4e9)!important;opacity:.85}
html .auth .authbrand,html .brand-ref{background:var(--ui-surface,#162337)!important;border-color:var(--ui-line,#344357)!important}
html .zahraa-lockup svg.zahraa-mark{background:var(--ui-soft,#162337)!important}
html .shell .side .brand .zahraa-lockup{gap:8px!important;max-width:100%;width:100%;justify-content:center}
html .shell .side .brand .zahraa-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
html .shell .side .brand .zahraa-name{font-size:clamp(14px,calc((var(--side-width,248px) - 80px)/8),20px)!important;white-space:normal!important;overflow-wrap:normal}
html .shell .side .brand .zahraa-words{flex:0 1 auto;min-width:0}
.zahraa-preview{margin-block:22px;border:1px solid var(--ui-line,#344357);border-radius:16px;padding:16px;min-width:0;overflow:hidden}
.zahraa-preview-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.zahraa-preview-heading h3{margin:0}.zahraa-preview-heading p{margin-block:6px;font-size:14px}
.zahraa-preview-viewport{position:relative;width:100%;overflow:hidden;margin-block:14px;border:1px solid var(--ui-line,#344357);border-radius:12px;background:var(--ui-bg,#0c1421);box-sizing:content-box}
.zahraa-preview-viewport iframe{position:absolute;top:0;left:0;display:block;max-width:none!important;border:0;transform-origin:top left;background:var(--ui-bg,#0c1421);pointer-events:none}
html[data-mode] .zahraa-preview [aria-pressed="true"]{border:2px solid var(--ui-accent)!important;color:var(--ui-accent)!important}
@media(max-width:600px){.zahraa-preview{padding:10px}.zahraa-preview-heading .actions{width:100%}.zahraa-preview-heading .btn{flex:1}}