:root {
    --hera-navy: #0b1423;
    --hera-anthracite: #1a1f26;
    --hera-volga: #3e6f7e;
    --hera-magenta: #ff0f7b;
    --hera-page-bg: #f3f6fa;
    --hera-card-border: #dce4ef;
    --hera-card-bg: #ffffff;
    --hera-card-text: #1a1f26;
    --hera-card-muted: #526273;
    --hera-card-soft: #687789;
    --hera-primary: #0a66d1;
    --hera-primary-hover: #084f9f;
    --hera-help-border: #b7cee8;
    --hera-help-bg: #eef5fc;
    --hera-focus: #0a66d1;
    --hera-success: #168451;
    --hera-warning: #b86500;
    --hera-danger: #c72c41;
}

.dark {
    --hera-page-bg: #0b1423;
    --hera-card-border: rgba(255, 255, 255, 0.12);
    --hera-card-bg: #152238;
    --hera-card-text: #f8fafc;
    --hera-card-muted: #c5d0dc;
    --hera-card-soft: #91a3b7;
    --hera-primary: #5da3f7;
    --hera-primary-hover: #8bbdf8;
    --hera-help-border: rgba(93, 163, 247, 0.38);
    --hera-help-bg: rgba(62, 111, 126, 0.2);
    --hera-focus: #8bbdf8;
    --hera-success: #50c68b;
    --hera-warning: #f2ad4f;
    --hera-danger: #ff7185;
}

/*
 * HÉRA Operator UI V1 shell. The marker is emitted only after the existing
 * provider authorization boundary resolves, so the technical admin surface
 * remains available without inheriting the operator information hierarchy.
 */
html[data-hera-operator-ui='v1'] {
    background: var(--hera-page-bg);
    color-scheme: light;
}

html.dark[data-hera-operator-ui='v1'] {
    color-scheme: dark;
}

html[data-hera-operator-ui='v1'] .fi-body,
html[data-hera-operator-ui='v1'] .fi-layout,
html[data-hera-operator-ui='v1'] .fi-main-ctn {
    background: var(--hera-page-bg);
}

html[data-hera-operator-ui='v1'] .fi-main {
    padding-top: 1.5rem;
}

html[data-hera-operator-ui='v1'] .fi-topbar {
    border-bottom: 1px solid var(--hera-card-border);
    background: color-mix(in srgb, var(--hera-card-bg) 94%, transparent);
    box-shadow: 0 1px 3px rgba(11, 20, 35, 0.08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

html[data-hera-operator-ui='v1'] .fi-main-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--hera-navy);
    color: #f8fafc;
    box-shadow: 12px 0 32px rgba(11, 20, 35, 0.14);
}

html[data-hera-operator-ui='v1'] .fi-sidebar-header-ctn,
html[data-hera-operator-ui='v1'] .fi-sidebar-header {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--hera-navy);
    box-shadow: none;
}

html[data-hera-operator-ui='v1'] .fi-sidebar .fi-logo,
html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-group-label,
html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-item-btn,
html[data-hera-operator-ui='v1'] .fi-sidebar .fi-tenant-menu-trigger {
    color: #f8fafc;
}

html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-group-label {
    color: #91a3b7;
}

html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-item-btn:hover,
html[data-hera-operator-ui='v1'] .fi-sidebar .fi-tenant-menu-trigger:hover {
    background: rgba(255, 255, 255, 0.08);
}

html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgba(10, 102, 209, 0.34);
    color: #ffffff;
    box-shadow: inset 3px 0 var(--hera-magenta);
}

html[data-hera-operator-ui='v1'] .fi-section,
html[data-hera-operator-ui='v1'] .fi-wi {
    border-color: var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    box-shadow: 0 8px 24px rgba(11, 20, 35, 0.06);
}

.hera-operator-topbar-tools {
    display: none;
    min-width: 0;
    align-items: center;
    gap: 1rem;
    border-left: 1px solid var(--hera-card-border);
    margin-left: 0.75rem;
    padding-left: 0.75rem;
}

.hera-operator-topbar-context {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.5rem;
}

