/* Zapt Admin — tema escuro forçado (alinhado ao dashboard) */
:root {
    --zc-ink: #edf2f7;
    --zc-blue: #0b3dff;
    --zc-blue-bright: #3d6bff;
    --zc-cyan: #00c2ff;
    --zc-paper: #0a1220;
    --zc-surface: #121c2c;
    --zc-muted: #9aadc4;
    --zc-line: rgb(255 255 255 / 10%);
}

.fi-body {
    background:
        radial-gradient(ellipse 80% 50% at 100% -10%, rgb(11 61 255 / 18%), transparent 50%),
        radial-gradient(ellipse 60% 40% at 0% 20%, rgb(0 194 255 / 08%), transparent 45%),
        var(--zc-paper) !important;
    font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    color: var(--zc-ink);
}

.fi-sidebar {
    background:
        radial-gradient(ellipse 80% 40% at 0% 0%, rgb(0 194 255 / 14%), transparent 50%),
        linear-gradient(180deg, #06101f 0%, #0a1f4a 100%) !important;
    border-inline-end: 0 !important;
    box-shadow: 10px 0 40px rgb(7 18 42 / 14%);
}

.fi-sidebar-header {
    background: transparent !important;
    border-bottom: 1px solid rgb(255 255 255 / 10%) !important;
    box-shadow: none !important;
}

.fi-sidebar-group-label {
    color: #7f93b3 !important;
    font-size: .65rem !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.fi-sidebar-item-label { color: #b7c6dc !important; font-weight: 650 !important; }
.fi-sidebar-item-icon { color: #7f93b3 !important; }
.fi-sidebar-item-button:hover { background: rgb(255 255 255 / 7%) !important; }

.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: linear-gradient(90deg, rgb(11 61 255 / 35%), rgb(0 194 255 / 10%)) !important;
    box-shadow: inset 3px 0 0 var(--zc-cyan) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: #fff !important; }

.fi-topbar nav {
    background: rgb(12 22 36 / 92%) !important;
    border-bottom-color: rgb(255 255 255 / 10%) !important;
    backdrop-filter: blur(18px);
}

.fi-header-heading {
    color: #f1f5fb !important;
    font-family: "Space Grotesk", "Plus Jakarta Sans", ui-sans-serif, sans-serif !important;
    letter-spacing: -.03em;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem) !important;
    text-align: start;
}

.fi-header-subheading {
    max-width: 42rem;
    color: var(--zc-muted) !important;
    line-height: 1.5;
    text-align: start;
}

.fi-btn-primary {
    background: linear-gradient(135deg, var(--zc-blue), var(--zc-blue-bright)) !important;
    box-shadow: 0 8px 20px rgb(11 61 255 / 28%);
    color: #fff !important;
}

/* Cards / tabelas: superfícies escuras + tipografia legível */
.fi-section,
.fi-ta-ctn {
    border-color: var(--zc-line) !important;
    border-radius: 1rem !important;
    box-shadow: 0 12px 32px rgb(0 0 0 / 22%);
    background: var(--zc-surface) !important;
}

.fi-section-header {
    align-items: flex-start !important;
    text-align: start !important;
}

.fi-section-header-heading {
    color: var(--zc-ink) !important;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
    text-align: start !important;
}

.fi-section-header-description {
    color: var(--zc-muted) !important;
    text-align: start !important;
    line-height: 1.45;
}

.fi-wi-stats-overview-stat {
    overflow: hidden;
    position: relative;
    min-width: 0;
    border: 1px solid var(--zc-line) !important;
    border-radius: 1rem !important;
    background: var(--zc-surface) !important;
    box-shadow: 0 12px 32px rgb(0 0 0 / 22%);
    color: var(--zc-ink) !important;
}

.fi-wi-stats-overview-stat::after {
    content: '';
    position: absolute;
    inset: auto -1rem -2rem auto;
    width: 5rem;
    height: 5rem;
    border-radius: 999px;
    background: rgb(11 61 255 / 10%);
    pointer-events: none;
}

.fi-wi-stats-overview-stat-content {
    position: relative;
    z-index: 1;
}

.fi-wi-stats-overview-stat-label-ctn,
.fi-wi-stats-overview-stat-label {
    color: var(--zc-muted) !important;
}

.fi-wi-stats-overview-stat-value {
    color: var(--zc-ink) !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif !important;
    font-size: clamp(1.2rem, 2.2vw, 1.6rem) !important;
    font-weight: 700 !important;
    line-height: 1.15;
}

.fi-wi-stats-overview-stat-description {
    overflow-wrap: anywhere;
    line-height: 1.45 !important;
    color: var(--zc-muted) !important;
}

.fi-wi-stats-overview-stat-description.fi-color-success,
.fi-wi-stats-overview-stat-description .text-success-600 {
    color: #7dffa8 !important;
}

.fi-wi-stats-overview-stat-description.fi-color-warning {
    color: #ffd27a !important;
}

.fi-wi-stats-overview-stat-description.fi-color-danger {
    color: #ff9b9b !important;
}

.fi-wi-stats-overview-stat-description.fi-color-info,
.fi-wi-stats-overview-stat-description.fi-color-primary {
    color: #7eb6ff !important;
}

.fi-wi-stats-overview-stat-description svg {
    color: currentColor !important;
}

/* Tabelas: texto e cabeçalhos legíveis */
.fi-ta-header-cell,
.fi-ta-header-cell-label {
    color: var(--zc-muted) !important;
}

.fi-ta-cell,
.fi-ta-text,
.fi-ta-text-item-label,
.fi-ta-description {
    color: var(--zc-ink) !important;
}

.fi-ta-empty-state-heading {
    color: var(--zc-ink) !important;
}

.fi-ta-empty-state-description {
    color: var(--zc-muted) !important;
}

.zc-brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: #fff;
}

.zc-brand-symbol {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: 0 8px 20px rgb(0 194 255 / 25%);
}

.zc-brand-symbol img {
    width: 100%;
    height: 100%;
    display: block;
}

.zc-brand strong,
.zc-brand small { display: block; line-height: 1.05; }

.zc-brand strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1rem;
    letter-spacing: -.02em;
}

.zc-brand small {
    margin-top: .28rem;
    color: #8fa3c0;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zc-admin-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .75fr);
    align-items: stretch;
    gap: 1.25rem 1.75rem;
    min-height: 0;
    padding: clamp(1.35rem, 3vw, 2rem);
    overflow: hidden;
    position: relative;
    border-radius: 1.25rem;
    color: #fff;
    background:
        radial-gradient(ellipse 48% 70% at 92% 8%, rgb(0 194 255 / 30%), transparent 55%),
        radial-gradient(ellipse 35% 45% at 8% 90%, rgb(11 61 255 / 40%), transparent 55%),
        linear-gradient(135deg, #040b18 0%, #0a1f4a 46%, #0b3dff 100%);
    box-shadow: 0 22px 50px rgb(11 61 255 / 18%);
    animation: zc-admin-hero-in .55s ease both;
}

.zc-admin-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(ellipse at 68% 28%, #000 12%, transparent 72%);
    pointer-events: none;
}

.zc-admin-hero::after {
    content: '';
    position: absolute;
    width: 14rem;
    height: 14rem;
    right: -4rem;
    top: -7rem;
    border-radius: 999px;
    background: rgb(0 194 255 / 20%);
    filter: blur(2px);
    pointer-events: none;
    animation: zc-admin-orb 8s ease-in-out infinite alternate;
}

.zc-admin-hero > * { position: relative; z-index: 1; min-width: 0; }

.zc-admin-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    gap: .15rem;
}

.zc-admin-hero__brand-row {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .55rem;
}

.zc-admin-hero__mark {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    border-radius: .7rem;
    overflow: hidden;
    box-shadow: 0 8px 20px rgb(0 194 255 / 28%);
}

.zc-admin-hero__mark img {
    width: 100%;
    height: 100%;
    display: block;
}

.zc-admin-hero__kicker {
    color: var(--zc-cyan);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.zc-admin-hero h2 {
    margin: 0 0 .45rem;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.1;
    overflow-wrap: anywhere;
    color: #fff !important;
}

.zc-admin-hero p {
    margin: 0;
    max-width: 36rem;
    color: #c5d6ef !important;
    font-size: clamp(.88rem, 1.6vw, .98rem);
    line-height: 1.55;
}

.zc-admin-hero__panel {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgb(255 255 255 / 14%);
    background: rgb(4 11 24 / 35%);
    backdrop-filter: blur(10px);
}

.zc-admin-hero__when span,
.zc-admin-hero__when strong,
.zc-admin-hero__when em {
    display: block;
}

.zc-admin-hero__when span {
    color: #9eb4d4 !important;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zc-admin-hero__when strong {
    margin-top: .2rem;
    font-size: .84rem;
    line-height: 1.35;
    color: #fff !important;
}

.zc-admin-hero__when em {
    margin-top: .15rem;
    font-style: normal;
    color: var(--zc-cyan);
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: .95rem;
    font-weight: 700;
}

.zc-admin-hero__signals {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .45rem;
}

.zc-admin-hero__signals > li {
    margin: 0;
    padding: 0;
}

.zc-admin-hero__signal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .65rem;
    border: 1px solid rgb(255 255 255 / 10%);
    background: rgb(255 255 255 / 5%);
}

a.zc-admin-hero__signal {
    text-decoration: none;
    color: inherit;
}

a.zc-admin-hero__signal:hover,
a.zc-admin-hero__signal:focus-visible {
    background: rgb(255 255 255 / 12%);
    border-color: rgb(255 255 255 / 22%);
}

.zc-admin-hero__signal span {
    color: #b8cce8 !important;
    font-size: .75rem;
    font-weight: 650;
}

.zc-admin-hero__signal strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff !important;
}

