/* Shared HR SYSTEM brand refresh. Safe design tokens for existing modules;
   no changes to business forms, workflows, or payroll calculations. */
:root{--primary:#285bf3;--primary-2:#653fd0;--radius:15px;--shadow:0 11px 31px rgba(36,62,122,.075)}
.ux9-topbar .ux9-topnav-item.active{border-radius:12px}
.ux9-topbar .ux9-brand-symbol,.brand-mark{background:linear-gradient(140deg,#1684ff,#6741e9,#b24ef9)!important}
#homePage .qa400-copilot,.panel,.metric-card,.summary-card,.ux9-module-card{border-radius:17px}
#homePage .qa400-copilot{border-color:#c7a9ff;box-shadow:0 17px 49px rgba(56,68,147,.10)}
html[data-theme="dark"]{--primary:#7f9cff;--primary-2:#b09bff;--shadow:0 17px 40px rgba(0,0,0,.20)}
html[data-theme="dark"] #homePage .ux9-home-hero{background-image:linear-gradient(90deg,#101b33 0%,#172b4d 62%,#11254599 100%),url('/static/qa400_header_building.jpg')!important;color:#f4f6ff}
html[data-theme="dark"] #homePage .ux9-home-hero h2,html[data-theme="dark"] #homePage .ux9-home-hero p{color:#e8f1ff}
html[data-theme="dark"] #homePage .qa400-copilot{background:linear-gradient(120deg,#131d38,#222345,#201c3d);color:#f6f6ff;border-color:#66528f}
html[data-theme="dark"] #homePage .qa400-prompt-head,html[data-theme="dark"] #homePage .qa400-heading-row strong{color:#eef3ff}
html[data-theme="dark"] #homePage .qa400-description{color:#b3c3e9!important}
html[data-theme="dark"] #homePage .qa400-actions button,html[data-theme="dark"] #homePage .qa400-head-actions button:not(.qa400-new-chat){background:linear-gradient(180deg,#1b2b4a,#1a2340);color:#ecf1ff;border-color:#455378}
html[data-theme="dark"] #homePage .qa400-connection{background:#253456;color:#b5c9ff;border-color:#415783}
html[data-theme="dark"] #homePage .ux9-module-card,html[data-theme="dark"] .ux9-attention-card{background:#15223d;color:#edf2ff;border-color:#33496a}
html[data-theme="dark"] .auth-shell,html[data-theme="dark"] .auth-panel{background:#14213a;color:#edf2ff;border-color:#34486a}
html[data-theme="dark"] .panel,html[data-theme="dark"] .modal,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .summary-card{background:#13213a;color:#eef3ff;border-color:#2e3f63}
html[data-theme="dark"] :is(input,select,textarea).input{background:#17253d;color:#eaf1ff;border-color:#374968}
html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .btn.ghost{background:#1d2d48;color:#d8e5ff;border-color:#42537a}
html[dir="rtl"] #homePage .qa400-copilot-body{margin-left:0;margin-right:218px}
@media(max-width:800px){html[dir="rtl"] #homePage .qa400-copilot-body{margin-right:0}}