.hera-operator-topbar-context__label {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hera-operator-topbar-context__name {
    max-width: min(24rem, 30vw);
    overflow: hidden;
    color: var(--hera-card-text);
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-global-search-ctn:has([data-hera-provider-search-url]) input[type='search'] {
    min-height: 2.75rem;
}

.hera-operator-sidebar-footer {
    display: grid;
    gap: 0.875rem;
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem;
    color: #f8fafc;
}

.hera-operator-sidebar-footer__status {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0.06);
    color: #c5d0dc;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 650;
}

.hera-operator-sidebar-footer__status-dot {
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
    border-radius: 9999px;
    background: #50c68b;
    box-shadow: 0 0 0 3px rgba(80, 198, 139, 0.16);
}

.hera-operator-sidebar-footer__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.hera-operator-sidebar-footer__avatar {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.75rem;
    background: rgba(10, 102, 209, 0.35);
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 800;
}

.hera-operator-sidebar-footer__identity-copy {
    display: grid;
    min-width: 0;
    gap: 0.125rem;
}

.hera-operator-sidebar-footer__identity-copy strong,
.hera-operator-sidebar-footer__identity-copy span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hera-operator-sidebar-footer__identity-copy strong {
    font-size: 0.875rem;
}

.hera-operator-sidebar-footer__identity-copy span,
.hera-operator-sidebar-footer__label {
    color: #91a3b7;
    font-size: 0.6875rem;
    font-weight: 650;
}

.hera-operator-sidebar-footer__theme {
    display: grid;
    gap: 0.375rem;
}

.hera-operator-sidebar-footer .fi-theme-switcher {
    width: 100%;
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
}

.hera-operator-sidebar-footer .fi-theme-switcher-btn {
    min-height: 2.75rem;
    color: #c5d0dc;
}

.hera-operator-sidebar-footer .fi-theme-switcher-btn.fi-active {
    background: var(--hera-primary);
    color: #ffffff;
}

.hera-operator-sidebar-footer__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.hera-operator-sidebar-footer__actions form {
    min-width: 0;
}

.hera-operator-sidebar-footer__action {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.625rem;
    background: transparent;
    color: #dce4ef;
    padding: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.hera-operator-sidebar-footer__action:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.hera-operator-sidebar-footer__action:focus-visible {
    outline: 2px solid #8bbdf8;
    outline-offset: 2px;
}

.hera-operator-sidebar-footer__action svg {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
}

.hera-ticket-list-header {
    padding: 1rem;
}

.hera-ticket-list-header [data-hera-help-topic] {
    border: 1px solid var(--hera-help-border);
    border-radius: 0.75rem;
    background: var(--hera-help-bg);
    color: var(--hera-card-text);
    padding: 1rem;
}

.hera-ticket-list-header [data-hera-help-topic] > div {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.hera-ticket-list-header [data-hera-help-topic] > div > span {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: var(--hera-primary);
    color: #fff;
    font-weight: 700;
}

.hera-ticket-list-header [data-hera-help-topic] > div > div {
    min-width: 0;
    flex: 1 1 auto;
}

.hera-ticket-list-header [data-hera-help-topic] h2,
.hera-ticket-list-header [data-hera-help-topic] p,
.hera-ticket-list-header [data-hera-help-topic] summary {
    overflow-wrap: anywhere;
}

.hera-ticket-list-header [data-hera-help-topic] h2 {
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.5rem;
}

.hera-ticket-list-header [data-hera-help-topic] p {
    margin-top: 0.25rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.hera-ticket-list-header [data-hera-help-topic] details {
    margin-top: 0.75rem;
}

.hera-ticket-list-header [data-hera-help-topic] summary {
    min-height: 2.75rem;
    cursor: pointer;
    color: var(--hera-primary);
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 2.75rem;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
}

.hera-ticket-card {
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.hera-ticket-card:hover {
    border-color: var(--hera-primary);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}

.hera-ticket-card__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.75rem;
}

.hera-ticket-card__topline {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.hera-ticket-card__number,
.hera-ticket-card__title,
.hera-ticket-card__description,
.hera-ticket-card__meta-item,
.hera-ticket-card__meta-value {
    min-width: 0;
    overflow-wrap: anywhere;
}

.hera-ticket-card__number {
    color: var(--hera-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
    font-weight: 700;
}

.hera-ticket-card__title {
    color: var(--hera-card-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.hera-ticket-card__description {
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.hera-ticket-card__meta {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    font-size: 0.875rem;
}

.hera-ticket-card__meta-label {
    color: var(--hera-card-soft);
    font-weight: 600;
}

.hera-ticket-card__meta-value {
    margin-top: 0.25rem;
    color: var(--hera-card-text);
}

.hera-ticket-card__open {
    display: inline-flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: var(--hera-primary);
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 160ms ease;
}

.hera-ticket-card__open:hover {
    background: var(--hera-primary-hover);
}

.hera-ticket-card__open:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 2px;
}

.hera-connectivity {
    position: fixed;
    inset: 0 0 auto;
    z-index: 50;
    display: flex;
    pointer-events: none;
    justify-content: center;
    padding: 0.75rem 1rem;
}

.hera-connectivity[hidden] {
    display: none;
}

.hera-connectivity__message {
    display: inline-flex;
    min-height: 2.75rem;
    max-width: 32rem;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    background: #111827;
    color: #fff;
    padding: 0.5rem 1rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    font-size: 0.875rem;
    font-weight: 700;
    pointer-events: auto;
}

.hera-connectivity__dot {
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
    border-radius: 9999px;
    background: currentColor;
}

.hera-mobile-navigation {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 45;
    width: 100%;
    max-width: none;
    margin: 0;
    border-top: 1px solid var(--hera-card-border);
    background: var(--hera-card-bg);
    padding: 0.375rem 0.5rem max(0.5rem, env(safe-area-inset-bottom));
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
    transform: none !important;
    translate: none !important;
    isolation: isolate;
    overscroll-behavior: none;
}

.hera-mobile-navigation__list {
    display: flex;
    max-width: 34rem;
    align-items: stretch;
    justify-content: space-around;
    gap: 0.25rem;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.hera-mobile-navigation__item {
    min-width: 0;
    flex: 1 1 0;
}

.hera-mobile-navigation__link {
    display: flex;
    min-width: 0;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.125rem;
    border-radius: 0.625rem;
    color: var(--hera-card-muted);
    padding: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 650;
    line-height: 1rem;
    text-align: center;
    text-decoration: none;
}

.hera-mobile-navigation__link:hover,
.hera-mobile-navigation__link[aria-current='page'] {
    background: var(--hera-help-bg);
    color: var(--hera-primary);
}

.hera-mobile-navigation__link:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 1px;
}

.hera-mobile-navigation__icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.hera-mobile-navigation__more {
    position: relative;
}

.hera-mobile-navigation__more > summary {
    cursor: pointer;
    list-style: none;
}

.hera-mobile-navigation__more > summary::-webkit-details-marker {
    display: none;
}

.hera-mobile-navigation__more[open] > summary {
    background: var(--hera-help-bg);
    color: var(--hera-primary);
}

.hera-mobile-navigation__more-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.75rem);
    width: min(18rem, calc(100vw - 1rem));
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 0.75rem;
    box-shadow: 0 18px 48px rgba(11, 20, 35, 0.24);
}

.hera-mobile-navigation__more-heading {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hera-mobile-navigation__more-list {
    display: grid;
    gap: 0.25rem;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style: none;
}

.hera-mobile-navigation__more-link {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.625rem;
    color: var(--hera-card-muted);
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

.hera-mobile-navigation__more-link:hover,
.hera-mobile-navigation__more-link[aria-current='page'] {
    background: var(--hera-help-bg);
    color: var(--hera-primary);
}

.hera-mobile-navigation__more-link:focus-visible {
    outline: 2px solid var(--hera-focus);
    outline-offset: 1px;
}

.hera-mobile-navigation__more-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.hera-sidebar-navigation {
    display: none;
    min-width: 0;
    margin: 0 0.75rem 1rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.875rem;
    background: color-mix(in srgb, var(--hera-card-bg) 94%, var(--hera-help-bg));
    padding: 0.75rem;
}

.hera-sidebar-navigation__heading {
    margin: 0 0 0.5rem;
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-sidebar-navigation__list {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hera-sidebar-navigation__item {
    min-width: 0;
}

.hera-sidebar-navigation__link {
    display: flex;
    min-width: 0;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.625rem;
    color: var(--hera-card-muted);
    padding: 0.5rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.125rem;
    text-decoration: none;
}

.hera-sidebar-navigation__link:hover,
.hera-sidebar-navigation__link[aria-current='page'] {
    background: var(--hera-help-bg);
    color: var(--hera-primary);
}

html[data-hera-operator-ui='v1'] .hera-sidebar-navigation {
    border: 0;
    background: transparent;
}

html[data-hera-operator-ui='v1'] .hera-sidebar-navigation__heading {
    color: #91a3b7;
}

html[data-hera-operator-ui='v1'] .hera-sidebar-navigation__link {
    color: #c5d0dc;
}

html[data-hera-operator-ui='v1'] .hera-sidebar-navigation__link:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

html[data-hera-operator-ui='v1'] .hera-sidebar-navigation__link[aria-current='page'] {
    background: rgba(10, 102, 209, 0.34);
    color: #ffffff;
    box-shadow: inset 3px 0 var(--hera-magenta);
}

html[data-hera-operator-ui='v1'] .hera-sidebar-navigation__link:focus-visible {
    outline-color: #8bbdf8;
}

.hera-sidebar-navigation__link:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 1px;
}

.hera-sidebar-navigation__icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
}

.hera-sidebar-navigation__label {
    min-width: 0;
    overflow-wrap: anywhere;
}

/*
 * Provider work surfaces deliberately use stable HERA classes instead of
 * relying only on generated utility CSS. These pages are read in the field:
 * the operational task, location and next action must remain scannable even
 * when the surrounding Filament theme is rebuilt independently.
 */
.hera-provider-page {
    color: var(--hera-card-text);
    line-height: 1.5;
}

/*
 * Shared operator-facing building blocks. Their class names and data hooks are
 * intentionally independent of Filament utility generation so dashboard,
 * list and detail pages retain the same hierarchy on mobile and desktop.
 */
.hera-shell {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    color: var(--hera-card-text);
}

.hera-page-header {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
}

.hera-page-header__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.75rem;
}

.hera-page-header__identity {
    min-width: 0;
}

.hera-page-header__eyebrow {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-page-header__title {
    color: var(--hera-card-text);
    font-size: 1.125rem;
    font-weight: 750;
    line-height: 1.625rem;
    overflow-wrap: anywhere;
}

.hera-page-header__eyebrow + .hera-page-header__title {
    margin-top: 0.125rem;
}

.hera-page-header__description {
    margin-top: 0.25rem;
    max-width: 52rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.hera-page-header__badges,
.hera-page-header__actions {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.hera-timeline {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hera-section-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.hera-section-card__header {
    border-bottom: 1px solid var(--hera-card-border);
    padding: 1rem;
}

.hera-section-card__heading {
    color: var(--hera-card-text);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.5rem;
}

.hera-section-card__description {
    margin-top: 0.25rem;
    max-width: 52rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.hera-section-card__content {
    min-width: 0;
    padding: 1rem;
}

.hera-kpi-card {
    min-width: 0;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--hera-card-bg) 94%, var(--hera-help-bg));
    padding: 0.875rem;
}

.hera-kpi-card--info {
    border-left: 4px solid #0ea5e9;
}

.hera-kpi-card--success {
    border-left: 4px solid #16a34a;
}

.hera-kpi-card--warning {
    border-left: 4px solid #d97706;
}

.hera-kpi-card--danger {
    border-left: 4px solid #dc2626;
}

.hera-kpi-card__label {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-kpi-card__value {
    margin-top: 0.25rem;
    color: var(--hera-card-text);
    font-size: 1.75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 2rem;
}

.hera-kpi-card__context {
    margin-top: 0.25rem;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.hera-work-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.hera-work-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.hera-work-card:hover {
    border-color: color-mix(in srgb, var(--hera-primary) 55%, var(--hera-card-border));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.09);
}

.hera-status-badge,
.hera-priority-badge {
    max-width: 100%;
    white-space: normal;
}

.hera-address-block,
.hera-contact-block {
    min-width: 0;
}

.hera-address-block__label,
.hera-contact-block__label,
.hera-contact-block__phone-label {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-address-block__value,
.hera-contact-block__value,
.hera-contact-block__name,
.hera-contact-block__phone-value {
    margin-top: 0.25rem;
    color: var(--hera-card-text);
    font-size: 0.9375rem;
    line-height: 1.5rem;
    overflow-wrap: anywhere;
}

.hera-address-block__text {
    display: block;
    font-size: 1rem;
    font-weight: 750;
    white-space: pre-line;
}

.hera-contact-block__value {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.375rem;
}

.hera-contact-block__name,
.hera-contact-block__phone-label,
.hera-contact-block__phone-value {
    display: block;
}

.hera-contact-block__phone-label {
    margin-top: 0.5rem;
}

.hera-phone-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hera-phone-actions__link,
.hera-copy-address-action__button {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.625rem;
    color: var(--hera-primary);
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
}

.hera-phone-actions__link:hover,
.hera-copy-address-action__button:hover {
    background: var(--hera-help-bg);
    color: var(--hera-primary-hover);
}

.hera-phone-actions__link:focus-visible,
.hera-copy-address-action__button:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 2px;
}

.hera-phone-actions__icon,
.hera-copy-address-action__icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
}

.hera-copy-address-action {
    display: block;
    margin-top: 0.375rem;
}

.hera-action-group {
    display: flex;
    min-width: 0;
    flex-flow: column wrap;
    gap: 0.5rem;
}

.hera-loading-state {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.625rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    font-weight: 650;
}

.hera-loading-state__spinner {
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--hera-card-border);
    border-top-color: var(--hera-primary);
    border-radius: 9999px;
    animation: hera-spin 800ms linear infinite;
}

.hera-skeleton-state {
    display: grid;
    gap: 0.75rem;
}

.hera-skeleton-state__row {
    display: block;
    height: 4.5rem;
    border-radius: 0.75rem;
    background: linear-gradient(90deg, var(--hera-card-border), var(--hera-help-bg), var(--hera-card-border));
    background-size: 200% 100%;
    animation: hera-skeleton 1.4s ease-in-out infinite;
}

@keyframes hera-spin {
    to { transform: rotate(360deg); }
}

@keyframes hera-skeleton {
    to { background-position: -200% 0; }
}

body:has([data-hera-provider-work-detail]) .fi-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

body:has([data-hera-provider-work-detail]) .fi-header-heading {
    overflow-wrap: anywhere;
}

body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn {
    width: 100%;
}

body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn .fi-ac {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
}

body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn .fi-ac-btn-action {
    width: 100%;
}

body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn .fi-ac-btn-action {
    min-height: 2.75rem;
    justify-content: center;
    white-space: normal;
    text-align: center;
}

[data-hera-provider-internal-work-create],
[data-hera-provider-inbox-site-address-copy],
[data-hera-provider-site-address-copy] {
    min-height: 2.75rem;
}

.hera-provider-reply-copy {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.hera-provider-reply-copy__button {
    display: inline-flex;
    min-height: 2.75rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    color: var(--hera-card-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
}

.hera-provider-reply-copy__button:hover {
    background: var(--hera-help-bg);
}

.hera-provider-reply-copy__button:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 2px;
}

.hera-provider-reply-copy__status {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip-path: inset(50%);
    white-space: nowrap;
    overflow: hidden;
}

.hera-provider-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.hera-provider-summary__metric {
    min-width: 0;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--hera-card-bg) 92%, var(--hera-help-bg));
    padding: 0.875rem;
}

.hera-provider-summary__label {
    display: block;
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-provider-summary__value {
    display: block;
    margin-top: 0.25rem;
    color: var(--hera-card-text);
    font-size: 1.75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 2rem;
}

.hera-provider-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
    gap: 1rem;
}

.hera-provider-filter {
    min-width: 0;
}

.hera-provider-filter__label {
    display: block;
    color: var(--hera-card-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
}

.hera-provider-filter__control {
    display: block;
    width: 100%;
    min-height: 2.75rem;
    margin-top: 0.375rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.625rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 0.625rem 0.75rem;
    font: inherit;
    line-height: 1.25rem;
}

.hera-provider-filter__control:focus {
    border-color: var(--hera-primary);
    outline: 2px solid color-mix(in srgb, var(--hera-primary) 28%, transparent);
    outline-offset: 1px;
}

.hera-provider-filter__help {
    margin-top: 0.375rem;
    color: var(--hera-card-soft);
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.hera-provider-filter__reset {
    width: 100%;
}

.hera-provider-list-header {
    margin-bottom: 1rem;
    border-left: 3px solid var(--hera-primary);
    padding-left: 0.875rem;
}

.hera-provider-list-header h2 {
    color: var(--hera-card-text);
    font-size: 1.125rem;
    font-weight: 750;
    line-height: 1.5rem;
}

.hera-provider-list-header p {
    max-width: 52rem;
    color: var(--hera-card-muted);
    line-height: 1.375rem;
}

.hera-provider-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.hera-provider-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.875rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.hera-provider-card__header {
    order: 1;
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.hera-provider-card__identity {
    min-width: 0;
}

.hera-provider-card__eyebrow {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-provider-card__number {
    margin-top: 0.125rem;
    overflow-wrap: anywhere;
    color: var(--hera-card-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1.25rem;
    font-weight: 750;
    line-height: 1.75rem;
}

.hera-provider-card__badges {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.hera-provider-dispatch {
    order: 2;
    border: 1px solid var(--hera-help-border);
    border-radius: 0.75rem;
    background: var(--hera-help-bg);
    padding: 0.875rem;
}

.hera-provider-task {
    order: 3;
    border-left: 4px solid var(--hera-primary);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--hera-card-bg) 90%, var(--hera-help-bg));
    padding: 0.875rem 1rem;
}

.hera-provider-task__summary {
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--hera-card-border);
    padding-bottom: 0.75rem;
}

.hera-provider-task__summary p:last-child {
    margin-top: 0.25rem;
    color: var(--hera-card-text);
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.5rem;
    overflow-wrap: anywhere;
}

.hera-provider-task__title {
    color: var(--hera-card-text);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.5rem;
    overflow-wrap: anywhere;
}

.hera-provider-task__next {
    margin-top: 0.5rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.4rem;
    overflow-wrap: anywhere;
}

.hera-provider-card__facts {
    order: 4;
}

.hera-provider-card__action {
    order: 5;
    margin-top: auto;
}

.hera-provider-facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem 1rem;
}

.hera-provider-facts > div {
    min-width: 0;
}

.hera-provider-facts dt {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-provider-facts dd {
    margin-top: 0.25rem;
    color: var(--hera-card-text);
    font-size: 0.875rem;
    line-height: 1.375rem;
    overflow-wrap: anywhere;
}

.hera-provider-dispatch__facts > div:first-child {
    grid-column: 1 / -1;
}

.hera-provider-dispatch__facts > div:first-child dd {
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.5rem;
}

.hera-provider-contact-phone-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hera-provider-contact-phone-link {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    border-radius: 0.5rem;
    color: var(--hera-primary);
    padding: 0.25rem;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25rem;
}

.hera-provider-contact-phone-link:hover {
    color: var(--hera-primary-hover);
}

.hera-provider-contact-phone-link:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 2px;
}

.hera-provider-task__schedule {
    margin-top: 0.75rem;
    border-top: 1px solid var(--hera-card-border);
    padding-top: 0.75rem;
}

.hera-provider-detail .fi-section-content {
    min-width: 0;
}

.hera-provider-reading-block {
    min-width: 0;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--hera-card-bg) 96%, var(--hera-help-bg));
    padding: 1rem;
}

.hera-provider-reading-block--primary {
    border-left: 4px solid var(--hera-primary);
}

.hera-provider-reading-block h2,
.hera-provider-reading-block h3 {
    color: var(--hera-card-text);
    font-size: 0.875rem;
    font-weight: 750;
    line-height: 1.25rem;
}

.hera-provider-reading-block p {
    margin-top: 0.5rem;
    color: var(--hera-card-muted);
    font-size: 0.9375rem;
    line-height: 1.6rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.hera-provider-assignment-panel {
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--hera-card-bg) 94%, var(--hera-help-bg));
    padding: 1rem;
}

.hera-provider-notes {
    border-top: 1px solid var(--hera-card-border);
    padding-top: 1.25rem;
}

.hera-provider-activity__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hera-provider-activity__event {
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: var(--hera-card-bg);
    padding: 0.875rem 1rem;
}

.hera-provider-activity__event > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.5rem;
}

.hera-provider-activity__event p {
    overflow-wrap: anywhere;
}

.hera-provider-activity__event time {
    color: var(--hera-card-soft);
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 40rem) {
    .hera-operator-topbar-tools {
        display: flex;
    }

    .hera-page-header__body {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .hera-page-header__badges {
        justify-content: flex-end;
    }

    .hera-contact-block__value {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
    }

    .hera-contact-block__phone-label {
        grid-column: 2;
        grid-row: 1;
        margin-top: 0;
    }

    .hera-contact-block__phone-value {
        grid-column: 2;
        grid-row: 2;
    }

    .hera-contact-block__name {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .hera-action-group {
        flex-direction: row;
        align-items: center;
    }

    .hera-provider-reply-copy {
        flex-flow: row wrap;
    }

    .hera-provider-reply-copy__button {
        width: auto;
    }

    body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn .fi-ac {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-provider-summary__metric {
        padding: 1rem;
    }

    .hera-provider-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-provider-filter--search {
        grid-column: 1 / -1;
    }

    .hera-provider-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-provider-facts--wide {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .hera-provider-activity__event > div {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
}

/* Operator UI V1: compact, work-centred list and filters. */
.hera-operator-work-toolbar {
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    padding: 1rem;
    box-shadow: 0 8px 24px rgba(11, 20, 35, 0.06);
}

.hera-operator-work-toolbar__heading,
.hera-operator-work-toolbar__footer,
.hera-operator-work-list-heading,
.hera-operator-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.hera-operator-work-sort {
    display: grid;
    min-width: 13rem;
    gap: 0.25rem;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.hera-operator-work-sort select,
.hera-operator-more-filters select,
.hera-operator-more-filters input {
    min-height: 2.75rem;
    width: 100%;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 0 2.25rem 0 0.75rem;
    font-size: 0.875rem;
}

.hera-operator-work-search {
    position: relative;
    margin-top: 1rem;
}

.hera-operator-work-search input {
    min-height: 3rem;
    width: 100%;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.875rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 0.625rem 3rem 0.625rem 2.75rem;
    box-shadow: inset 0 1px 2px rgba(11, 20, 35, 0.04);
}

.hera-operator-work-search input:focus,
.hera-operator-work-sort select:focus,
.hera-operator-more-filters select:focus,
.hera-operator-more-filters input:focus {
    border-color: var(--hera-focus);
    outline: 3px solid color-mix(in srgb, var(--hera-focus) 28%, transparent);
    outline-offset: 1px;
}

.hera-operator-work-search__icon,
.hera-operator-work-search__clear {
    position: absolute;
    top: 50%;
    width: 1.25rem;
    height: 1.25rem;
    transform: translateY(-50%);
}

.hera-operator-work-search__icon {
    left: 0.9rem;
    color: var(--hera-card-soft);
}

.hera-operator-work-search__clear {
    right: 0.5rem;
    display: grid;
    min-width: 2.75rem;
    min-height: 2.75rem;
    place-items: center;
    border-radius: 0.75rem;
    color: var(--hera-card-muted);
}

.hera-operator-work-search__clear:hover {
    background: color-mix(in srgb, var(--hera-primary) 10%, transparent);
    color: var(--hera-primary);
}

.hera-operator-work-tabs {
    display: flex;
    margin-top: 1rem;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.2rem 0 0.4rem;
    scrollbar-width: thin;
}

.hera-operator-work-tabs button {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border-radius: 999px;
    color: var(--hera-card-muted);
    padding: 0.625rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 700;
}

.hera-operator-work-tabs button:hover {
    background: color-mix(in srgb, var(--hera-primary) 8%, transparent);
}

.hera-operator-work-tabs button:focus-visible {
    outline: 3px solid var(--hera-focus);
    outline-offset: 2px;
}

.hera-operator-work-tabs button.is-active {
    background: var(--hera-primary);
    color: #ffffff;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--hera-primary) 22%, transparent);
}

.dark .hera-operator-work-tabs button.is-active {
    color: var(--hera-navy);
}

.hera-operator-work-toolbar__footer {
    align-items: flex-start;
    margin-top: 0.75rem;
}

.hera-operator-more-filters {
    min-width: 0;
    flex: 1;
}

.hera-operator-more-filters summary {
    display: inline-flex;
    min-height: 2.75rem;
    cursor: pointer;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    color: var(--hera-primary);
    padding: 0.55rem 0.75rem;
    font-weight: 700;
    list-style: none;
}

.hera-operator-more-filters summary::-webkit-details-marker {
    display: none;
}

.hera-operator-more-filters summary svg {
    width: 1.25rem;
    height: 1.25rem;
}

.hera-operator-more-filters__panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.75rem;
    border-top: 1px solid var(--hera-card-border);
    padding-top: 0.75rem;
}

.hera-operator-more-filters__panel label {
    display: grid;
    gap: 0.3rem;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.hera-operator-work-loading {
    display: none;
    align-items: center;
    gap: 0.5rem;
    margin: 0.75rem 0;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
}

.hera-operator-work-list {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.hera-operator-work-card {
    position: relative;
    display: grid;
    min-width: 0;
    max-width: 100%;
    grid-template-columns: minmax(10rem, 0.7fr) minmax(0, 2fr) auto;
    gap: 1rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    color: var(--hera-card-text);
    padding: 1rem;
    box-shadow: 0 4px 14px rgba(11, 20, 35, 0.045);
}

.hera-operator-work-card:hover {
    border-color: color-mix(in srgb, var(--hera-primary) 36%, var(--hera-card-border));
    box-shadow: 0 8px 22px rgba(11, 20, 35, 0.08);
}

.hera-operator-work-card__identity {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.75rem;
}

.hera-operator-work-card__number {
    overflow-wrap: anywhere;
    color: var(--hera-card-text);
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.3;
}

.hera-operator-work-card__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.hera-operator-work-card__body {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(12rem, 0.85fr) minmax(14rem, 1.15fr);
    gap: 0.85rem 1rem;
}

.hera-operator-work-card__contact {
    display: grid;
    align-content: start;
    gap: 0.65rem;
}

.hera-operator-work-card__task {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    border-left: 1px solid var(--hera-card-border);
    padding-left: 1rem;
}

.hera-operator-work-card__label,
.hera-operator-work-card__meta dt {
    color: var(--hera-card-soft);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.hera-operator-work-card__issue,
.hera-operator-work-card__next {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 0.2rem;
    color: var(--hera-card-text);
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hera-operator-work-card__next {
    color: var(--hera-card-muted);
    font-size: 0.875rem;
}

.hera-operator-work-card__meta {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    border-top: 1px solid var(--hera-card-border);
    padding-top: 0.75rem;
}

.hera-operator-work-card__meta dd {
    margin-top: 0.15rem;
    color: var(--hera-card-muted);
    font-size: 0.8125rem;
}

.hera-operator-work-card__actions {
    display: grid;
    min-width: 8.5rem;
    align-content: start;
    gap: 0.5rem;
}

.hera-operator-work-card__actions > a,
.hera-operator-work-card__actions > button {
    min-height: 2.75rem;
}

.hera-operator-work-card__more {
    position: relative;
    justify-self: end;
}

.hera-operator-work-card__more summary {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    cursor: pointer;
    place-items: center;
    border-radius: 0.75rem;
    color: var(--hera-card-muted);
    list-style: none;
}

.hera-operator-work-card__more summary::-webkit-details-marker {
    display: none;
}

.hera-operator-work-card__more summary svg {
    width: 1.25rem;
    height: 1.25rem;
}

.hera-operator-work-card__more > div {
    position: absolute;
    right: 0;
    z-index: 20;
    display: grid;
    min-width: 15rem;
    gap: 0.5rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    background: var(--hera-card-bg);
    padding: 0.75rem;
    color: var(--hera-card-muted);
    box-shadow: 0 14px 36px rgba(11, 20, 35, 0.18);
    font-size: 0.8125rem;
}

.hera-operator-work-card__more a {
    min-height: 2.75rem;
    color: var(--hera-primary);
    font-weight: 700;
}

.hera-operator-pagination {
    margin-top: 1rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    font-weight: 700;
}

@media (max-width: 63.999rem) {
    .hera-operator-work-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-work-card__identity {
        flex-direction: row;
    }

    .hera-operator-work-card__actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hera-operator-work-card__more {
        position: absolute;
        right: 1rem;
    }
}

@media (max-width: 39.999rem) {
    .hera-operator-work-toolbar__heading,
    .hera-operator-work-toolbar__footer,
    .hera-operator-work-card__identity {
        align-items: stretch;
        flex-direction: column;
    }

    .hera-operator-work-sort {
        width: 100%;
        min-width: 0;
    }

    .hera-operator-more-filters__panel,
    .hera-operator-work-card__body,
    .hera-operator-work-card__meta {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-work-card__task {
        border-top: 1px solid var(--hera-card-border);
        border-left: 0;
        padding-top: 0.75rem;
        padding-left: 0;
    }

    .hera-operator-work-card__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-work-card__more {
        position: relative;
        right: auto;
    }

    .hera-operator-work-card__more > div {
        right: auto;
        left: 0;
        max-width: calc(100vw - 4rem);
    }
}

/* Operator dashboard: actionable summary, never an integration console. */
.hera-operator-dashboard {
    display: grid;
    gap: 1rem;
    color: var(--hera-card-text);
}

.hera-operator-dashboard__intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.hera-operator-dashboard__eyebrow {
    color: var(--hera-magenta);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hera-operator-dashboard__intro h2 {
    margin-top: 0.2rem;
    color: var(--hera-card-text);
    font-size: clamp(1.55rem, 2.5vw, 2.15rem);
    font-weight: 850;
    line-height: 1.15;
}

.hera-operator-dashboard__intro p:last-child {
    margin-top: 0.35rem;
    color: var(--hera-card-muted);
}

.hera-operator-dashboard__kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.hera-operator-kpi-link {
    position: relative;
    min-width: 0;
    border-radius: 1rem;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.hera-operator-kpi-link > svg {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1.4rem;
    height: 1.4rem;
    color: var(--hera-card-soft);
}

.hera-operator-kpi-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(11, 20, 35, 0.1);
}

.hera-operator-kpi-link:focus-visible {
    outline: 3px solid var(--hera-focus);
    outline-offset: 3px;
}

.hera-operator-dashboard__main,
.hera-operator-dashboard__secondary {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.85fr);
    gap: 1rem;
}

.hera-operator-dashboard__secondary {
    grid-template-columns: minmax(0, 1.1fr) minmax(16rem, 0.9fr) minmax(14rem, 0.65fr);
}

.hera-operator-dashboard-panel {
    min-width: 0;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    padding: 1rem;
    box-shadow: 0 6px 20px rgba(11, 20, 35, 0.05);
}

.hera-operator-dashboard-panel__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.hera-operator-dashboard-panel__heading h3,
.hera-operator-map-empty h3,
.hera-operator-system-summary h3 {
    color: var(--hera-card-text);
    font-size: 1rem;
    font-weight: 800;
}

.hera-operator-dashboard-panel__heading p,
.hera-operator-map-empty p,
.hera-operator-system-summary p {
    margin-top: 0.2rem;
    color: var(--hera-card-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.hera-operator-dashboard-panel__heading > span {
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--hera-primary) 10%, transparent);
    color: var(--hera-primary);
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 800;
}

.hera-operator-dashboard-panel__heading > svg {
    width: 1.4rem;
    height: 1.4rem;
    color: var(--hera-primary);
}

.hera-operator-dashboard-work-list,
.hera-operator-today-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
}

.hera-operator-dashboard-work {
    min-width: 0;
    max-width: 100%;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.85rem;
    padding: 0.8rem;
}

.hera-operator-dashboard-work__top {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.hera-operator-dashboard-work__badges {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.hera-operator-dashboard-work__number {
    color: var(--hera-card-text);
    font-weight: 800;
}

.hera-operator-dashboard-work__address,
.hera-operator-dashboard-work__issue,
.hera-operator-dashboard-work__next,
.hera-operator-dashboard-work__time {
    overflow: hidden;
    color: var(--hera-card-muted);
    font-size: 0.8rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hera-operator-dashboard-work__address {
    margin-top: 0.12rem;
}

.hera-operator-dashboard-work__issue {
    margin-top: 0.55rem;
    color: var(--hera-card-text);
    white-space: normal;
}

.hera-operator-dashboard-work__next {
    margin-top: 0.35rem;
    white-space: normal;
}

.hera-operator-dashboard-work__next span {
    font-weight: 700;
}

.hera-operator-dashboard-work__time {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.hera-operator-dashboard-work__time svg {
    width: 1rem;
    height: 1rem;
}

.hera-operator-dashboard-work__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.hera-operator-dashboard-work__actions a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    border-radius: 0.7rem;
    background: color-mix(in srgb, var(--hera-primary) 8%, transparent);
    color: var(--hera-primary);
    padding: 0.55rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 750;
}

.hera-operator-dashboard-work__actions svg {
    width: 1rem;
    height: 1rem;
}

.hera-operator-today-item {
    display: grid;
    grid-template-columns: 7.2rem minmax(0, 1fr);
    gap: 0.15rem 0.65rem;
    min-height: 4.5rem;
    align-content: center;
    border-left: 3px solid var(--hera-primary);
    border-radius: 0.25rem 0.75rem 0.75rem 0.25rem;
    background: color-mix(in srgb, var(--hera-primary) 6%, var(--hera-card-bg));
    padding: 0.65rem 0.75rem;
}

.hera-operator-today-item time {
    grid-row: 1 / 4;
    color: var(--hera-primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.hera-operator-today-item strong {
    color: var(--hera-card-text);
    font-size: 0.85rem;
}

.hera-operator-today-item span,
.hera-operator-today-item small {
    overflow: hidden;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hera-operator-status-chart {
    display: grid;
    gap: 0.6rem;
}

.hera-operator-status-chart > div {
    display: grid;
    grid-template-columns: minmax(6.5rem, 1fr) auto;
    align-items: center;
    gap: 0.25rem 0.75rem;
    color: var(--hera-card-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.hera-operator-status-chart i {
    grid-column: 1 / -1;
    display: block;
    width: var(--hera-bar);
    min-width: 0.5rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--hera-primary);
}

.hera-operator-status-chart i.is-assessed { background: var(--hera-warning); }
.hera-operator-status-chart i.is-completed { background: var(--hera-success); }
.hera-operator-status-chart i.is-clarification { background: var(--hera-danger); }

.hera-operator-map-empty {
    display: grid;
    place-content: center;
    text-align: center;
}

.hera-operator-map-empty > svg {
    width: 2rem;
    height: 2rem;
    margin: 0 auto 0.55rem;
    color: var(--hera-volga);
}

.hera-operator-system-summary {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

.hera-operator-system-summary > svg {
    width: 1.15rem;
    height: 1.15rem;
    margin-left: auto;
    color: var(--hera-card-soft);
}

.hera-operator-system-summary__dot {
    width: 0.75rem;
    height: 0.75rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--hera-warning);
    box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--hera-warning) 14%, transparent);
}

.hera-operator-system-summary.is-healthy .hera-operator-system-summary__dot {
    background: var(--hera-success);
    box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--hera-success) 14%, transparent);
}

.hera-operator-system-summary.is-error .hera-operator-system-summary__dot {
    background: var(--hera-danger);
    box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--hera-danger) 14%, transparent);
}

@media (max-width: 63.999rem) {
    .hera-operator-dashboard__main,
    .hera-operator-dashboard__secondary {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-dashboard__secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-operator-system-summary {
        grid-column: 1 / -1;
    }
}

@media (max-width: 39.999rem) {
    .hera-operator-dashboard__intro {
        align-items: stretch;
        flex-direction: column;
    }

    .hera-operator-dashboard__kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-operator-dashboard__secondary {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-system-summary {
        grid-column: auto;
    }

    .hera-operator-dashboard-work__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hera-operator-dashboard-work__actions a {
        justify-content: center;
        padding-inline: 0.4rem;
    }

    .hera-operator-dashboard-work__actions span {
        font-size: 0.7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hera-operator-kpi-link,
    .hera-operator-work-card {
        transition: none;
    }
}

.hera-operator-detail {
    gap: 1rem;
}

.hera-operator-detail-hero {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    padding: 1rem;
    box-shadow: 0 2px 10px rgba(11, 20, 35, 0.08);
}

.hera-operator-detail-hero__content {
    display: grid;
    min-width: 0;
    gap: 1rem;
    margin-top: 1rem;
}

.hera-operator-detail-hero__issue {
    min-width: 0;
    border-left: 4px solid var(--hera-primary);
    padding-left: 0.875rem;
}

.hera-operator-detail-hero__issue > span,
.hera-operator-detail-hero__facts dt,
.hera-operator-detail-state-list dt {
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1rem;
    text-transform: uppercase;
}

.hera-operator-detail-hero__issue > p {
    margin-top: 0.25rem;
    color: var(--hera-card-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.55rem;
    overflow-wrap: anywhere;
}

.hera-operator-detail-hero__facts {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

.hera-operator-detail-hero__facts > div {
    min-width: 0;
}

.hera-operator-detail-hero__facts dd,
.hera-operator-detail-state-list dd {
    margin-top: 0.2rem;
    color: var(--hera-card-text);
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.35rem;
    overflow-wrap: anywhere;
}

.hera-operator-detail-quick-actions {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    border-top: 1px solid var(--hera-card-border);
    padding-top: 1rem;
}

.hera-operator-detail-quick-action,
.hera-operator-detail-quick-actions .hera-copy-address-action__button {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.65rem;
    background: var(--hera-card-bg);
    color: var(--hera-primary);
    padding: 0.5rem 0.8rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

.hera-operator-detail-quick-action:hover,
.hera-operator-detail-quick-actions .hera-copy-address-action__button:hover {
    border-color: var(--hera-primary);
    background: color-mix(in srgb, var(--hera-card-bg) 92%, var(--hera-primary));
}

.hera-operator-detail-quick-action:focus-visible,
.hera-operator-detail-quick-actions .hera-copy-address-action__button:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 2px;
}

.hera-operator-detail-quick-action svg {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 1.1rem;
}

.hera-operator-detail-tabs {
    display: flex;
    min-width: 0;
    overflow-x: auto;
    gap: 0.25rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.85rem;
    background: var(--hera-card-bg);
    padding: 0.25rem;
    scrollbar-width: thin;
}

.hera-operator-detail-tabs button {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border-radius: 0.65rem;
    color: var(--hera-card-muted);
    padding: 0.5rem 0.8rem;
    font-size: 0.8125rem;
    font-weight: 700;
    white-space: nowrap;
}

.hera-operator-detail-tabs button:hover {
    color: var(--hera-primary);
}

.hera-operator-detail-tabs button.is-active {
    background: var(--hera-primary);
    color: #fff;
    box-shadow: 0 2px 6px rgba(10, 102, 209, 0.2);
}

.hera-operator-detail-tabs button:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 1px;
}

.hera-operator-detail-panel,
.hera-operator-detail-main,
.hera-operator-detail-sidebar,
.hera-operator-detail-section-list {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.hera-provider-attachment-toolbar {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
}

.hera-provider-attachment-gallery-help {
    margin: 0;
    color: var(--hera-card-muted);
    font-size: 0.8125rem;
    line-height: 1.35rem;
}

.hera-provider-attachment-gallery {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.hera-provider-attachment-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.875rem;
    background: var(--hera-card-bg);
    box-shadow: 0 4px 14px rgba(11, 20, 35, 0.06);
}

.hera-provider-attachment-preview {
    position: relative;
    display: flex;
    width: 100%;
    aspect-ratio: 4 / 3;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--hera-card-border);
    background: color-mix(in srgb, var(--hera-help-bg) 72%, var(--hera-card-bg));
    color: var(--hera-primary);
    cursor: pointer;
}

.hera-provider-attachment-preview:hover img {
    transform: scale(1.025);
}

.hera-provider-attachment-preview:focus-visible,
.hera-provider-attachment-card__view:focus-visible,
.hera-provider-attachment-viewer button:focus-visible,
.hera-provider-attachment-viewer a:focus-visible {
    outline: 3px solid var(--hera-focus);
    outline-offset: -3px;
}

.hera-provider-attachment-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 160ms ease;
}

.hera-provider-attachment-preview__document {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.hera-provider-attachment-preview__document svg,
.hera-provider-attachment-preview--unavailable svg {
    width: 2.25rem;
    height: 2.25rem;
}

.hera-provider-attachment-preview--unavailable {
    color: var(--hera-card-soft);
    cursor: default;
}

.hera-provider-attachment-card__body {
    display: grid;
    min-width: 0;
    gap: 0.65rem;
    padding: 0.75rem;
}

.hera-provider-attachment-card__body h3 {
    min-width: 0;
    margin: 0;
    color: var(--hera-card-text);
    font-size: 0.8125rem;
    font-weight: 750;
    line-height: 1.25rem;
    overflow-wrap: anywhere;
}

.hera-provider-attachment-card__meta {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 0.5rem;
}

.hera-provider-attachment-card__actions {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.hera-provider-attachment-card__view {
    display: inline-flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.55rem;
    background: var(--hera-card-bg);
    color: var(--hera-primary);
    padding: 0.5rem 0.65rem;
    font-size: 0.8125rem;
    font-weight: 750;
}

.hera-provider-attachment-card__view:hover {
    border-color: var(--hera-primary);
    background: var(--hera-help-bg);
}

.hera-provider-attachment-card__view svg {
    width: 1.1rem;
    height: 1.1rem;
}

.hera-provider-attachment-card__help {
    margin: 0;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    line-height: 1.2rem;
}

.hera-provider-attachment-viewer[x-cloak] {
    display: none !important;
}

.hera-provider-attachment-viewer {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    align-items: center;
    justify-items: center;
    overflow: auto;
    overscroll-behavior: contain;
    background: rgba(5, 10, 18, 0.88);
    padding:
        max(0.75rem, env(safe-area-inset-top))
        max(0.75rem, env(safe-area-inset-right))
        max(0.75rem, env(safe-area-inset-bottom))
        max(0.75rem, env(safe-area-inset-left));
    -webkit-overflow-scrolling: touch;
}

.hera-provider-attachment-viewer__panel {
    display: grid;
    width: min(100%, 72rem);
    min-height: min(78vh, 46rem);
    min-height: min(78dvh, 46rem);
    max-height: calc(100vh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
}

.hera-provider-attachment-viewer__panel > header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--hera-card-border);
    padding: 0.75rem 0.875rem;
}

.hera-provider-attachment-viewer__panel > header h2 {
    min-width: 0;
    margin: 0;
    color: var(--hera-card-text);
    font-size: 0.875rem;
    font-weight: 750;
    line-height: 1.25rem;
    overflow-wrap: anywhere;
}

.hera-provider-attachment-viewer__panel > header button {
    display: inline-flex;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    color: var(--hera-card-text);
}

.hera-provider-attachment-viewer__panel > header button:hover {
    background: var(--hera-help-bg);
}

.hera-provider-attachment-viewer__panel > header svg {
    width: 1.5rem;
    height: 1.5rem;
}

.hera-provider-attachment-viewer__content {
    display: grid;
    min-height: 0;
    place-items: center;
    overflow: auto;
    background: #101722;
}

.hera-provider-attachment-viewer__content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.hera-provider-attachment-viewer__content iframe {
    width: 100%;
    height: 100%;
    min-height: 62dvh;
    border: 0;
    background: #ffffff;
}

.hera-provider-attachment-viewer__panel > a {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-top: 1px solid var(--hera-card-border);
    color: var(--hera-primary);
    padding: 0.6rem 0.875rem;
    font-size: 0.875rem;
    font-weight: 750;
    text-decoration: none;
}

.hera-provider-attachment-viewer__panel > a:hover {
    background: var(--hera-help-bg);
}

.hera-provider-attachment-viewer__panel > a svg {
    width: 1.1rem;
    height: 1.1rem;
}

.hera-operator-detail-layout {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.hera-operator-detail-reading,
.hera-operator-detail-field p {
    color: var(--hera-card-muted);
    font-size: 0.9375rem;
    line-height: 1.6rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.hera-operator-detail-date {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.75rem;
    color: var(--hera-card-muted);
    font-size: 0.8125rem;
    font-weight: 650;
}

.hera-operator-detail-date svg {
    width: 1rem;
    height: 1rem;
}

.hera-operator-detail-state-list {
    display: grid;
    gap: 0.85rem;
}

.hera-operator-detail-assignees {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hera-operator-detail-assignees li {
    border-radius: 9999px;
    background: color-mix(in srgb, var(--hera-card-bg) 88%, var(--hera-primary));
    color: var(--hera-card-text);
    padding: 0.35rem 0.65rem;
    font-size: 0.8125rem;
    font-weight: 650;
}

.hera-operator-detail-field + .hera-operator-detail-field {
    margin-top: 1rem;
    border-top: 1px solid var(--hera-card-border);
    padding-top: 1rem;
}

.hera-operator-detail-field h3 {
    margin-bottom: 0.35rem;
    color: var(--hera-card-text);
    font-size: 0.875rem;
    font-weight: 750;
    line-height: 1.25rem;
}

.hera-operator-detail-warning {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.9rem;
    border-left: 4px solid var(--hera-danger);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--hera-card-bg) 90%, var(--hera-danger));
    color: var(--hera-card-text);
    padding: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.3rem;
}

.hera-operator-detail-warning a {
    display: inline-flex;
    min-height: 2.75rem;
    width: fit-content;
    align-items: center;
    border-radius: 0.55rem;
    color: var(--hera-primary);
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.hera-operator-detail-warning a:focus-visible {
    outline: 2px solid var(--hera-primary);
    outline-offset: 2px;
}

.hera-operator-detail-communication-state {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.hera-operator-detail-communication-state p {
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.4rem;
}

.hera-operator-detail-notes {
    display: grid;
    gap: 0.75rem;
}

.hera-operator-detail-notes article {
    min-width: 0;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.75rem;
    padding: 0.875rem;
}

.hera-operator-detail-notes article > div {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    color: var(--hera-card-soft);
    font-size: 0.75rem;
}

.hera-operator-detail-notes article > p {
    margin-top: 0.75rem;
    color: var(--hera-card-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

@media (min-width: 64rem) {
    .hera-work-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-work-list.hera-operator-work-list {
        grid-template-columns: minmax(0, 1fr);
    }

    body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn .fi-ac {
        grid-template-columns: repeat(3, minmax(9rem, 1fr));
    }

    .hera-operator-detail-hero {
        padding: 1.25rem 1.5rem;
    }

    .hera-operator-detail-hero__content {
        grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr);
        align-items: start;
    }

    .hera-operator-detail-hero__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-operator-detail-layout {
        grid-template-columns: minmax(0, 2fr) minmax(18rem, 0.8fr);
        align-items: start;
    }

    .hera-operator-detail-sidebar {
        position: sticky;
        top: 5rem;
    }

    .hera-operator-detail-sidebar .hera-provider-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-provider-filters {
        grid-template-columns: minmax(16rem, 1fr) minmax(11rem, 14rem) minmax(11rem, 14rem) auto;
    }

    .hera-provider-filter--search {
        grid-column: auto;
    }

    .hera-provider-filter__reset {
        width: auto;
        min-width: 9rem;
    }

    .hera-provider-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 39.999rem) {
    .hera-kpi-card {
        padding: 0.75rem 0.625rem;
        text-align: center;
    }

    .hera-kpi-card__label {
        min-height: 2rem;
        font-size: 0.625rem;
    }

    .hera-kpi-card__value {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    .hera-action-group > * {
        width: 100%;
        justify-content: center;
    }

    .hera-provider-page {
        font-size: 0.9375rem;
    }

    .hera-provider-summary {
        gap: 0.5rem;
    }

    .hera-provider-summary__metric {
        padding: 0.75rem 0.625rem;
        text-align: center;
    }

    .hera-provider-summary__label {
        min-height: 2rem;
        font-size: 0.625rem;
    }

    .hera-provider-summary__value {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    .hera-provider-card__header {
        flex-direction: column;
    }

    .hera-provider-card__badges {
        justify-content: flex-start;
    }

    .hera-provider-card__action > * {
        width: 100%;
        justify-content: center;
    }

    .hera-operator-detail-hero {
        border-radius: 0.85rem;
        padding: 0.9rem;
    }

    .hera-operator-detail-quick-actions,
    .hera-operator-detail-quick-actions .hera-provider-contact-phone-list {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-detail-quick-actions .hera-provider-contact-phone-link,
    .hera-operator-detail-quick-action,
    .hera-operator-detail-quick-actions .hera-copy-address-action__button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hera-loading-state__spinner,
    .hera-skeleton-state__row {
        animation: none;
    }

    .hera-work-card {
        transition: none;
    }
}

/* Operator operations: calendar, reliable reports, and human system status. */
.hera-operator-operations-page {
    display: grid;
    min-width: 0;
    gap: 1rem;
    color: var(--hera-card-text);
}

.hera-operator-calendar-toolbar {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.hera-operator-segmented,
.hera-operator-calendar-navigation {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.85rem;
    background: var(--hera-card-bg);
    padding: 0.25rem;
}

.hera-operator-segmented button,
.hera-operator-calendar-navigation button {
    display: inline-flex;
    min-width: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
    color: var(--hera-card-muted);
    padding: 0.5rem 0.8rem;
    font-size: 0.8125rem;
    font-weight: 750;
}

.hera-operator-segmented button:hover,
.hera-operator-calendar-navigation button:hover {
    background: color-mix(in srgb, var(--hera-card-bg) 88%, var(--hera-primary));
    color: var(--hera-primary);
}

.hera-operator-segmented button.is-active {
    background: var(--hera-primary);
    color: #fff;
    box-shadow: 0 2px 6px rgba(10, 102, 209, 0.2);
}

.hera-operator-segmented button:focus-visible,
.hera-operator-calendar-navigation button:focus-visible,
.hera-operator-calendar-event:focus-visible {
    outline: 3px solid var(--hera-focus);
    outline-offset: 2px;
}

.hera-operator-calendar-navigation svg {
    width: 1.15rem;
    height: 1.15rem;
}

.hera-operator-calendar {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    box-shadow: 0 6px 20px rgba(11, 20, 35, 0.05);
}

.hera-operator-calendar__heading {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    border-bottom: 1px solid var(--hera-card-border);
    padding: 1rem;
}

.hera-operator-calendar__heading h2 {
    color: var(--hera-card-text);
    font-size: 1.125rem;
    font-weight: 850;
}

.hera-operator-calendar__heading p {
    max-width: 48rem;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.hera-operator-calendar__grid {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.hera-operator-calendar__grid.is-day {
    grid-template-columns: minmax(0, 1fr);
}

.hera-operator-calendar-day {
    min-width: 0;
    min-height: 8.5rem;
    border-right: 1px solid var(--hera-card-border);
    border-bottom: 1px solid var(--hera-card-border);
    padding: 0.6rem;
}

.hera-operator-calendar-day:nth-child(7n) {
    border-right: 0;
}

.hera-operator-calendar-day.is-outside {
    background: color-mix(in srgb, var(--hera-card-bg) 94%, var(--hera-card-soft));
    opacity: 0.62;
}

.hera-operator-calendar-day.is-today {
    box-shadow: inset 0 0 0 2px var(--hera-primary);
}

.hera-operator-calendar-day > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--hera-card-soft);
    font-size: 0.6875rem;
    font-weight: 750;
    text-transform: uppercase;
}

.hera-operator-calendar-day > header strong {
    display: grid;
    min-width: 1.75rem;
    min-height: 1.75rem;
    place-items: center;
    border-radius: 999px;
    color: var(--hera-card-text);
    font-size: 0.8125rem;
}

.hera-operator-calendar-day.is-today > header strong {
    background: var(--hera-primary);
    color: #fff;
}

.hera-operator-calendar-events {
    display: grid;
    min-width: 0;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.hera-operator-calendar-events > p {
    color: var(--hera-card-muted);
    font-size: 0.8125rem;
    line-height: 1.3rem;
}

.hera-operator-calendar-event {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
    border-left: 3px solid var(--hera-primary);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--hera-card-bg) 90%, var(--hera-primary));
    color: var(--hera-card-text);
    padding: 0.45rem 0.5rem;
    text-decoration: none;
}

.hera-operator-calendar-event.is-deadline {
    border-left-color: var(--hera-danger);
    background: color-mix(in srgb, var(--hera-card-bg) 91%, var(--hera-danger));
}

.hera-operator-calendar-event__time,
.hera-operator-calendar-event__type,
.hera-operator-calendar-event > span:last-child {
    overflow: hidden;
    color: var(--hera-card-muted);
    font-size: 0.6875rem;
    line-height: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hera-operator-calendar-event__time {
    color: var(--hera-primary);
    font-weight: 800;
}

.hera-operator-calendar-event.is-deadline .hera-operator-calendar-event__time {
    color: var(--hera-danger);
}

.hera-operator-calendar-event strong {
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hera-operator-report-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.hera-operator-report-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.hera-operator-report-facts,
.hera-operator-report-bars {
    display: grid;
    gap: 0.75rem;
}

.hera-operator-report-facts > div {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--hera-card-border);
    padding-bottom: 0.65rem;
}

.hera-operator-report-facts > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.hera-operator-report-facts dt,
.hera-operator-report-bars span {
    color: var(--hera-card-muted);
    font-size: 0.8125rem;
    font-weight: 650;
}

.hera-operator-report-facts dd,
.hera-operator-report-bars strong {
    color: var(--hera-card-text);
    font-size: 1rem;
    font-weight: 850;
}

.hera-operator-report-bars > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.3rem 0.75rem;
}

.hera-operator-report-bars i {
    grid-column: 1 / -1;
    display: block;
    width: var(--hera-report-bar);
    min-width: 0;
    max-width: 100%;
    height: 0.5rem;
    border-radius: 999px;
    background: var(--hera-primary);
}

.hera-operator-report-note,
.hera-operator-system-note {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.65rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--hera-card-bg) 94%, var(--hera-volga));
    color: var(--hera-card-muted);
    padding: 0.85rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.35rem;
}

.hera-operator-report-note svg,
.hera-operator-system-note svg {
    width: 1.2rem;
    height: 1.2rem;
    flex: 0 0 1.2rem;
    color: var(--hera-volga);
}

.hera-operator-system-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.hera-operator-system-item {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--hera-card-border);
    border-radius: 1rem;
    background: var(--hera-card-bg);
    padding: 1rem;
    box-shadow: 0 4px 16px rgba(11, 20, 35, 0.04);
}

.hera-operator-system-item > div {
    min-width: 0;
}

.hera-operator-system-item h2 {
    color: var(--hera-card-text);
    font-size: 0.9375rem;
    font-weight: 800;
}

.hera-operator-system-item p,
.hera-operator-system-item small {
    display: block;
    margin-top: 0.25rem;
    color: var(--hera-card-muted);
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.hera-operator-system-item small {
    color: var(--hera-card-soft);
}

.hera-operator-system-item .hera-operator-system-item__last-check,
.hera-operator-system-item .hera-operator-system-item__detail {
    color: var(--hera-card-text);
    font-weight: 700;
}

@media (max-width: 63.999rem) {
    .hera-operator-calendar__grid,
    .hera-operator-calendar__grid.is-week,
    .hera-operator-calendar__grid.is-day,
    .hera-operator-report-grid,
    .hera-operator-system-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .hera-operator-calendar-day,
    .hera-operator-calendar-day:nth-child(7n) {
        min-height: 0;
        border-right: 0;
    }

    .hera-operator-calendar-day.is-outside.is-empty {
        display: none;
    }
}

@media (max-width: 39.999rem) {
    .hera-operator-calendar-toolbar,
    .hera-operator-calendar-navigation,
    .hera-operator-segmented {
        width: 100%;
    }

    .hera-operator-calendar-navigation,
    .hera-operator-segmented {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hera-operator-segmented button,
    .hera-operator-calendar-navigation button {
        width: 100%;
        padding-inline: 0.35rem;
    }

    .hera-operator-report-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-operator-system-item {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hera-operator-segmented button,
    .hera-operator-calendar-navigation button,
    .hera-operator-calendar-event,
    .hera-provider-attachment-preview img {
        transition: none;
    }
}

.hera-support-floating {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 40;
}

html[data-hera-operator-ui='v1'] .hera-support-floating {
    display: none;
}

@media (max-width: 63.999rem) {
    body {
        padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
    }

    body:has([data-hera-provider-work-detail]) {
        padding-bottom: calc(11rem + env(safe-area-inset-bottom));
    }

    body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn {
        position: fixed;
        right: 0;
        bottom: calc(4.5rem + env(safe-area-inset-bottom));
        left: 0;
        z-index: 44;
        border-top: 1px solid var(--hera-card-border);
        background: color-mix(in srgb, var(--hera-card-bg) 96%, transparent);
        padding: 0.625rem 0.75rem;
        box-shadow: 0 -8px 20px rgba(11, 20, 35, 0.1);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }

    body:has([data-hera-provider-work-detail]) .fi-header-actions-ctn .fi-ac {
        display: grid;
        max-width: 34rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        margin: 0 auto;
    }

    body:has([data-hera-provider-work-detail]) [data-hera-operator-primary-action] {
        grid-column: 1 / -1;
    }

    body:has([role='dialog']) .fi-header-actions-ctn {
        display: none;
    }

    .hera-support-floating {
        display: none;
    }

    body:has([role='dialog']) .hera-mobile-navigation {
        display: none;
    }
}

@media (max-width: 39.999rem) {
    html[data-hera-operator-ui='v1'] .fi-icon-btn,
    html[data-hera-operator-ui='v1'] .fi-user-menu-trigger,
    html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-group-collapse-btn,
    html[data-hera-operator-ui='v1'] .fi-select-input-value-remove-btn {
        min-width: 2.75rem;
        min-height: 2.75rem;
    }

    html[data-hera-operator-ui='v1'] .fi-btn,
    html[data-hera-operator-ui='v1'] .fi-sidebar-header a,
    html[data-hera-operator-ui='v1'] .fi-sidebar .fi-sidebar-item-btn,
    html[data-hera-operator-ui='v1'] .fi-sidebar .fi-tenant-menu-trigger,
    html[data-hera-operator-ui='v1'] .fi-input,
    html[data-hera-operator-ui='v1'] .fi-select-input-btn,
    html[data-hera-operator-ui='v1'] .fi-fo-date-time-picker-trigger,
    html[data-hera-operator-ui='v1'] .fi-fo-date-time-picker-display-text-input {
        min-height: 2.75rem;
    }
}

@media print {
    .hera-mobile-navigation,
    .hera-sidebar-navigation,
    .hera-support-floating {
        display: none;
    }
}

@media (min-width: 64rem) {
    .hera-sidebar-navigation {
        display: block;
    }

    .hera-mobile-navigation {
        display: none;
    }
}

@media (min-width: 40rem) {
    .hera-provider-attachment-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }

    .hera-ticket-list-header,
    .hera-ticket-card {
        padding: 1.25rem;
    }

    .hera-ticket-card__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hera-ticket-card__open {
        width: auto;
        align-self: flex-start;
    }
}

@media (min-width: 64rem) {
    .hera-provider-attachment-gallery {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}