.zc-admin-hero__signal.is-ok strong { color: #7dffa8 !important; }
.zc-admin-hero__signal.is-warning strong { color: #ffd27a !important; }
.zc-admin-hero__signal.is-danger strong { color: #ff9b9b !important; }

.zc-admin-actions {
    display: grid;
    gap: 1rem;
    animation: zc-admin-rise .55s ease .08s both;
}

.zc-admin-actions__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.zc-admin-actions__kicker {
    display: block;
    margin-bottom: .25rem;
    color: var(--zc-blue);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zc-admin-actions__head h3 {
    margin: 0;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--zc-ink);
}

.zc-admin-actions__head p {
    margin: 0;
    max-width: 22rem;
    color: var(--zc-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.zc-admin-actions__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.zc-admin-action {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-height: 0;
    min-width: 0;
    padding: 1.05rem 1.1rem 1rem;
    border: 1px solid var(--zc-line);
    border-radius: 0;
    background:
        linear-gradient(180deg, #152033 0%, #121c2c 100%) !important;
    box-shadow: 0 14px 34px rgb(0 0 0 / 22%);
    text-decoration: none !important;
    color: var(--zc-ink) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    position: relative;
    overflow: hidden;
}

.zc-admin-action::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--zc-blue), var(--zc-cyan));
    opacity: .55;
    transition: opacity .18s ease, width .18s ease;
}

.zc-admin-action.is-alert::before { background: #f6ad21; opacity: .9; }
.zc-admin-action.is-danger::before { background: #e11d48; opacity: .95; }

.zc-admin-action:hover,
.zc-admin-action:focus {
    transform: translateY(-3px);
    border-color: rgb(11 61 255 / 32%);
    box-shadow: 0 18px 44px rgb(11 61 255 / 12%);
    color: var(--zc-ink) !important;
    text-decoration: none !important;
}

.zc-admin-action:hover::before,
.zc-admin-action:focus::before {
    opacity: 1;
    width: 4px;
}

.zc-admin-action__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .4rem;
}

.zc-admin-action__icon {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    flex: none;
    border-radius: .65rem;
    color: #fff;
    background: linear-gradient(135deg, var(--zc-blue), var(--zc-cyan));
    box-shadow: 0 8px 18px rgb(11 61 255 / 22%);
}

.zc-admin-action__icon svg { width: 1.15rem; height: 1.15rem; }

.zc-admin-action strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: .98rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--zc-ink) !important;
    line-height: 1.25;
}

.zc-admin-action > span {
    color: var(--zc-muted) !important;
    font-size: .78rem;
    line-height: 1.45;
}

.zc-admin-action__count {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    color: var(--zc-blue) !important;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
}

.zc-admin-action__count.is-alert { color: #ffd27a !important; }
.zc-admin-action__count.is-danger { color: #ff9b9b !important; }

.zc-admin-action__cta {
    margin-top: .55rem;
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--zc-blue) !important;
    opacity: .78;
    transition: opacity .15s ease, transform .15s ease;
}

.zc-admin-action:hover .zc-admin-action__cta {
    opacity: 1;
    transform: translateX(2px);
}

/* Stats + tabelas da dashboard */
/* Painéis de métricas (Rede / Saúde) */
.zc-admin-metrics {
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.2rem 1.25rem;
    border: 1px solid var(--zc-line);
    background: linear-gradient(180deg, #152033 0%, #121c2c 100%);
    box-shadow: 0 14px 34px rgb(0 0 0 / 22%);
    animation: zc-admin-rise .55s ease .1s both;
}

.zc-admin-metrics__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.zc-admin-metrics__kicker {
    display: block;
    margin-bottom: .25rem;
    color: var(--zc-blue);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zc-admin-metrics__head h3 {
    margin: 0;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--zc-ink);
}

.zc-admin-metrics__head p {
    margin: .3rem 0 0;
    max-width: 38rem;
    color: var(--zc-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.zc-admin-metrics__grid {
    display: grid;
    gap: .75rem;
}

.zc-admin-metrics--3 .zc-admin-metrics__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zc-admin-metrics--4 .zc-admin-metrics__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zc-admin-metrics__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
    padding: 1rem 1.05rem .95rem;
    border: 1px solid var(--zc-line);
    background: #0d1624;
    overflow: hidden;
    transition: border-color .15s ease, transform .15s ease;
}

.zc-admin-metrics__card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--zc-blue), var(--zc-cyan));
    opacity: .7;
}

.zc-admin-metrics__card.is-ok::before { background: #0f7a4c; }
.zc-admin-metrics__card.is-info::before { background: linear-gradient(180deg, var(--zc-blue), var(--zc-cyan)); }
.zc-admin-metrics__card.is-warn::before { background: #f6ad21; }
.zc-admin-metrics__card.is-danger::before { background: #e11d48; }

.zc-admin-metrics__card:hover {
    transform: translateY(-2px);
    border-color: rgb(11 61 255 / 28%);
}

a.zc-admin-metrics__card.is-link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.zc-admin-metrics__label {
    color: var(--zc-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-admin-metrics__value {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.35rem, 2.4vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    color: var(--zc-ink);
    overflow-wrap: anywhere;
}

.zc-admin-metrics__card.is-warn .zc-admin-metrics__value { color: #ffd27a; }
.zc-admin-metrics__card.is-danger .zc-admin-metrics__value { color: #ff9b9b; }
.zc-admin-metrics__card.is-ok .zc-admin-metrics__value { color: #7dffa8; }
.zc-admin-metrics__card.is-info .zc-admin-metrics__value { color: #7eb6ff; }

.zc-admin-metrics__hint {
    color: var(--zc-muted);
    font-size: .78rem;
    line-height: 1.4;
}

@media (max-width: 1100px) {
    .zc-admin-metrics--3 .zc-admin-metrics__grid,
    .zc-admin-metrics--4 .zc-admin-metrics__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .zc-admin-metrics--3 .zc-admin-metrics__grid,
    .zc-admin-metrics--4 .zc-admin-metrics__grid {
        grid-template-columns: 1fr;
    }
}

/* Fila de handoffs */
.zc-admin-queue,
.zc-admin-board {
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.2rem 1.25rem;
    border: 1px solid var(--zc-line);
    background:
        linear-gradient(180deg, #152033 0%, #121c2c 100%);
    box-shadow: 0 14px 34px rgb(0 0 0 / 22%);
    animation: zc-admin-rise .55s ease .12s both;
}

.zc-admin-queue__head,
.zc-admin-board__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.zc-admin-queue__kicker,
.zc-admin-board__kicker {
    display: block;
    margin-bottom: .25rem;
    color: var(--zc-blue);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zc-admin-queue__head h3,
.zc-admin-board__head h3 {
    margin: 0;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--zc-ink);
}

.zc-admin-queue__head p,
.zc-admin-board__head p {
    margin: .3rem 0 0;
    max-width: 34rem;
    color: var(--zc-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.zc-admin-queue__meta {
    display: grid;
    justify-items: end;
    gap: .15rem;
    min-width: 7rem;
}

.zc-admin-queue__meta strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -.04em;
    color: var(--zc-ink);
    line-height: 1;
}

.zc-admin-queue__meta span {
    color: var(--zc-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-admin-queue__meta a,
.zc-admin-board__all {
    margin-top: .25rem;
    color: var(--zc-blue);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.zc-admin-queue__meta a:hover,
.zc-admin-board__all:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.zc-admin-queue__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .55rem;
}

.zc-admin-queue__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .85rem 1rem;
    align-items: center;
    padding: .85rem .95rem;
    border: 1px solid var(--zc-line);
    background: #0d1624;
    border-left: 3px solid rgb(61 107 255 / 45%);
    transition: border-color .15s ease, transform .15s ease;
}

.zc-admin-queue__item:hover {
    border-color: rgb(61 107 255 / 35%);
    transform: translateY(-1px);
}

.zc-admin-queue__item.is-urgent {
    border-left-color: #e11d48;
    background: linear-gradient(90deg, rgb(225 29 72 / 18%), #0d1624 40%);
}

.zc-admin-queue__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem .5rem;
    margin-bottom: .28rem;
}

.zc-admin-queue__title-row strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: .95rem;
    font-weight: 700;
    color: var(--zc-ink);
    letter-spacing: -.02em;
}

.zc-admin-queue__chip {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border: 1px solid rgb(11 61 255 / 14%);
    background: rgb(11 61 255 / 6%);
    color: var(--zc-blue);
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .02em;
}

.zc-admin-queue__chip--reason {
    border-color: rgb(246 173 33 / 35%);
    background: rgb(246 173 33 / 12%);
    color: #9a6700;
}

.zc-admin-queue__main p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    color: var(--zc-muted);
    font-size: .8rem;
    line-height: 1.4;
}

.zc-admin-queue__main .is-missing {
    color: #b42318;
    font-weight: 700;
}

.zc-admin-queue__side {
    display: grid;
    justify-items: end;
    gap: .45rem;
}

.zc-admin-queue__side em {
    font-style: normal;
    color: var(--zc-muted);
    font-size: .78rem;
    font-weight: 650;
    white-space: nowrap;
}

.zc-admin-queue__side a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    padding: .45rem .7rem;
    background: linear-gradient(135deg, var(--zc-blue), var(--zc-blue-bright));
    color: #fff !important;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgb(11 61 255 / 22%);
}

.zc-admin-queue__side a:hover {
    filter: brightness(1.05);
}

.zc-admin-queue__empty,
.zc-admin-board__empty {
    padding: 1.4rem 1rem;
    border: 1px dashed rgb(11 61 255 / 18%);
    background: rgb(11 61 255 / 3%);
    text-align: center;
}

.zc-admin-queue__empty strong,
.zc-admin-board__empty strong {
    display: block;
    margin-bottom: .25rem;
    color: var(--zc-ink);
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
}

.zc-admin-queue__empty p,
.zc-admin-board__empty p {
    margin: 0;
    color: var(--zc-muted);
    font-size: .84rem;
}

/* Board de lojas */
.zc-admin-board__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.zc-admin-board__table {
    width: 100%;
    min-width: 42rem;
    border-collapse: collapse;
}

.zc-admin-board__table th {
    padding: .55rem .7rem;
    border-bottom: 1px solid rgb(11 61 255 / 12%);
    color: var(--zc-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgb(11 61 255 / 3%);
}

.zc-admin-board__table td {
    padding: .85rem .7rem;
    border-bottom: 1px solid rgb(11 61 255 / 8%);
    vertical-align: middle;
    color: var(--zc-ink);
    font-size: .88rem;
}

.zc-admin-board__table tbody tr:hover td {
    background: rgb(11 61 255 / 3%);
}

.zc-admin-board__table tbody tr.is-warn td:first-child {
    box-shadow: inset 3px 0 0 #f6ad21;
}

.zc-admin-board__table td strong {
    display: block;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--zc-ink);
}

.zc-admin-board__table td > span {
    display: block;
    margin-top: .15rem;
    color: var(--zc-muted);
    font-size: .74rem;
}

.zc-admin-board__flags {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.zc-admin-board__flags span {
    display: inline-flex;
    padding: .18rem .45rem;
    border: 1px solid rgb(11 61 255 / 12%);
    font-size: .68rem;
    font-weight: 750;
}

.zc-admin-board__flags .is-on {
    background: rgb(15 122 76 / 10%);
    border-color: rgb(15 122 76 / 22%);
    color: #0f7a4c;
}

.zc-admin-board__flags .is-off {
    background: rgb(8 17 31 / 4%);
    color: var(--zc-muted);
}

.zc-admin-board__metric {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    letter-spacing: -.02em;
}

.zc-admin-board__metric.is-hot { color: #9a6700; }
.zc-admin-board__metric.is-ok { color: #0f7a4c; }
.zc-admin-board__metric.is-bad { color: #b42318; }

.zc-admin-board__actions {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    white-space: nowrap;
}

.zc-admin-board__actions a {
    display: inline-flex;
    align-items: center;
    padding: .4rem .65rem;
    border: 1px solid rgb(11 61 255 / 16%);
    color: var(--zc-blue);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.zc-admin-board__actions a.is-primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--zc-blue), var(--zc-blue-bright));
    color: #fff !important;
    box-shadow: 0 8px 16px rgb(11 61 255 / 18%);
}

.zc-admin-board__actions a:hover {
    filter: brightness(1.04);
}

@media (max-width: 720px) {
    .zc-admin-queue__item {
        grid-template-columns: 1fr;
        gap: .7rem;
    }

    .zc-admin-queue__side {
        justify-items: start;
        grid-template-columns: auto auto;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .zc-admin-queue__head,
    .zc-admin-board__head {
        align-items: start;
        flex-direction: column;
    }

    .zc-admin-queue__meta {
        justify-items: start;
    }
}

@keyframes zc-admin-hero-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes zc-admin-rise {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes zc-admin-orb {
    from { transform: translate(0, 0) scale(1); }
    to { transform: translate(-12px, 10px) scale(1.08); }
}

/* Dashboard / páginas: espaçamento e overflow */
.fi-main .fi-sc-grid {
    gap: 1.1rem !important;
}

.fi-wi-widget,
.fi-section-content-ctn,
.fi-section {
    min-width: 0;
}

.fi-wi-widget > .fi-section > .fi-section-header,
.fi-section > .fi-section-header {
    padding-bottom: .35rem;
}

.fi-ta-ctn {
    overflow: hidden;
}

.fi-ta-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.fi-ta-table {
    min-width: 36rem;
}

.fi-ta-header-toolbar,
.fi-ta-header-toolbar > * {
    flex-wrap: wrap;
    row-gap: .5rem;
}

.fi-pagination {
    flex-wrap: wrap;
    gap: .5rem;
}

@media (max-width: 1100px) {
    .zc-admin-actions__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .zc-admin-hero {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .zc-admin-hero__panel {
        width: 100%;
    }

    .fi-main {
        padding-inline: .75rem !important;
    }

    .fi-ta-table {
        min-width: 28rem;
    }

    .fi-ta-actions {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .zc-admin-actions__grid {
        grid-template-columns: 1fr;
    }

    .zc-admin-hero {
        padding: 1.15rem 1rem;
        border-radius: 1rem;
    }

    .zc-admin-actions__head {
        align-items: start;
        flex-direction: column;
    }
}

/* Relatórios da loja / Meu desempenho */
.zc-reports-page .fi-header {
    margin-bottom: .35rem;
}

.zc-reports-page .fi-header-subheading {
    max-width: 42rem;
    color: var(--zc-muted) !important;
}

.zc-reports-page .zc-rpt-filters {
    margin-bottom: .25rem;
}

.zc-rpt {
    display: grid;
    gap: 1.15rem;
    color: var(--zc-ink);
    font-size: .95rem;
    line-height: 1.45;
}

.zc-rpt * { box-sizing: border-box; }

.zc-rpt__empty {
    padding: 1.35rem 1.4rem;
    border: 1px dashed rgb(255 255 255 / 18%);
    background: #121c2c;
    color: var(--zc-muted);
}

.zc-rpt__empty strong {
    display: block;
    color: var(--zc-ink);
    font-size: 1rem;
}

.zc-rpt__empty p { margin: .4rem 0 0; font-size: .9rem; }

.zc-rpt__hero {
    margin: 0;
}

.zc-rpt__kicker {
    display: block;
    margin: 0 0 .3rem;
    color: var(--zc-blue-bright);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zc-rpt__chips {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zc-rpt__chip {
    display: inline-flex;
    align-items: baseline;
    gap: .4rem;
    padding: .45rem .75rem;
    border: 1px solid transparent;
    background: rgb(255 255 255 / 5%);
}

.zc-rpt__chip strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.03em;
}

.zc-rpt__chip span {
    font-size: .78rem;
    font-weight: 650;
}

.zc-rpt__chip--warn {
    color: #ffd27a;
    background: rgb(180 83 9 / 16%);
    border-color: rgb(245 158 11 / 32%);
}

.zc-rpt__chip--danger {
    color: #ff9b9b;
    background: rgb(185 28 28 / 16%);
    border-color: rgb(248 113 113 / 32%);
}

.zc-rpt__pills {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zc-rpt__pills li {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
    padding: .7rem .85rem;
    border: 1px solid var(--zc-line);
    background: #0d1624;
}

.zc-rpt__pills span {
    color: var(--zc-muted);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-rpt__pills strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    color: var(--zc-ink);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.03em;
}

.zc-rpt__pills .is-warn strong { color: #ffd27a; }
.zc-rpt__pills .is-danger strong { color: #ff9b9b; }

.zc-rpt__pills--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: .15rem;
}

.zc-rpt__split {
    display: grid;
    gap: 1.15rem;
}

.zc-rpt__panel {
    display: grid;
    gap: .9rem;
    min-width: 0;
    padding: 1.15rem 1.2rem 1.2rem;
    border: 1px solid var(--zc-line);
    background: linear-gradient(180deg, #152033 0%, #121c2c 100%);
    box-shadow: 0 14px 34px rgb(0 0 0 / 22%);
}

.zc-rpt__panel-head h3 {
    margin: 0;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    color: var(--zc-ink);
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.zc-rpt__panel-head--row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.zc-rpt__aside {
    text-align: right;
}

.zc-rpt__aside span {
    display: block;
    color: var(--zc-muted);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-rpt__aside strong {
    display: block;
    margin-top: .15rem;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    color: var(--zc-ink);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.03em;
}

.zc-rpt__muted {
    margin: 0;
    color: var(--zc-muted);
    font-size: .88rem;
}

.zc-rpt__bars {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zc-rpt__bars-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .28rem;
}

.zc-rpt__bars-meta span {
    color: var(--zc-muted);
    font-size: .84rem;
    font-weight: 650;
}

.zc-rpt__bars-meta strong {
    color: var(--zc-ink);
    font-size: .86rem;
    font-weight: 800;
}

.zc-rpt__bars-track {
    overflow: hidden;
    height: .42rem;
    background: rgb(255 255 255 / 08%);
}

.zc-rpt__bars-track > span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #1e3a8a, #3d6bff);
}

.zc-rpt__aging {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zc-rpt__aging-card {
    padding: .7rem .8rem;
    border: 1px solid var(--zc-line);
    background: #0d1624;
}

.zc-rpt__aging-card__top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
}

.zc-rpt__aging-card__top span {
    color: var(--zc-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-rpt__aging-card__top strong {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    color: var(--zc-ink);
    font-size: 1.15rem;
    font-weight: 700;
}

.zc-rpt__aging-card p {
    margin: .2rem 0 0;
    color: var(--zc-muted);
    font-size: .76rem;
}

.zc-rpt__aging-card--ok .zc-rpt__aging-card__top strong { color: #7dffa8; }
.zc-rpt__aging-card--warn .zc-rpt__aging-card__top strong { color: #ffd27a; }
.zc-rpt__aging-card--danger .zc-rpt__aging-card__top strong { color: #ff9b9b; }

.zc-rpt__aging-bar {
    display: flex;
    overflow: hidden;
    height: .5rem;
    background: rgb(255 255 255 / 08%);
}

.zc-rpt__aging-seg { display: block; min-width: 0; height: 100%; }
.zc-rpt__aging-seg--giro { background: #10b981; }
.zc-rpt__aging-seg--atencao { background: #f59e0b; }
.zc-rpt__aging-seg--critico { background: #ef4444; }

.zc-rpt__table-wrap {
    overflow: auto;
    border: 1px solid var(--zc-line);
    background: #0c1628;
}

.zc-rpt__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .86rem;
}

.zc-rpt__table th {
    position: sticky;
    top: 0;
    padding: .65rem .85rem;
    text-align: left;
    color: #9aadc4;
    background: #152033;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
}

.zc-rpt__table td {
    padding: .7rem .85rem;
    color: var(--zc-ink);
    border-top: 1px solid var(--zc-line);
    vertical-align: middle;
}

.zc-rpt__table tbody tr:hover td {
    background: rgb(255 255 255 / 04%);
}

.zc-rpt__rank {
    width: 2rem;
    color: var(--zc-muted) !important;
    font-weight: 800;
}

.zc-rpt__num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.zc-rpt__spark {
    width: 5.5rem;
    min-width: 4.5rem;
}

.zc-rpt__mini-bar {
    display: block;
    height: .38rem;
    background: rgb(255 255 255 / 08%);
    position: relative;
    overflow: hidden;
}

.zc-rpt__mini-bar::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--zc-fill, 0%);
    background: linear-gradient(90deg, #1e3a8a, #3d6bff);
}

.zc-rpt__badge {
    display: inline-flex;
    align-items: center;
    padding: .14rem .42rem;
    font-size: .72rem;
    font-weight: 800;
}

.zc-rpt__badge--danger {
    color: #fecaca;
    background: rgb(185 28 28 / 28%);
}
.zc-rpt__badge--ok {
    color: #7dffa8;
    background: rgb(16 185 129 / 16%);
}
.zc-rpt__table td small {
    display: block;
    margin-top: .12rem;
    color: var(--zc-muted);
    font-size: .68rem;
}
.zc-rpt__notice {
    margin: 0;
    padding: .8rem 1rem;
    border: 1px solid rgb(59 130 246 / 24%);
    border-radius: .85rem;
    color: #b9d5ff;
    background: rgb(59 130 246 / 10%);
    font-size: .8rem;
    line-height: 1.45;
}
.zc-rpt__table-wrap--daily { max-height: 28rem; }
.zc-rpt__table-wrap--daily thead { position: sticky; z-index: 2; top: 0; }

.zc-rpt__split > :only-child {
    grid-column: 1 / -1;
}

@media (min-width: 900px) {
    .zc-rpt__pills { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .zc-rpt__pills--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zc-rpt__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .zc-rpt__pills,
    .zc-rpt__pills--compact,
    .zc-rpt__aging {
        grid-template-columns: 1fr;
    }

    .zc-rpt__panel-head--row,
    .zc-rpt__aside {
        text-align: left;
    }

    .zc-rpt__panel-head--row {
        flex-direction: column;
    }
}

/* Alerta urgente do vendedor — precisa ser impossível de ignorar */
[x-cloak] { display: none !important; }

.zc-attn__overlay {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background:
        radial-gradient(ellipse at 50% 30%, rgb(225 29 72 / 28%), transparent 55%),
        rgb(4 8 16 / 78%);
    backdrop-filter: blur(8px);
    animation: zc-attn-dim .25s ease both;
}

.zc-attn__card {
    position: relative;
    overflow: hidden;
    width: min(32rem, 100%);
    padding: 1.6rem 1.5rem 1.25rem;
    border: 1px solid rgb(248 113 113 / 45%);
    background: linear-gradient(180deg, #2a1018 0%, #14080c 100%);
    box-shadow: 0 28px 64px rgb(225 29 72 / 28%), 0 0 0 1px rgb(255 255 255 / 6%);
    color: #fff;
    animation: zc-attn-pop .35s cubic-bezier(.2, 1.2, .3, 1);
}

.zc-attn__card--new {
    border-color: rgb(61 107 255 / 55%);
    background: linear-gradient(180deg, #10203a 0%, #0a1220 100%);
    box-shadow: 0 28px 64px rgb(11 61 255 / 32%);
}

.zc-attn__pulse {
    position: absolute;
    top: 1.15rem;
    right: 1.15rem;
    width: .85rem;
    height: .85rem;
    border-radius: 999px;
    background: #fb7185;
    box-shadow: 0 0 0 0 rgb(251 113 133 / 70%);
    animation: zc-attn-ping 1.15s ease-out infinite;
}

.zc-attn__card--new .zc-attn__pulse {
    background: #60a5fa;
    box-shadow: 0 0 0 0 rgb(96 165 250 / 70%);
}

.zc-attn__kicker {
    margin: 0 0 .45rem;
    color: #fb7185;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.zc-attn__card--new .zc-attn__kicker { color: #93c5fd; }

.zc-attn__card h2 {
    margin: 0;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.35rem, 3vw, 1.85rem);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.zc-attn__body {
    margin: .7rem 0 0;
    color: #f1c9ce;
    font-size: .95rem;
    line-height: 1.45;
}

.zc-attn__card--new .zc-attn__body { color: #c5d4ea; }

.zc-attn__meta {
    margin: .55rem 0 0;
    color: #9aadc4;
    font-size: .82rem;
    font-weight: 650;
}

.zc-attn__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.25rem;
}

.zc-attn__go,
.zc-attn__later {
    appearance: none;
    border: 0;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: .02em;
}

.zc-attn__go {
    flex: 1 1 12rem;
    padding: .9rem 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #e11d48, #fb7185);
    box-shadow: 0 12px 28px rgb(225 29 72 / 35%);
    font-size: 1rem;
}

.zc-attn__card--new .zc-attn__go {
    background: linear-gradient(135deg, #0b3dff, #3d6bff);
    box-shadow: 0 12px 28px rgb(11 61 255 / 35%);
}

.zc-attn__go:hover { filter: brightness(1.08); }

.zc-attn__later {
    padding: .9rem 1rem;
    color: #e8edf5;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 12%) !important;
    font-size: .9rem;
}

.zc-attn__hint {
    margin: .85rem 0 0;
    color: #7f93b3;
    font-size: .72rem;
}

.fi-no-notification {
    border-width: 1px !important;
}

.fi-no-notification.fi-status-danger,
.fi-no-notification.fi-color-danger {
    box-shadow: 0 16px 40px rgb(225 29 72 / 28%) !important;
}

@keyframes zc-attn-ping {
    0% { box-shadow: 0 0 0 0 rgb(251 113 133 / 65%); }
    70% { box-shadow: 0 0 0 12px rgb(251 113 133 / 0%); }
    100% { box-shadow: 0 0 0 0 rgb(251 113 133 / 0%); }
}

@keyframes zc-attn-pop {
    from { transform: translateY(12px) scale(.96); opacity: 0; }
    to { transform: none; opacity: 1; }
}

@keyframes zc-attn-dim {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 560px) {
    .zc-attn__actions { flex-direction: column; }
    .zc-attn__go,
    .zc-attn__later { width: 100%; }
}

/* Presença: cliente na mesa */
.zc-desk {
    position: relative;
    display: flex;
    align-items: center;
    margin-inline-end: .5rem;
}

.zc-desk__chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    max-width: 18rem;
    padding: .42rem .8rem;
    border: 1px solid rgb(96 165 250 / 45%);
    border-radius: 999px;
    background: rgb(61 107 255 / 22%);
    color: #e8f0ff;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    cursor: pointer;
}

.zc-desk__chip:hover { background: rgb(255 255 255 / 10%); }

.zc-desk__chip.is-on {
    border-color: rgb(52 211 153 / 45%);
    background: rgb(16 185 129 / 16%);
    color: #bbf7d0;
}

.zc-desk__chip.is-lunch {
    border-color: rgb(251 191 36 / 45%);
    background: rgb(251 191 36 / 14%);
    color: #fde68a;
}

.zc-desk__chip.is-off {
    border-color: rgb(255 255 255 / 18%);
    background: rgb(255 255 255 / 8%);
    color: #d7e3f4;
}

.zc-desk__chip.is-busy {
    border-color: rgb(251 191 36 / 45%);
    background: rgb(251 191 36 / 12%);
    color: #fde68a;
}

.zc-desk__dot {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: #fbbf24;
    box-shadow: 0 0 0 0 rgb(251 191 36 / 70%);
    animation: zc-attn-ping 1.4s ease-out infinite;
}

.zc-desk__label em {
    font-style: normal;
    font-weight: 600;
    opacity: .8;
}

.zc-desk__action {
    padding-inline-start: .45rem;
    border-inline-start: 1px solid rgb(251 191 36 / 30%);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #fff7d6;
}

.zc-desk__menu {
    position: absolute;
    top: calc(100% + .45rem);
    right: 0;
    z-index: 40;
    width: 16.5rem;
    padding: .85rem;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: .9rem;
    background: #121c2c;
    box-shadow: 0 18px 40px rgb(4 8 16 / 45%);
}

.zc-desk__menu p {
    margin: 0 0 .65rem;
    color: #9aadc4;
    font-size: .72rem;
    line-height: 1.4;
}

.zc-desk__times {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
}

.zc-desk__times button {
    padding: .4rem .5rem;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: .55rem;
    background: rgb(255 255 255 / 5%);
    color: #edf2f7;
    font-size: .72rem;
    font-weight: 700;
}

.zc-desk__times button:hover,
.zc-desk__times button.is-default {
    border-color: rgb(61 107 255 / 55%);
    background: rgb(61 107 255 / 18%);
}

.zc-desk__times button.is-end {
    grid-column: 1 / -1;
    border-color: rgb(248 113 113 / 40%);
    color: #fecaca;
}

@media (max-width: 720px) {
    .zc-desk__chip { max-width: 11rem; }
    .zc-desk__action { display: none; }
}

/* Saúde da IA */
.zc-ai-health-page .fi-header {
    margin-bottom: .35rem;
}

.zc-aih {
    display: grid;
    gap: 1.1rem;
    color: var(--zc-ink);
}

.zc-aih a { color: #93c5fd; font-weight: 700; text-decoration: none; }
.zc-aih a:hover { text-decoration: underline; text-underline-offset: 2px; }

.zc-aih__hero .zc-aih__flags {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .85rem 0 0;
    padding: 0;
    list-style: none;
}

.zc-aih__flag {
    padding: .28rem .6rem;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
    color: #dbe7f8;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.zc-aih__flag.is-ok { color: #bbf7d0; border-color: rgb(52 211 153 / 40%); background: rgb(16 185 129 / 16%); }
.zc-aih__flag.is-off { color: #fecaca; border-color: rgb(248 113 113 / 40%); background: rgb(239 68 68 / 14%); }

.zc-admin-hero__when em.is-ok { color: #7dffa8 !important; }
.zc-admin-hero__when em.is-warning { color: #ffd27a !important; }
.zc-admin-hero__when em.is-danger { color: #ff9b9b !important; }

.zc-aih__kicker {
    display: block;
    margin: 0 0 .35rem;
    color: #93c5fd;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.zc-aih__pills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zc-aih__pills li {
    padding: .8rem .9rem;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: .85rem;
    background: rgb(255 255 255 / 4%);
}

.zc-aih__pills span {
    display: block;
    color: var(--zc-muted);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-aih__pills strong {
    display: block;
    margin-top: .25rem;
    font-family: "Space Grotesk", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.03em;
}

.zc-aih__pills .is-warn strong { color: #fde68a; }
.zc-aih__pills .is-danger strong { color: #fca5a5; }

.zc-aih__alerts { display: grid; gap: .55rem; }

.zc-aih__alert {
    padding: .85rem 1rem;
    border-radius: .85rem;
    border: 1px solid transparent;
}

.zc-aih__alert strong { display: block; font-size: .9rem; }
.zc-aih__alert p { margin: .25rem 0 0; font-size: .84rem; opacity: .9; }
.zc-aih__alert.is-warn { color: #fde68a; background: rgb(180 83 9 / 16%); border-color: rgb(251 191 36 / 28%); }
.zc-aih__alert.is-danger { color: #fecaca; background: rgb(185 28 28 / 18%); border-color: rgb(248 113 113 / 32%); }

.zc-aih__card {
    display: grid;
    gap: .9rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 1rem;
    background: #121c2c;
}

.zc-aih__card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.zc-aih__card h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.zc-aih__card h4 {
    margin: .2rem 0 0;
    font-size: .82rem;
    font-weight: 800;
    color: #c5d4ea;
}

.zc-aih__aside {
    margin: 0;
    text-align: right;
    color: var(--zc-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.zc-aih__aside strong {
    display: block;
    margin-top: .15rem;
    color: var(--zc-ink);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -.03em;
    text-transform: none;
}

.zc-aih__empty { margin: 0; color: var(--zc-muted); font-size: .88rem; }

.zc-aih__split { display: grid; gap: 1.1rem; }

.zc-aih__table-wrap {
    overflow: auto;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: .75rem;
}

.zc-aih__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

.zc-aih__table th {
    padding: .65rem .8rem;
    text-align: left;
    color: #9aadc4;
    background: rgb(255 255 255 / 4%);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.zc-aih__table td {
    padding: .7rem .8rem;
    border-top: 1px solid rgb(255 255 255 / 8%);
    vertical-align: top;
}

.zc-aih__table tbody tr:hover td { background: rgb(255 255 255 / 3%); }

@media (min-width: 900px) {
    .zc-aih__pills { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .zc-aih__pills--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .zc-aih__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .zc-aih__card header,
    .zc-aih__aside { text-align: left; }
    .zc-aih__card header { flex-direction: column; }
}

/* Estoque / Veículos */
.zc-vehicles-page .fi-header {
    margin-bottom: .35rem;
}

.zc-vehicles-page .fi-header-subheading {
    max-width: 42rem;
}

.zc-veh-hero {
    margin: 0;
}

.zc-veh-hero__flags {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .85rem 0 0;
    padding: 0;
    list-style: none;
}

.zc-veh-hero__flag {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    padding: .28rem .6rem;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
    color: #dbe7f8;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.zc-veh-hero__flag strong {
    font-size: .78rem;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
}

.zc-veh-hero__flag.is-ok {
    color: #bbf7d0;
    border-color: rgb(52 211 153 / 40%);
    background: rgb(16 185 129 / 16%);
}

.zc-veh-hero__flag.is-ok strong { color: #bbf7d0; }

.zc-veh-hero__flag.is-warn {
    color: #fde68a;
    border-color: rgb(251 191 36 / 40%);
    background: rgb(180 83 9 / 18%);
}

.zc-veh-hero__flag.is-warn strong { color: #fde68a; }

.zc-veh-hero__flag.is-danger {
    color: #fecaca;
    border-color: rgb(248 113 113 / 40%);
    background: rgb(185 28 28 / 16%);
}

.zc-veh-hero__flag.is-danger strong { color: #fecaca; }

.zc-vehicles-page .fi-tabs,
.zc-vehicles-page .fi-sc-tabs > .fi-tabs {
    gap: .3rem;
    flex-wrap: wrap;
    padding: .35rem;
    border-radius: .9rem;
    background: rgb(255 255 255 / 04%);
    border: 1px solid var(--zc-line);
}

.zc-vehicles-page .fi-tabs-item {
    min-height: 2.45rem;
    border-radius: .7rem;
    padding-inline: .95rem;
    font-weight: 700;
    color: var(--zc-muted) !important;
}

.zc-vehicles-page .fi-tabs-item.fi-active {
    color: #fff !important;
    background: linear-gradient(135deg, #0b3dff, #3d6bff) !important;
    box-shadow: 0 6px 16px rgb(11 61 255 / 28%);
}

.zc-vehicles-page .fi-tabs-item.fi-active .fi-icon,
.zc-vehicles-page .fi-tabs-item.fi-active svg {
    color: #fff !important;
}

.zc-vehicles-page .zc-veh-thumb,
.zc-vehicles-page .fi-ta-image img {
    object-fit: cover;
    border-radius: .55rem;
    background: #0d1624;
}

/* Primary actions follow the lime-and-cyan identity used by the public site. */
.fi-btn-primary,
.fi-btn-color-primary {
    --text: #111a12 !important;
    --hover-text: #111a12 !important;
    color: #111a12 !important;
    background: linear-gradient(135deg, #d9f46b, #bce64b) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgb(190 230 75 / 18%) !important;
}

.fi-btn-primary .fi-btn-label,
.fi-btn-primary .fi-icon,
.fi-btn-primary svg,
.fi-btn-color-primary .fi-btn-label,
.fi-btn-color-primary .fi-icon,
.fi-btn-color-primary svg {
    color: #111a12 !important;
    fill: currentColor;
    stroke: currentColor;
}

.zc-admin-board__actions a.is-primary,
.zc-admin-queue__side a,
.zc-attn__card--new .zc-attn__go {
    color: #111a12 !important;
    background: linear-gradient(135deg, #d9f46b, #bce64b) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgb(190 230 75 / 18%) !important;
}

.zc-vehicles-page .fi-tabs-item.fi-active,
.fi-resource-edit-record-page .fi-tabs-item.fi-active {
    color: #111a12 !important;
    background: linear-gradient(135deg, #d9f46b, #bce64b) !important;
    box-shadow: 0 6px 16px rgb(190 230 75 / 16%) !important;
}

.zc-vehicles-page .fi-tabs-item.fi-active .fi-icon,
.zc-vehicles-page .fi-tabs-item.fi-active svg,
.fi-resource-edit-record-page .fi-tabs-item.fi-active .fi-icon,
.fi-resource-edit-record-page .fi-tabs-item.fi-active svg {
    color: #111a12 !important;
}

.zc-brand-symbol {
    border: 1px solid rgb(217 244 107 / 22%);
    box-shadow: 0 8px 20px rgb(217 244 107 / 13%);
}