/* HALO brand aliases shared by the phone shell and Core mobile surfaces.
   Primary: src/index.css --primary-500 (233 89% 64%).
   Navy/cyan: src/styles/iq-theme.css permanent chrome and HALO accents. */
:root {
 --hm-bg:#FFFFFF;--hm-surface:#FFFFFF;--hm-soft:#F4F6FB;
 --hm-text:rgba(15,23,42,.92);--hm-muted:rgba(15,23,42,.62);
 --hm-line:rgba(15,23,42,.12);--hm-line-strong:rgba(15,23,42,.18);
 --hm-accent:#4F5EF4;--hm-action:hsl(233 89% 64%);--hm-on-action:#FFFFFF;
 --hm-primary:233 89% 64%;--hm-primary-foreground:0 0% 100%;
 --hm-background:0 0% 100%;--hm-foreground:222 47% 11%;--hm-border:214 32% 91%;
 --hm-danger:#B91C1C;--hm-warning:#B45309;--hm-secondary:#6366F1;
 --hm-chrome:hsl(225 35% 11%);--hm-chrome-line:hsl(228 40% 18%);
 --hm-chrome-text:hsl(225 25% 96%);--hm-chrome-muted:hsl(225 17% 65%);--hm-chrome-accent:#A5B4FC;
}
:root[data-theme="dark"] {
 --hm-bg:#04091A;--hm-surface:#0B0F1A;--hm-soft:rgba(255,255,255,.05);
 --hm-text:rgba(255,255,255,.95);--hm-muted:rgba(255,255,255,.72);
 --hm-line:rgba(255,255,255,.09);--hm-line-strong:rgba(255,255,255,.18);
 --hm-accent:#A5B4FC;--hm-action:hsl(233 89% 64%);--hm-on-action:#FFFFFF;
 --hm-primary:233 89% 64%;--hm-primary-foreground:0 0% 100%;
 --hm-background:222 65% 6%;--hm-foreground:0 0% 95%;--hm-border:0 0% 100% / .09;
 --hm-danger:#F87171;--hm-warning:#FBBF24;--hm-secondary:#818CF8;
}
/* Portalled shadcn pickers must share the same opaque, adaptive surface. */
.halo-mobile-select-trigger,.halo-mobile-select-content {
 background:var(--hm-surface)!important;color:var(--hm-text)!important;border-color:var(--hm-line-strong)!important;
}
.halo-mobile-select-content [role=option]{color:var(--hm-text)!important;min-height:44px}
.halo-mobile-select-content [role=option]:focus,.halo-mobile-select-content [role=option][data-state=checked]{background:var(--hm-soft)!important;color:var(--hm-text)!important}
.halo-mobile-select-content [data-radix-select-label]{color:var(--hm-muted)}

/* One mobile brand foundation across employee, Connect IQ and Underwriting. */
.mobile-employee-time,.cq-embedded-mobile,.uw-mobile-host{
 --primary:var(--hm-primary);--primary-foreground:var(--hm-primary-foreground);
 --piq-accent:var(--hm-action);--piq-accent-2:var(--hm-secondary);
 --ring:var(--hm-primary);
}
body #root .mobile-employee-time button.bg-primary,body #root .cq-embedded-mobile button.bg-primary,body.uw-mobile-host #root button.bg-primary{
 background:var(--hm-action)!important;background-image:none!important;color:var(--hm-on-action)!important;border-color:var(--hm-action)!important;box-shadow:none!important;
}
body #root .mobile-employee-time button.border-input,body #root .cq-embedded-mobile button.border-input,body.uw-mobile-host #root button.border-input{
 background:var(--hm-surface)!important;background-image:none!important;color:var(--hm-action)!important;border-color:var(--hm-line-strong)!important;box-shadow:none!important;
}
body #root .mobile-employee-time button.bg-destructive,body #root .cq-embedded-mobile button.bg-destructive,body.uw-mobile-host #root button.bg-destructive{
 background:var(--hm-danger)!important;background-image:none!important;color:#fff!important;
}
body #root .mobile-employee-time input:not([type=checkbox]):not([type=radio]),body #root .mobile-employee-time textarea,
body #root .cq-embedded-mobile input:not([type=checkbox]):not([type=radio]),body #root .cq-embedded-mobile textarea,
body.uw-mobile-host #root input:not([type=checkbox]):not([type=radio]),body.uw-mobile-host #root textarea{
 background:var(--hm-surface)!important;color:var(--hm-text)!important;border-color:var(--hm-line-strong)!important;box-shadow:none;font-size:16px;
}