@media screen {
/* MyCVProAI — Professional intelligence. UI only; resume/export styles remain independent. */
@font-face{font-family:'MyCV Arabic';src:url('./Cairo-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root,html[data-theme=light]{
 --brand-ink:#17234b;--brand-action:#3457ed;--brand-action-hover:#2642bf;--brand-highlight:#9eb6ff;
 --brand-font:'MyCV Arabic',Cairo,system-ui,sans-serif;--brand-radius:12px;--brand-control:48px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;
 --brand-text-sm:13px;--brand-text:16px;--brand-title:clamp(24px,3vw,36px);
 --ui-bg:#fafaf8;--ui-panel:#fff;--ui-subtle:#eef1fa;--ui-ink:#192440;--ui-muted:#56627b;--ui-line:#dce2ef;--ui-accent:#3457ed;--ui-tint:#e9eeff;--ui-shadow:0 12px 32px #17234b0a;
}
html[data-theme=dark]{--ui-bg:#11141b;--ui-panel:#1a1e28;--ui-subtle:#232c40;--ui-ink:#f0f3fc;--ui-muted:#b4bfd4;--ui-line:#36425c;--ui-accent:#9eb6ff;--ui-tint:#253457;--ui-shadow:0 12px 32px #0002}
html[data-theme] body.brand-identity{
 --sr-blue:var(--brand-action);--sr-purple:var(--brand-action-hover);--sr-ink:var(--ui-ink);--sr-muted:var(--ui-muted);--sr-line:var(--ui-line);--sr-bg:var(--ui-bg);--sr-card:var(--ui-panel);--sr-shadow:var(--ui-shadow);
 --studio-blue:var(--brand-action);--studio-cyan:var(--ui-accent);--studio-bg:var(--ui-bg);--studio-card:var(--ui-panel);--studio-ink:var(--ui-ink);--studio-muted:var(--ui-muted);--studio-line:var(--ui-line);
 background:var(--ui-bg)!important;color:var(--ui-ink)!important;font-family:var(--brand-font)!important;
}
/* Form chrome has its own typography so user-selected document fonts are preserved. */
html[data-theme] body.brand-identity :is(.masthead-layout,.ref-footer,.site-footer,.smart-coach-panel,.smart-progress-wrap,.smart-welcome-card,.account-shell,.studio-header,.studio-sidebar,.editor-section,.preview-toolbar,.command-dock,.admin-sidebar,.admin-main){font-family:var(--brand-font)!important}
html[data-theme] body.brand-identity :is(.smart-primary,.next-primary,.ref-primary,.masthead-login,.command-primary,.studio-btn.primary,.ui-btn.primary,.admin-primary-btn,.admin-login-submit){background:var(--brand-action)!important;border-color:var(--brand-action)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;border-radius:var(--brand-radius)!important;min-height:var(--brand-control);font-weight:750}
html[data-theme] body.brand-identity :is(.smart-primary,.next-primary,.ref-primary,.masthead-login,.command-primary,.ui-btn.primary):hover{background:var(--brand-action-hover)!important}
html[data-theme] body.brand-identity :is(.smart-secondary,.next-secondary,.ui-btn,.studio-btn,.quick-btn,.mini-btn){border-radius:var(--brand-radius);border-color:var(--ui-line);font-family:var(--brand-font)}
html[data-theme] body.brand-identity :is(.smart-secondary,.next-secondary){background:var(--ui-panel)!important;color:var(--ui-ink)!important;min-height:var(--brand-control)}
html[data-theme] body.brand-identity :is(.smart-field,.smart-textarea,.smart-select,.account-form input,.account-form select,.account-form textarea,.editor-section input:not([type=color]):not([type=checkbox]):not([type=range]),.editor-section textarea,.editor-section select){background:var(--ui-panel)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:var(--brand-radius)!important;min-height:var(--brand-control);font:400 16px/1.7 var(--brand-font)!important;box-shadow:none!important}
html[data-theme] body.brand-identity :is(.smart-field,.smart-textarea,.smart-select,.account-form input)::placeholder{color:var(--ui-muted)!important;opacity:1}
html[data-theme] body.brand-identity :is(.smart-welcome-card,.smart-coach-panel,.smart-progress-wrap,.smart-preview-panel,.smart-dialog,.account-card,.account-guard,.editor-section,.admin-panel,.admin-metric){background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:none!important}
html[data-theme] body.brand-identity :is(.smart-generation,.smart-ai-trigger,.smart-option.is-selected,.smart-stage-nav button.is-current,.smart-mobile-workspace-tabs button.is-active){background:var(--ui-tint)!important;color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;box-shadow:none!important}
html[data-theme] body.brand-identity :is(.smart-option,.smart-stage-nav button,.smart-ai-menu button){font-family:var(--brand-font)!important}
html[data-theme] body.brand-identity .smart-option{background:var(--ui-panel)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;border-radius:var(--brand-radius)!important;text-align:start}
html[data-theme] body.brand-identity :is(.smart-lead,.smart-step-intro,.smart-assistant-hello,.smart-privacy-note,.smart-step-count,.account-cv-meta){color:var(--ui-muted)!important}
html[data-theme] body.brand-identity :is(.smart-link-btn,.smart-welcome-options button){color:var(--ui-accent)!important}
html[data-theme] body.brand-identity .smart-orb{background:var(--brand-ink) url('./mycv-neural-mark-2026.svg?v=home-review-20260907-1') center/80% no-repeat!important;box-shadow:none!important;border-radius:24px!important;animation:none!important}
html[data-theme] body.brand-identity .smart-orb span{visibility:hidden}html[data-theme] body.brand-identity .smart-orb::after{border-color:var(--ui-line)!important;border-radius:30px!important}
html[data-theme] body.brand-identity .smart-progress-track span{background:var(--brand-action)!important}
html[data-theme] body.brand-identity :is(.studio-header,.preview-toolbar,.smart-preview-toolbar,.admin-sidebar){background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
html[data-theme] body.brand-identity :is(.studio-brand strong,.account-card h1,.account-card h2,.smart-welcome h1,.smart-step-card h2){color:var(--ui-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html[data-theme] body.brand-identity :is(.ref-title,.template-category-head){text-align:center!important}
html[data-theme] body.brand-identity :is(.ref-title h2,.template-category-head h3){font-size:var(--brand-title)!important;line-height:1.5!important;font-weight:800!important}
html[data-theme] body.brand-identity :is(.ref-footer,.site-footer){background:var(--ui-panel)!important;border-top:1px solid var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-theme] body.brand-identity :is(.ref-footer,.site-footer) :is(p,a,small){color:var(--ui-muted)!important;text-shadow:none!important}
html[data-theme] body.brand-identity :is(.ref-footer,.site-footer) h4{color:var(--ui-ink)!important}
html[data-theme] body.brand-identity :is(.footer-brand,.ref-logo.footer-logo){display:inline-flex!important;align-items:center!important;gap:10px!important;background:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;color:var(--ui-ink)!important}
html[data-theme] body.brand-identity :is(.main-glow-logo,.footer-brand img){filter:none!important;animation:none!important;object-fit:contain}
html[data-theme] body.brand-identity :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){html[data-theme] body.brand-identity :is(.next-button,.smart-primary,.smart-secondary){transition:none!important;transform:none!important}}
@media(max-width:600px){:root{--brand-title:24px}html[data-theme] body.brand-identity .smart-welcome-card{padding:24px 16px!important;border-radius:16px!important}}

html[data-theme] body.job-hunter-page{--hunter-bg:var(--ui-bg);--hunter-surface:var(--ui-panel);--hunter-surface-strong:var(--ui-panel);--hunter-border:var(--ui-line);--hunter-border-strong:var(--ui-accent);--hunter-text:var(--ui-ink);--hunter-secondary:var(--ui-ink);--hunter-muted:var(--ui-muted);--hunter-cyan:var(--ui-accent);--hunter-blue:var(--brand-action);--hunter-violet:var(--brand-action-hover);--hunter-shadow:var(--ui-shadow)}
html[data-theme] body.brand-identity :is(.account-info-grid dd,.account-cv-title){color:var(--ui-ink)!important}
html[data-theme] body.brand-identity :is(.account-info-grid dt,.account-privacy-copy){color:var(--ui-muted)!important}
html[data-theme] body.brand-identity .account-cv-row{background:var(--ui-subtle);border-color:var(--ui-line)}
html[data-theme] body.brand-identity .account-shell{padding:32px 16px 48px;gap:24px}

html[data-theme] body.brand-identity{--studio-primary:var(--brand-action);--studio-primary-soft:var(--ui-tint);--text-primary:var(--ui-ink);--text-secondary:var(--ui-muted);--bg-primary:var(--ui-bg);--bg-secondary:var(--ui-panel)}
html[data-theme] body.brand-identity::before,html[data-theme] body.brand-identity::after{display:none!important}
html[data-theme] body.brand-identity .smart-welcome-card::before{background:var(--brand-action)!important}
html[data-theme] body.brand-identity .smart-language-choice button{background:var(--ui-panel)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important;border-radius:12px!important}
html[data-theme] body.brand-identity .smart-language-choice button.is-selected{background:var(--ui-tint)!important;border-color:var(--ui-accent)!important}
html[data-theme] body.brand-identity .smart-language-choice button :is(small,strong){color:var(--ui-ink)!important}
html[data-theme] body.brand-identity .smart-language-choice button>span{background:var(--brand-ink)!important;color:#fff!important;box-shadow:none!important}
html[data-theme] body.brand-identity .smart-welcome h1{font-size:clamp(28px,3.2vw,44px)!important;line-height:1.5!important}
html[data-theme] body.brand-identity:is(.smart-resume-page,.builder-page,.ref-home,.job-hunter-page,.admin-app,.admin-login-page){background:var(--ui-bg)!important;color:var(--ui-ink)!important}
html[data-theme] body.brand-identity.smart-resume-page .smart-language-choice button.is-selected small{color:var(--ui-muted)!important}
html[data-theme] body.brand-identity.smart-resume-page .smart-welcome-options button{background:transparent!important;color:var(--ui-accent)!important;border-radius:12px!important;min-height:44px}
html[data-theme] body.brand-identity.builder-page :is(.command-dock,.studio-panel,.preview-stage){background:var(--ui-panel)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html[data-theme] body.brand-identity.builder-page .command-dock::before,html[data-theme] body.brand-identity.builder-page .command-dock::after{display:none!important}
html[data-theme] body.brand-identity.builder-page :is(.execute-btn,#downloadPdfBtn){background:var(--brand-action)!important;color:#fff!important;border:1px solid var(--brand-action)!important;box-shadow:none!important;border-radius:12px!important}
html[data-theme] body.brand-identity.builder-page :is(.orb-btn,.command-input){background:var(--ui-subtle)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
html[data-theme] body.brand-identity.builder-page .command-input textarea{background:var(--ui-panel)!important;color:var(--ui-ink)!important;font-family:var(--brand-font)!important}

}