/* Sora Extra Duty identity. Keep workflow and status colors in their existing styles. */
:root:not([data-theme]), [data-theme="sora"] {
    --primary-color: #08756E; --primary-dark: #073B3A;
    --sidebar-bg: #073B3A; --sidebar-bg2: #0D625C; --sidebar-fg: #D5EAE5;
    --sidebar-fg-active: #fff; --sidebar-accent: #3DD6C6;
    --header-bg: linear-gradient(120deg,#073B3A,#0D625C);
    --welcome-bg: linear-gradient(120deg,#073B3A,#0D625C);
    --section-title: #073B3A; --link-hover: #08756E; --link-hover-bg: #E9F7F3;
    --page-bg: #F3F8F6; --dashboard-section-bg: #E9F7F3;
    --sora-navy: #073B3A; --sora-navy-light: #0D625C;
    --sora-accent: #3DD6C6; --sora-accent-hover: #72E4D7;
    --sora-accent-dim: rgba(61,214,198,.15);
}
.officer-brand { gap: 10px; flex-shrink: 0; }
.officer-brand .officer-mark { display: block; width: 42px; height: 42px; object-fit: contain; border-radius: 11px; }
.officer-brand strong { display: block; font-size: 22px; line-height: 1.1; letter-spacing: -.45px; }
.officer-brand small { font-size: 9px; line-height: 1.6; letter-spacing: 1.7px; color: #4E6F69; font-weight: 750; }
.officer-app .officer-header { border-bottom-color: #D5E7E0; }
.officer-app .officer-avatar { background: #E6F5EF; }
.m-login-brand-mark { display: block; width: 80px; height: 80px; object-fit: contain; border-radius: 19px; background: #073B3A; }
.m-login-title { letter-spacing: -.6px; }
.m-login-footer a { display: inline-block; margin-top: 8px; color: #fff; text-underline-offset: 3px; }
.login-header img { border-radius: 20px; }
.extra-duty-login-privacy { margin: 14px 0 0; font-size: 14px; }
.hrms-sb-brand img.brand-mark, .sora-sidebar img.sb-icon { width: 40px; height: 40px; object-fit: contain; background: #073B3A; border-radius: 10px; }
.hrms-sb-brand .brand-sub, .sora-sidebar .sb-sub { letter-spacing: 1.7px; font-size: 9px; }
.brand img.brand-mark { display: block; object-fit: contain; }
.recovery-card .footnote a { color: #08756E; text-underline-offset: 3px; }
img.logo { object-fit: contain; }
@media (max-width: 360px) {
    .officer-header { padding-left: 12px; padding-right: 12px; }
    .officer-header-actions { gap: 2px; }
    .officer-brand .officer-mark { width: 38px; height: 38px; }
}