/* Tracking Controller — unified list & workflow page shell */

.page-manager-tc-list {
    display: grid;
    gap: 1rem;
}

.page-manager-tc-list .mgr-contract-hero.mgr-tc-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.25rem;
    flex-wrap: wrap;
    padding: 1.35rem 1.5rem;
    border: 1px solid color-mix(in srgb, var(--vs-accent) 22%, var(--vs-border));
    border-radius: 1.1rem;
    box-shadow: var(--vs-shadow);
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 10%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 7%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--enroute {
    border-color: color-mix(in srgb, var(--vs-success) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-success) 10%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-success) 7%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--parked {
    border-color: color-mix(in srgb, var(--vs-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--completion {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 10%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 7%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--config {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
}

.page-manager-tc-list .mgr-tc-hero--breakdown {
    border-color: color-mix(in srgb, var(--vs-danger) 22%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-danger) 10%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-danger) 6%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--client-place {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--jointech-supervision {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card)), color-mix(in srgb, var(--vs-warning) 3%, var(--vs-bg-card)));
}

.page-manager-tc-list .mgr-tc-hero__intro {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.page-manager-tc-list .mgr-tc-hero__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--vs-accent) 14%, var(--vs-bg-muted));
    color: var(--vs-accent);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.page-manager-tc-list .mgr-tc-hero--enroute .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-success) 14%, var(--vs-bg-muted));
    color: var(--vs-success);
}

.page-manager-tc-list .mgr-tc-hero--parked .mgr-tc-hero__icon {
    background: transparent;
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-hero--completion .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 14%, var(--vs-bg-muted));
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-hero--breakdown .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-danger) 14%, var(--vs-bg-muted));
    color: var(--vs-danger);
}

.page-manager-tc-list .mgr-tc-hero--client-place .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-hero--status-report {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-success) 6%, var(--vs-bg-card)), color-mix(in srgb, var(--vs-accent) 5%, var(--vs-bg-card)));
}

.page-manager-tc-list .mgr-tc-hero--status-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-hero--pod-report {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card)), color-mix(in srgb, var(--vs-warning) 3%, var(--vs-bg-card)));
}

.page-manager-tc-list .mgr-tc-hero--pod-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
    color: var(--vs-accent);
    font-size: 0.68rem;
    letter-spacing: 0.03em;
}

.page-manager-tc-list .mgr-tc-hero--delivered-report {
    border-color: color-mix(in srgb, var(--vs-success) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-success) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-success) 8%, var(--vs-bg-card)), color-mix(in srgb, var(--vs-success) 4%, var(--vs-bg-card)));
}

.page-manager-tc-list .mgr-tc-hero--delivered-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-success) 16%, var(--vs-bg-muted));
    color: var(--vs-success);
}

.page-manager-tc-list .mgr-tc-hero--breakdown-report {
    border-color: color-mix(in srgb, var(--vs-danger) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-danger) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-danger) 6%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--parked-report {
    border-color: color-mix(in srgb, var(--vs-warning) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-warning) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-warning) 8%, var(--vs-bg-card)), color-mix(in srgb, var(--vs-warning) 4%, var(--vs-bg-card)));
}

.page-manager-tc-list .mgr-tc-hero--parked-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-warning) 16%, var(--vs-bg-muted));
    color: var(--vs-warning);
}

.page-manager-tc-list .mgr-tc-hero--breakdown-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-danger) 16%, var(--vs-bg-muted));
    color: var(--vs-danger);
}

.page-manager-tc-list .mgr-tc-hero--po-report {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 12%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 6%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-tc-list .mgr-tc-hero--po-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-hero--trip-changes-report {
    border-color: color-mix(in srgb, var(--vs-accent) 24%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--vs-accent) 14%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--vs-accent) 9%, var(--vs-bg-card)), color-mix(in srgb, #6366f1 4%, var(--vs-bg-card)));
}

.page-manager-tc-list .mgr-tc-hero--trip-changes-report .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
    color: var(--vs-accent);
    font-size: 0.68rem;
    letter-spacing: 0.04em;
}

.page-manager-tc-list .mgr-tc-hero--jointech-supervision .mgr-tc-hero__icon {
    background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-hero__stats {
    margin-top: 0.85rem;
}

.page-manager-tc-list .mgr-tc-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.page-manager-tc-list .mgr-tc-panel__toolbar {
    flex-wrap: wrap;
    gap: 0.85rem 1rem;
}

.page-manager-tc-list .mgr-tc-empty {
    padding: 2.25rem 1.5rem;
    text-align: center;
}

.page-manager-tc-list .mgr-tc-empty h3 {
    margin: 0.65rem 0 0.35rem;
}

.page-manager-tc-list .mgr-tc-empty p {
    margin: 0 0 1rem;
    max-width: 34rem;
    margin-inline: auto;
    color: var(--vs-text-muted);
    line-height: 1.55;
}

.page-manager-tc-list .mgr-reports-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 1rem;
    padding: 0.95rem 1.25rem;
    margin-top: 0;
    border-top: 1px solid var(--vs-border);
    background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-manager-tc-list .mgr-reports-pagination__btn {
    padding: 0.45rem 0.95rem;
    border: 1px solid var(--vs-border);
    border-radius: 999px;
    background: var(--vs-bg-card);
    color: var(--vs-text);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.page-manager-tc-list .mgr-reports-pagination__btn:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--vs-accent) 40%, var(--vs-border));
    background: color-mix(in srgb, var(--vs-accent) 6%, var(--vs-bg-card));
}

.page-manager-tc-list .mgr-reports-pagination__btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.page-manager-tc-list .mgr-reports-pagination__status {
    font-size: 0.86rem;
    color: var(--vs-text-muted);
}

.page-manager-tc-list .mgr-contracts-table--enhanced tbody tr.is-clickable:hover .mgr-po-trip-id {
    color: var(--vs-accent);
}

.page-manager-tc-list .mgr-tc-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    padding: 1rem 1.25rem 0;
}

.page-manager-tc-list .mgr-tc-summary-card {
    padding: 0.85rem 1rem;
    border: 1px solid var(--vs-border);
    border-radius: 0.85rem;
    background: var(--vs-bg-secondary);
}

.page-manager-tc-list .mgr-tc-summary-card dt {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--vs-text-muted);
}

.page-manager-tc-list .mgr-tc-summary-card dd {
    margin: 0.25rem 0 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--vs-text);
}

.page-manager-tc-list .mgr-tc-form-panel {
    padding: 1rem 1.25rem 1.25rem;
    border-top: 1px solid var(--vs-border);
}

.page-manager-tc-list .mgr-tc-form-panel__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .page-manager-tc-list .mgr-tc-hero__actions {
        width: 100%;
        justify-content: flex-start;
    }
}

/* Transporter register (orange dispatch theme) */

.page-tc-transporters {
    --tc-transporter-accent: var(--vs-accent);
}

.page-tc-transporters .mgr-tc-hero--transporters {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--tc-transporter-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-transporter-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-transporter-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.tc-transporters-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-transporter-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-tc-transporters .mgr-tc-hero--transporters .mgr-tc-hero__icon,
.page-tc-transporters .tc-transporters-hero__icon {
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tc-transporter-accent) 88%, #fff),
            color-mix(in srgb, var(--tc-transporter-accent) 58%, #000));
    color: #fff;
    box-shadow: 0 0.35rem 0.9rem color-mix(in srgb, var(--tc-transporter-accent) 24%, transparent);
}

.tc-transporters-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-transporter-accent);
}

.tc-transporters-hero__stats .mgr-contracts-hero__stat strong {
    color: var(--tc-transporter-accent);
}

.tc-transporters-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.tc-transporters-panel {
    border-color: color-mix(in srgb, var(--tc-transporter-accent) 18%, var(--vs-border));
}

.tc-transporters-panel__intro {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.25rem 0;
}

.tc-transporters-panel__eyebrow {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-transporter-accent);
}

.tc-transporters-panel__intro h3 {
    margin: 0;
    font-size: 1.05rem;
    color: var(--vs-text);
}

.tc-transporters-panel__copy {
    margin: 0;
    max-width: 42rem;
    color: var(--vs-text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.tc-transporters-panel__toolbar {
    padding-top: 1rem;
}

.tc-transporters-search .vs-input:focus {
    border-color: color-mix(in srgb, var(--tc-transporter-accent) 45%, var(--vs-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tc-transporter-accent) 14%, transparent);
}

.tc-transporters-loading {
    min-height: 14rem;
}

.tc-transporters-empty__icon {
    background: color-mix(in srgb, var(--tc-transporter-accent) 12%, var(--vs-surface));
    color: var(--tc-transporter-accent);
}

.tc-transporters-table-wrap {
    margin-top: 0.25rem;
}

.tc-transporters-table thead th {
    background: color-mix(in srgb, var(--tc-transporter-accent) 6%, var(--vs-surface));
}

.tc-transporters-row:hover {
    background: color-mix(in srgb, var(--tc-transporter-accent) 4%, var(--vs-surface));
}

.tc-transporters-identity {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 12rem;
}

.tc-transporters-identity__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--tc-transporter-accent) 14%, var(--vs-surface));
    color: var(--tc-transporter-accent);
    font-size: 0.82rem;
    font-weight: 800;
}

.tc-transporters-identity__copy {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.tc-transporters-identity__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--vs-text);
}

.tc-transporters-identity__meta {
    font-size: 0.72rem;
    color: var(--vs-text-muted);
}

.tc-transporters-contact-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tc-transporter-accent) 18%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-transporter-accent) 6%, var(--vs-surface));
    font-size: 0.84rem;
    color: var(--vs-text);
}

.tc-transporters-link {
    color: var(--tc-transporter-accent);
    font-weight: 600;
    text-decoration: none;
}

.tc-transporters-link:hover {
    text-decoration: underline;
}

.tc-transporters-address {
    display: block;
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--vs-text-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.tc-transporters-status-pill {
    white-space: nowrap;
}

.tc-transporters-pagination .mgr-reports-pagination__btn:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--tc-transporter-accent) 40%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-transporter-accent) 6%, var(--vs-bg-card));
}

@media (max-width: 1100px) {
    .tc-transporters-table-wrap {
        overflow-x: auto;
    }
}

@media (max-width: 768px) {
    .tc-transporters-panel__toolbar .vs-btn {
        width: 100%;
    }

    .tc-transporters-identity {
        min-width: 10rem;
    }
}

/* JoinTech devices configuration (orange dispatch theme) */

.page-manager-join-tech-devices {
    --tc-join-tech-accent: var(--vs-accent);
    gap: 1.35rem;
}

.page-manager-join-tech-devices .mgr-tc-hero--jointech {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--tc-join-tech-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-join-tech-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-join-tech-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.tc-join-tech-devices-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-join-tech-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-join-tech-devices .mgr-tc-hero--jointech .mgr-tc-hero__icon,
.page-manager-join-tech-devices .tc-join-tech-devices-hero__icon {
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tc-join-tech-accent) 88%, #fff),
            color-mix(in srgb, var(--tc-join-tech-accent) 58%, #000));
    color: #fff;
    box-shadow: 0 0.35rem 0.9rem color-mix(in srgb, var(--tc-join-tech-accent) 24%, transparent);
}

.tc-join-tech-devices-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-join-tech-accent);
}

.tc-join-tech-devices-hero__stats .mgr-contracts-hero__stat strong {
    color: var(--tc-join-tech-accent);
}

.tc-join-tech-devices-panel {
    border-color: color-mix(in srgb, var(--tc-join-tech-accent) 18%, var(--vs-border));
}

.tc-join-tech-devices-panel__intro {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.25rem 0;
}

.tc-join-tech-devices-panel__eyebrow {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-join-tech-accent);
}

.tc-join-tech-devices-panel__intro h3 {
    margin: 0;
    font-size: 1.05rem;
    color: var(--vs-text);
}

.tc-join-tech-devices-panel__copy {
    margin: 0;
    max-width: 42rem;
    color: var(--vs-text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.tc-join-tech-devices-panel__toolbar {
    padding-top: 1rem;
}

.page-manager-join-tech-devices .mgr-trips-panel__count {
    margin-left: auto;
}

.tc-join-tech-devices-search .vs-input:focus {
    border-color: color-mix(in srgb, var(--tc-join-tech-accent) 45%, var(--vs-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tc-join-tech-accent) 14%, transparent);
}

.tc-join-tech-devices-empty__icon {
    background: color-mix(in srgb, var(--tc-join-tech-accent) 12%, var(--vs-surface));
    color: var(--tc-join-tech-accent);
}

.tc-join-tech-devices-table-wrap {
    margin-top: 0.25rem;
}

.tc-join-tech-devices-table thead th {
    background: color-mix(in srgb, var(--tc-join-tech-accent) 6%, var(--vs-surface));
}

.tc-join-tech-devices-row:hover {
    background: color-mix(in srgb, var(--tc-join-tech-accent) 4%, var(--vs-surface));
}

.tc-join-tech-devices-identity {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 12rem;
}

.tc-join-tech-devices-identity__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--tc-join-tech-accent) 14%, var(--vs-surface));
    color: var(--tc-join-tech-accent);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.tc-join-tech-devices-identity__copy {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.tc-join-tech-devices-identity__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--vs-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.86rem;
}

.tc-join-tech-devices-identity__meta {
    font-size: 0.72rem;
    color: var(--vs-text-muted);
}

.tc-join-tech-devices-type-chip,
.tc-join-tech-devices-sim-chip,
.tc-join-tech-devices-company-chip {
    display: inline-flex;
    align-items: center;
    max-width: 14rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tc-join-tech-accent) 18%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-join-tech-accent) 6%, var(--vs-surface));
    font-size: 0.84rem;
    color: var(--vs-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tc-join-tech-devices-sim-chip {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8rem;
}

.tc-join-tech-devices-type-chip {
    font-weight: 700;
    color: var(--tc-join-tech-accent);
}

.tc-join-tech-devices-description {
    display: block;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--vs-text-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.tc-join-tech-devices-date-cell {
    white-space: nowrap;
}

.tc-join-tech-devices-date {
    display: grid;
    gap: 0.08rem;
}

.tc-join-tech-devices-date__day {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--vs-text);
}

.tc-join-tech-devices-date__time {
    font-size: 0.72rem;
    color: var(--vs-text-muted);
}

.tc-join-tech-devices-table__action-col {
    width: 5.25rem;
    text-align: right;
}

.tc-join-tech-devices-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    padding: 0.22rem 0.55rem;
    border-radius: 0.45rem;
    border: 1px solid color-mix(in srgb, var(--tc-join-tech-accent) 22%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-join-tech-accent) 7%, var(--vs-surface));
    color: var(--tc-join-tech-accent);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    opacity: 0.78;
    transition: opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.tc-join-tech-devices-row:hover .tc-join-tech-devices-identity__name,
.tc-join-tech-devices-row.is-clickable:hover .tc-join-tech-devices-identity__name {
    color: var(--tc-join-tech-accent);
}

.tc-join-tech-devices-row.is-clickable:hover .tc-join-tech-devices-row-action {
    opacity: 1;
    border-color: color-mix(in srgb, var(--tc-join-tech-accent) 40%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-join-tech-accent) 12%, var(--vs-surface));
}

.tc-join-tech-devices-pagination .mgr-reports-pagination__btn:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--tc-join-tech-accent) 40%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-join-tech-accent) 6%, var(--vs-bg-card));
}

@media (max-width: 1100px) {
    .tc-join-tech-devices-table-wrap {
        overflow-x: auto;
    }

    .tc-join-tech-devices-identity {
        min-width: 10rem;
    }
}

/* Transporter drivers register (orange dispatch theme) */

.page-tc-transporters-drivers {
    --tc-transporter-accent: var(--vs-accent);
}

.page-tc-transporters-drivers .mgr-tc-hero--drivers .tc-transporters-hero__glow {
    background: color-mix(in srgb, var(--tc-transporter-accent) 22%, transparent);
}

.tc-transporters-hero__link {
    text-decoration: none;
}

.tc-transporters-drivers__insights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 0 1.25rem 0.25rem;
}

.tc-transporters-drivers__insight {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem 0.95rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tc-transporter-accent) 16%, var(--vs-border));
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tc-transporter-accent) 7%, var(--vs-surface)),
            var(--vs-surface));
}

.tc-transporters-drivers__insight-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--tc-transporter-accent) 14%, var(--vs-surface));
    color: var(--tc-transporter-accent);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.tc-transporters-drivers__insight strong {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.88rem;
    color: var(--vs-text);
}

.tc-transporters-drivers__insight p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--vs-text-muted);
}

.tc-transporters-drivers__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.35rem 1.25rem 0.85rem;
}

.tc-transporters-drivers__summary-card {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.8rem;
    border: 1px solid color-mix(in srgb, var(--tc-transporter-accent) 14%, var(--vs-border));
    background: var(--vs-surface);
}

.tc-transporters-drivers__summary-card--accent {
    border-color: color-mix(in srgb, var(--tc-transporter-accent) 28%, var(--vs-border));
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tc-transporter-accent) 10%, var(--vs-surface)),
            var(--vs-surface));
}

.tc-transporters-drivers__summary-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--vs-text-muted);
}

.tc-transporters-drivers__summary-value {
    font-size: 1.35rem;
    line-height: 1.1;
    color: var(--tc-transporter-accent);
}

.tc-transporters-drivers-identity__avatar {
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tc-transporter-accent) 82%, #fff),
            color-mix(in srgb, var(--tc-transporter-accent) 52%, #000));
    color: #fff;
    box-shadow: 0 0.25rem 0.65rem color-mix(in srgb, var(--tc-transporter-accent) 22%, transparent);
}

.tc-transporters-drivers-phone {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.tc-transporters-drivers-phone__channel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 1.85rem;
    padding: 0.12rem 0.35rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tc-transporter-accent) 20%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-transporter-accent) 8%, var(--vs-surface));
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--tc-transporter-accent);
}

.tc-transporters-drivers-phone__link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tc-transporters-drivers-phone--empty {
    color: var(--vs-text-muted);
}

.tc-transporters-drivers-kin {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.tc-transporters-drivers-kin__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-transporter-accent) 12%, var(--vs-surface));
    color: var(--tc-transporter-accent);
    font-size: 0.58rem;
    font-weight: 800;
}

.tc-transporters-drivers-kin--empty {
    font-size: 0.84rem;
    color: var(--vs-text-muted);
    font-style: italic;
}

.tc-transporters-drivers-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tc-transporters-drivers-actions__edit:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--tc-transporter-accent) 40%, var(--vs-border));
    color: var(--tc-transporter-accent);
}

.tc-transporters-drivers-empty {
    margin-top: 0.5rem;
}

.tc-transporters-drivers-empty .tc-transporters-empty__icon {
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tc-transporter-accent) 16%, var(--vs-surface)),
            color-mix(in srgb, var(--tc-transporter-accent) 8%, var(--vs-surface)));
}

.tc-transporters-drivers-table thead th:last-child,
.tc-transporters-drivers-row td:last-child {
    width: 9.5rem;
}

@media (max-width: 1100px) {
    .tc-transporters-drivers__insights {
        grid-template-columns: 1fr;
    }

    .tc-transporters-drivers__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .tc-transporters-drivers__summary {
        grid-template-columns: 1fr;
    }

    .tc-transporters-hero__actions .tc-transporters-hero__link,
    .tc-transporters-hero__actions .vs-btn-primary {
        width: 100%;
    }
}

/* Tracking controller trip detail heroes — orange dispatch theme */
.page-tc-dispatch-detail {
    --tc-dispatch-detail-accent: var(--vs-accent);
}

.page-tc-dispatch-detail .tc-dispatch-detail-hero {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--tc-dispatch-detail-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-dispatch-detail-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-dispatch-detail-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.06),
        0 0 0 1px color-mix(in srgb, var(--vs-border) 75%, transparent);
}

.page-tc-dispatch-detail .tc-dispatch-detail-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-dispatch-detail-accent),
        color-mix(in srgb, var(--tc-dispatch-detail-accent) 65%, #000));
}

.page-tc-dispatch-detail .tc-dispatch-detail-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-dispatch-detail-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-tc-dispatch-detail .tc-dispatch-detail-hero__badge {
    background: transparent;
    color: var(--tc-dispatch-detail-accent);
    border: none;
    box-shadow: none;
}

.page-tc-dispatch-detail .tc-dispatch-detail-hero__eyebrow {
    color: var(--tc-dispatch-detail-accent);
    font-weight: 800;
}

.page-tc-dispatch-detail .tc-dispatch-detail-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-dispatch-detail-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-dispatch-detail-accent) 12%, var(--vs-surface));
    color: var(--tc-dispatch-detail-accent);
}

.page-tc-dispatch-detail .mgr-trip-detail-stat--accent .mgr-detail-stat__value {
    color: var(--tc-dispatch-detail-accent);
}

.page-tc-dispatch-detail .mgr-detail-hero__main,
.page-tc-dispatch-detail .tc-dispatch-detail-hero__actions,
.page-tc-dispatch-detail .mgr-detail-stats {
    position: relative;
    z-index: 1;
}

.page-tc-truck-status-detail--parked .tc-dispatch-detail-hero {
    gap: 0.7rem;
    padding: 0.85rem 1.25rem 0.95rem;
}

.page-tc-truck-status-detail--parked .mgr-detail-hero__badge {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    font-size: 0.72rem;
}

.page-tc-truck-status-detail--parked .mgr-detail-hero__title-row {
    margin-top: 0.15rem;
    gap: 0.45rem;
}

.page-tc-truck-status-detail--parked .mgr-detail-hero__route {
    margin-top: 0.25rem;
    line-height: 1.35;
}

.page-tc-truck-status-detail--parked .mgr-trip-detail-actions {
    margin-top: 0;
    gap: 0.5rem;
}

.page-tc-truck-status-detail--parked .mgr-detail-stats {
    gap: 0.5rem;
}

.page-tc-truck-status-detail--parked .mgr-detail-stat {
    padding: 0.5rem 0.75rem;
}

.page-tc-truck-status-detail--parked .mgr-detail-stat__label {
    margin-bottom: 0.15rem;
}

.page-tc-truck-status-detail--parked .tc-dispatch-detail-hero__glow {
    width: 8rem;
    height: 8rem;
}

/* Parked truck updates list — orange dispatch hero */
.page-manager-parked-truck-updates {
    --tc-parked-accent: var(--vs-accent);
}

.page-manager-parked-truck-updates .tc-parked-truck-updates-hero {
    position: relative;
    overflow: hidden;
}

.page-manager-parked-truck-updates .tc-parked-truck-updates-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-parked-accent),
        color-mix(in srgb, var(--tc-parked-accent) 65%, #000));
}

.tc-parked-truck-updates-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-parked-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-parked-truck-updates .tc-parked-truck-updates-hero__icon {
    background: transparent;
    color: var(--tc-parked-accent);
    border: none;
    box-shadow: none;
}

.tc-parked-truck-updates-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-parked-accent);
}

.page-manager-parked-truck-updates .tc-parked-truck-updates-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-parked-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-parked-accent) 12%, var(--vs-surface));
    color: var(--tc-parked-accent);
}

.page-manager-parked-truck-updates .tc-parked-truck-updates-hero__stats .mgr-contracts-hero__stat strong,
.page-manager-parked-truck-updates .mgr-parked-truck-updates-hero__stat--active strong {
    color: var(--tc-parked-accent);
}

.page-manager-parked-truck-updates .mgr-parked-truck-updates-hero__stat--active {
    border-color: color-mix(in srgb, var(--tc-parked-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-parked-accent) 10%, var(--vs-surface));
    color: var(--tc-parked-accent);
}

.page-manager-parked-truck-updates .mgr-trips-hero__copy,
.page-manager-parked-truck-updates .tc-parked-truck-updates-hero__actions {
    position: relative;
    z-index: 1;
}

/* Enroute + client-place trip update lists — orange dispatch hero */
.page-manager-enroute-truck-updates,
.page-manager-client-specific-trip-updates {
    --tc-enroute-accent: var(--vs-accent);
}

.page-manager-enroute-truck-updates.page-manager-tc-list .mgr-tc-hero--enroute,
.page-manager-client-specific-trip-updates.page-manager-tc-list .mgr-tc-hero--enroute {
    border-color: color-mix(in srgb, var(--tc-enroute-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-enroute-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-enroute-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-enroute-truck-updates .tc-enroute-truck-updates-hero,
.page-manager-client-specific-trip-updates .tc-enroute-truck-updates-hero {
    position: relative;
    overflow: hidden;
}

.page-manager-enroute-truck-updates .tc-enroute-truck-updates-hero::before,
.page-manager-client-specific-trip-updates .tc-enroute-truck-updates-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-enroute-accent),
        color-mix(in srgb, var(--tc-enroute-accent) 65%, #000));
}

.tc-enroute-truck-updates-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-enroute-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-enroute-truck-updates .mgr-tc-hero--enroute .mgr-tc-hero__icon,
.page-manager-enroute-truck-updates .tc-enroute-truck-updates-hero__icon,
.page-manager-client-specific-trip-updates .mgr-tc-hero--enroute .mgr-tc-hero__icon,
.page-manager-client-specific-trip-updates .tc-enroute-truck-updates-hero__icon {
    background: transparent;
    color: var(--tc-enroute-accent);
    border: none;
    box-shadow: none;
}

.tc-enroute-truck-updates-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-enroute-accent);
}

.page-manager-enroute-truck-updates .tc-enroute-truck-updates-hero__status,
.page-manager-client-specific-trip-updates .tc-enroute-truck-updates-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-enroute-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-enroute-accent) 12%, var(--vs-surface));
    color: var(--tc-enroute-accent);
}

.page-manager-enroute-truck-updates .tc-enroute-truck-updates-hero__stats .mgr-contracts-hero__stat--running,
.page-manager-client-specific-trip-updates .tc-enroute-truck-updates-hero__stats .mgr-contracts-hero__stat--running {
    border-color: color-mix(in srgb, var(--tc-enroute-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-enroute-accent) 10%, var(--vs-surface));
    color: var(--tc-enroute-accent);
}

.page-manager-enroute-truck-updates .tc-enroute-truck-updates-hero__stats .mgr-contracts-hero__stat strong,
.page-manager-client-specific-trip-updates .tc-enroute-truck-updates-hero__stats .mgr-contracts-hero__stat strong {
    color: var(--tc-enroute-accent);
}

.page-manager-enroute-truck-updates .mgr-trips-hero__copy,
.page-manager-client-specific-trip-updates .mgr-trips-hero__copy {
    position: relative;
    z-index: 1;
}

/* Trips pending POD list — orange dispatch hero */
.page-manager-trips-pending-pods {
    --tc-pending-pod-accent: var(--vs-accent);
}

.page-manager-trips-pending-pods .tc-trips-pending-pods-hero {
    position: relative;
    overflow: hidden;
}

.page-manager-trips-pending-pods .tc-trips-pending-pods-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-pending-pod-accent),
        color-mix(in srgb, var(--tc-pending-pod-accent) 65%, #000));
}

.tc-trips-pending-pods-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-pending-pod-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-trips-pending-pods .mgr-tc-hero--completion .mgr-tc-hero__icon,
.page-manager-trips-pending-pods .tc-trips-pending-pods-hero__icon {
    background: transparent;
    color: var(--tc-pending-pod-accent);
    border: none;
    box-shadow: none;
}

.tc-trips-pending-pods-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-pending-pod-accent);
}

.page-manager-trips-pending-pods .tc-trips-pending-pods-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-pending-pod-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-pending-pod-accent) 12%, var(--vs-surface));
    color: var(--tc-pending-pod-accent);
}

.page-manager-trips-pending-pods .tc-trips-pending-pods-hero__stat--pending {
    border-color: color-mix(in srgb, var(--tc-pending-pod-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-pending-pod-accent) 10%, var(--vs-surface));
    color: var(--tc-pending-pod-accent);
}

.page-manager-trips-pending-pods .tc-trips-pending-pods-hero__stats .mgr-contracts-hero__stat strong {
    color: var(--tc-pending-pod-accent);
}

.page-manager-trips-pending-pods .mgr-trips-hero__copy {
    position: relative;
    z-index: 1;
}

/* Trips pending trip completion list — orange dispatch hero */
.page-manager-trips-pending-completion {
    --tc-pending-completion-accent: var(--vs-accent);
}

.page-manager-trips-pending-completion .tc-trips-pending-completion-hero {
    position: relative;
    overflow: hidden;
}

.page-manager-trips-pending-completion .tc-trips-pending-completion-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-pending-completion-accent),
        color-mix(in srgb, var(--tc-pending-completion-accent) 65%, #000));
}

.tc-trips-pending-completion-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-pending-completion-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-trips-pending-completion .mgr-tc-hero--completion .mgr-tc-hero__icon,
.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__icon {
    background: transparent;
    color: var(--tc-pending-completion-accent);
    border: none;
    box-shadow: none;
}

.tc-trips-pending-completion-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-pending-completion-accent);
}

.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-pending-completion-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-pending-completion-accent) 12%, var(--vs-surface));
    color: var(--tc-pending-completion-accent);
}

.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__stat--pending {
    border-color: color-mix(in srgb, var(--tc-pending-completion-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-pending-completion-accent) 10%, var(--vs-surface));
    color: var(--tc-pending-completion-accent);
}

.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__stats .mgr-contracts-hero__stat strong,
.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__stat--pending strong {
    color: var(--tc-pending-completion-accent);
}

.page-manager-trips-pending-completion .mgr-trips-hero__copy,
.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__actions {
    position: relative;
    z-index: 1;
}

.page-manager-trip-completion-detail.page-manager-trips-pending-completion .mgr-trip-completion-detail__hero {
    margin-bottom: 1rem;
}

.page-manager-trip-completion-detail.page-manager-trips-pending-completion .tc-trips-pending-completion-hero__stats {
    flex-wrap: wrap;
}

/* JoinTech failed supervision list — orange dispatch hero */
.page-manager-join-tech-failed-supervision {
    --tc-join-tech-failed-supervision-accent: var(--vs-accent);
}

.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero {
    position: relative;
    overflow: hidden;
}

.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-join-tech-failed-supervision-accent),
        color-mix(in srgb, var(--tc-join-tech-failed-supervision-accent) 65%, #000));
}

.tc-join-tech-failed-supervision-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-join-tech-failed-supervision-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-join-tech-failed-supervision .mgr-tc-hero--jointech-supervision .mgr-tc-hero__icon,
.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero__icon {
    background: transparent;
    color: var(--tc-join-tech-failed-supervision-accent);
    border: none;
    box-shadow: none;
}

.tc-join-tech-failed-supervision-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-join-tech-failed-supervision-accent);
}

.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-join-tech-failed-supervision-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-join-tech-failed-supervision-accent) 12%, var(--vs-surface));
    color: var(--tc-join-tech-failed-supervision-accent);
}

.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero__stat--pending {
    border-color: color-mix(in srgb, var(--tc-join-tech-failed-supervision-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-join-tech-failed-supervision-accent) 10%, var(--vs-surface));
    color: var(--tc-join-tech-failed-supervision-accent);
}

.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero__stats .mgr-contracts-hero__stat strong,
.page-manager-join-tech-failed-supervision .tc-join-tech-failed-supervision-hero__stat--pending strong {
    color: var(--tc-join-tech-failed-supervision-accent);
}

.page-manager-join-tech-failed-supervision .mgr-trips-hero__copy {
    position: relative;
    z-index: 1;
}

/* Trip changes list — orange dispatch hero */
.page-manager-trip-changes {
    --tc-trip-changes-accent: var(--vs-accent);
}

.page-manager-trip-changes.page-manager-tc-list .mgr-tc-hero--enroute {
    border-color: color-mix(in srgb, var(--tc-trip-changes-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-trip-changes-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-trip-changes-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-manager-trip-changes .tc-trip-changes-hero {
    position: relative;
    overflow: hidden;
}

.page-manager-trip-changes .tc-trip-changes-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-trip-changes-accent),
        color-mix(in srgb, var(--tc-trip-changes-accent) 65%, #000));
}

.tc-trip-changes-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-manager-trip-changes .mgr-tc-hero--enroute .mgr-tc-hero__icon,
.page-manager-trip-changes .tc-trip-changes-hero__icon {
    background: transparent;
    color: var(--tc-trip-changes-accent);
    border: none;
    box-shadow: none;
}

.tc-trip-changes-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-trip-changes-accent);
}

.page-manager-trip-changes .tc-trip-changes-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-trip-changes-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 12%, var(--vs-surface));
    color: var(--tc-trip-changes-accent);
}

.page-manager-trip-changes .mgr-trip-changes-hero__stat--active {
    border-color: color-mix(in srgb, var(--tc-trip-changes-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 10%, var(--vs-surface));
    color: var(--tc-trip-changes-accent);
}

.page-manager-trip-changes .tc-trip-changes-hero__stats .mgr-contracts-hero__stat strong,
.page-manager-trip-changes .mgr-trip-changes-hero__stat--active strong {
    color: var(--tc-trip-changes-accent);
}

.page-manager-trip-changes .mgr-trips-hero__copy {
    position: relative;
    z-index: 1;
}

/* Provided escort change — attach detail (columns reuse dispatcher escort-change layout) */
.page-manager-provided-escort-change-detail.page-dispatcher-escort-change-detail {
    --dsp-escorts-enroute-accent: var(--tc-trip-changes-accent);
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero {
    display: grid;
    gap: 1.1rem;
    padding: 1.25rem 1.35rem 1.35rem;
    border: 1px solid color-mix(in srgb, var(--tc-trip-changes-accent) 26%, var(--vs-border));
    border-radius: 1.15rem;
    background:
        radial-gradient(ellipse 110% 90% at 100% 0%, color-mix(in srgb, var(--tc-trip-changes-accent) 16%, transparent), transparent 58%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-trip-changes-accent) 7%, var(--vs-bg-card)), var(--vs-bg-card));
    box-shadow: var(--vs-shadow);
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.95rem 1.15rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    flex-shrink: 0;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--tc-trip-changes-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 12%, var(--vs-surface));
    color: var(--tc-trip-changes-accent);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__copy {
    flex: 1 1 16rem;
    min-width: 0;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__title-row .vs-page-title {
    margin: 0;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__lead {
    margin: 0.45rem 0 0;
    max-width: 42rem;
    color: var(--vs-text-muted);
    line-height: 1.45;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stat {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid color-mix(in srgb, var(--tc-trip-changes-accent) 18%, var(--vs-border));
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 4%, var(--vs-surface));
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stat--accent {
    border-color: color-mix(in srgb, var(--tc-trip-changes-accent) 36%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 12%, var(--vs-surface));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--tc-trip-changes-accent) 10%, transparent);
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    flex-shrink: 0;
    border-radius: 0.7rem;
    background: color-mix(in srgb, var(--tc-trip-changes-accent) 12%, transparent);
    color: var(--tc-trip-changes-accent);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stat-label {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vs-text-muted);
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stat-value {
    display: block;
    font-size: 0.98rem;
    color: var(--vs-text);
    word-break: break-word;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stat--accent .tc-provided-escort-detail-hero__stat-value {
    color: var(--tc-trip-changes-accent);
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__arrow {
    display: none;
    align-self: center;
    justify-self: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--tc-trip-changes-accent);
}

@media (min-width: 900px) {
    .page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__stats {
        grid-template-columns: minmax(0, 1.1fr) auto minmax(0, 1.1fr) minmax(0, 0.7fr) minmax(0, 1fr);
        align-items: stretch;
        gap: 0.75rem;
    }

    .page-manager-provided-escort-change-detail .tc-provided-escort-detail-hero__arrow {
        display: inline-flex;
    }
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__remarks {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0 0 1rem;
    padding: 0.9rem 1.05rem;
    border: 1px solid var(--vs-border);
    border-radius: var(--vs-radius-md);
    background: transparent;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__remarks-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.65rem;
    border: 1px solid var(--vs-border);
    color: var(--tc-trip-changes-accent);
    font-size: 0.7rem;
    font-weight: 800;
    flex-shrink: 0;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__remarks strong {
    display: block;
    margin-bottom: 0.2rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__remarks p {
    margin: 0;
    color: var(--vs-text-muted);
    font-size: 0.9rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 1.1rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--vs-border);
    border-radius: 1rem;
    background: transparent;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__actions-copy {
    flex: 1 1 16rem;
    min-width: 0;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__actions-copy strong {
    display: block;
    margin-bottom: 0.2rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__actions-copy p {
    margin: 0;
    color: var(--vs-text-muted);
    font-size: 0.88rem;
}

.page-manager-provided-escort-change-detail .tc-provided-escort-detail__actions-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

/* Trip status updates report — orange dispatch hero */
.page-trip-status-updates-report {
    --tc-status-updates-report-accent: var(--vs-accent);
}

.page-trip-status-updates-report.page-manager-tc-list .mgr-tc-hero--status-report {
    border-color: color-mix(in srgb, var(--tc-status-updates-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-status-updates-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-status-updates-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-trip-status-updates-report .tc-trip-status-updates-report-hero {
    position: relative;
    overflow: hidden;
}

.page-trip-status-updates-report .tc-trip-status-updates-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-status-updates-report-accent),
        color-mix(in srgb, var(--tc-status-updates-report-accent) 65%, #000));
}

.tc-trip-status-updates-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-status-updates-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-trip-status-updates-report .mgr-tc-hero--status-report .mgr-tc-hero__icon,
.page-trip-status-updates-report .tc-trip-status-updates-report-hero__icon {
    background: transparent;
    color: var(--tc-status-updates-report-accent);
    border: none;
    box-shadow: none;
}

.tc-trip-status-updates-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-status-updates-report-accent);
}

.page-trip-status-updates-report .tc-trip-status-updates-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-status-updates-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-status-updates-report-accent) 12%, var(--vs-surface));
    color: var(--tc-status-updates-report-accent);
}

.page-trip-status-updates-report .tc-trip-status-updates-report-hero__stat--records,
.page-trip-status-updates-report .tc-trip-status-updates-report-hero__stat--filter {
    border-color: color-mix(in srgb, var(--tc-status-updates-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-status-updates-report-accent) 10%, var(--vs-surface));
    color: var(--tc-status-updates-report-accent);
}

.page-trip-status-updates-report .tc-trip-status-updates-report-hero__stats .mgr-contracts-hero__stat strong,
.page-trip-status-updates-report .tc-trip-status-updates-report-hero__stat--records strong,
.page-trip-status-updates-report .tc-trip-status-updates-report-hero__stat--filter strong {
    color: var(--tc-status-updates-report-accent);
}

.page-trip-status-updates-report .mgr-trips-hero__copy,
.page-trip-status-updates-report .tc-trip-status-updates-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Client tracking report — orange dispatch hero */
.page-client-tracking-report {
    --tc-client-tracking-report-accent: var(--vs-accent);
}

.page-client-tracking-report.page-manager-tc-list .mgr-tc-hero--client-tracking-report {
    border-color: color-mix(in srgb, var(--tc-client-tracking-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-client-tracking-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-client-tracking-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-client-tracking-report .tc-client-tracking-report-hero {
    position: relative;
    overflow: hidden;
}

.page-client-tracking-report .tc-client-tracking-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-client-tracking-report-accent),
        color-mix(in srgb, var(--tc-client-tracking-report-accent) 65%, #000));
}

.tc-client-tracking-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-client-tracking-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-client-tracking-report .mgr-tc-hero--client-tracking-report .mgr-tc-hero__icon,
.page-client-tracking-report .tc-client-tracking-report-hero__icon {
    background: transparent;
    color: var(--tc-client-tracking-report-accent);
    border: none;
    box-shadow: none;
}

.tc-client-tracking-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-client-tracking-report-accent);
}

.page-client-tracking-report .tc-client-tracking-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-client-tracking-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-client-tracking-report-accent) 12%, var(--vs-surface));
    color: var(--tc-client-tracking-report-accent);
}

.page-client-tracking-report .mgr-trips-hero__copy,
.page-client-tracking-report .tc-client-tracking-report-hero__actions {
    position: relative;
    z-index: 1;
}

.page-client-tracking-report .mgr-contract-hero__lead {
    margin: 0.45rem 0 0;
    max-width: 42rem;
    color: var(--vs-text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

/* POD handovers report — orange dispatch hero */
.page-pod-handovers-report {
    --tc-pod-handovers-report-accent: var(--vs-accent);
}

.page-pod-handovers-report.page-manager-tc-list .mgr-tc-hero--pod-report {
    border-color: color-mix(in srgb, var(--tc-pod-handovers-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-pod-handovers-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-pod-handovers-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-pod-handovers-report .tc-pod-handovers-report-hero {
    position: relative;
    overflow: hidden;
}

.page-pod-handovers-report .tc-pod-handovers-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-pod-handovers-report-accent),
        color-mix(in srgb, var(--tc-pod-handovers-report-accent) 65%, #000));
}

.tc-pod-handovers-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-pod-handovers-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-pod-handovers-report .mgr-tc-hero--pod-report .mgr-tc-hero__icon,
.page-pod-handovers-report .tc-pod-handovers-report-hero__icon {
    background: transparent;
    color: var(--tc-pod-handovers-report-accent);
    border: none;
    box-shadow: none;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
}

.tc-pod-handovers-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-pod-handovers-report-accent);
}

.page-pod-handovers-report .tc-pod-handovers-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-pod-handovers-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-pod-handovers-report-accent) 12%, var(--vs-surface));
    color: var(--tc-pod-handovers-report-accent);
}

.page-pod-handovers-report .tc-pod-handovers-report-hero__stat--records,
.page-pod-handovers-report .tc-pod-handovers-report-hero__stat--filter {
    border-color: color-mix(in srgb, var(--tc-pod-handovers-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-pod-handovers-report-accent) 10%, var(--vs-surface));
    color: var(--tc-pod-handovers-report-accent);
}

.page-pod-handovers-report .tc-pod-handovers-report-hero__stats .mgr-contracts-hero__stat strong,
.page-pod-handovers-report .tc-pod-handovers-report-hero__stat--records strong,
.page-pod-handovers-report .tc-pod-handovers-report-hero__stat--filter strong {
    color: var(--tc-pod-handovers-report-accent);
}

.page-pod-handovers-report .mgr-trips-hero__copy,
.page-pod-handovers-report .tc-pod-handovers-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Delivered trips report — orange dispatch hero */
.page-delivered-trips-report {
    --tc-delivered-trips-report-accent: var(--vs-accent);
}

.page-delivered-trips-report.page-manager-tc-list .mgr-tc-hero--delivered-report {
    border-color: color-mix(in srgb, var(--tc-delivered-trips-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-delivered-trips-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-delivered-trips-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-delivered-trips-report .tc-delivered-trips-report-hero {
    position: relative;
    overflow: hidden;
}

.page-delivered-trips-report .tc-delivered-trips-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-delivered-trips-report-accent),
        color-mix(in srgb, var(--tc-delivered-trips-report-accent) 65%, #000));
}

.tc-delivered-trips-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-delivered-trips-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-delivered-trips-report .mgr-tc-hero--delivered-report .mgr-tc-hero__icon,
.page-delivered-trips-report .tc-delivered-trips-report-hero__icon {
    background: transparent;
    color: var(--tc-delivered-trips-report-accent);
    border: none;
    box-shadow: none;
}

.tc-delivered-trips-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-delivered-trips-report-accent);
}

.page-delivered-trips-report .tc-delivered-trips-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-delivered-trips-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-delivered-trips-report-accent) 12%, var(--vs-surface));
    color: var(--tc-delivered-trips-report-accent);
}

.page-delivered-trips-report .tc-delivered-trips-report-hero__stat--delivered {
    border-color: color-mix(in srgb, var(--tc-delivered-trips-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-delivered-trips-report-accent) 10%, var(--vs-surface));
    color: var(--tc-delivered-trips-report-accent);
}

.page-delivered-trips-report .tc-delivered-trips-report-hero__stats .mgr-contracts-hero__stat strong,
.page-delivered-trips-report .tc-delivered-trips-report-hero__stat--delivered strong {
    color: var(--tc-delivered-trips-report-accent);
}

.page-delivered-trips-report .mgr-trips-hero__copy,
.page-delivered-trips-report .tc-delivered-trips-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Breakdowns report — orange dispatch hero */
.page-breakdowns-report {
    --tc-breakdowns-report-accent: var(--vs-accent);
}

.page-breakdowns-report.page-manager-tc-list .mgr-tc-hero--breakdown-report {
    border-color: color-mix(in srgb, var(--tc-breakdowns-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-breakdowns-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-breakdowns-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-breakdowns-report .tc-breakdowns-report-hero {
    position: relative;
    overflow: hidden;
}

.page-breakdowns-report .tc-breakdowns-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-breakdowns-report-accent),
        color-mix(in srgb, var(--tc-breakdowns-report-accent) 65%, #000));
}

.tc-breakdowns-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-breakdowns-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-breakdowns-report .mgr-tc-hero--breakdown-report .mgr-tc-hero__icon,
.page-breakdowns-report .tc-breakdowns-report-hero__icon {
    background: transparent;
    color: var(--tc-breakdowns-report-accent);
    border: none;
    box-shadow: none;
}

.tc-breakdowns-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-breakdowns-report-accent);
}

.page-breakdowns-report .tc-breakdowns-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-breakdowns-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-breakdowns-report-accent) 12%, var(--vs-surface));
    color: var(--tc-breakdowns-report-accent);
}

.page-breakdowns-report .tc-breakdowns-report-hero__stat--breakdowns,
.page-breakdowns-report .tc-breakdowns-report-hero__stat--filter,
.page-breakdowns-report .tc-breakdowns-report-hero__stat--days {
    border-color: color-mix(in srgb, var(--tc-breakdowns-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-breakdowns-report-accent) 10%, var(--vs-surface));
    color: var(--tc-breakdowns-report-accent);
}

.page-breakdowns-report .tc-breakdowns-report-hero__stats .mgr-contracts-hero__stat strong,
.page-breakdowns-report .tc-breakdowns-report-hero__stat--breakdowns strong,
.page-breakdowns-report .tc-breakdowns-report-hero__stat--filter strong,
.page-breakdowns-report .tc-breakdowns-report-hero__stat--days strong {
    color: var(--tc-breakdowns-report-accent);
}

.page-breakdowns-report .mgr-trips-hero__copy,
.page-breakdowns-report .tc-breakdowns-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Trip changes report — orange dispatch hero */
.page-trip-changes-report {
    --tc-trip-changes-report-accent: var(--vs-accent);
}

.page-trip-changes-report.page-manager-tc-list .mgr-tc-hero--trip-changes-report {
    border-color: color-mix(in srgb, var(--tc-trip-changes-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-trip-changes-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-trip-changes-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-trip-changes-report .tc-trip-changes-report-hero {
    position: relative;
    overflow: hidden;
}

.page-trip-changes-report .tc-trip-changes-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-trip-changes-report-accent),
        color-mix(in srgb, var(--tc-trip-changes-report-accent) 65%, #000));
}

.tc-trip-changes-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-trip-changes-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-trip-changes-report .mgr-tc-hero--trip-changes-report .mgr-tc-hero__icon,
.page-trip-changes-report .tc-trip-changes-report-hero__icon {
    background: transparent;
    color: var(--tc-trip-changes-report-accent);
    border: none;
    box-shadow: none;
}

.tc-trip-changes-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-trip-changes-report-accent);
}

.page-trip-changes-report .tc-trip-changes-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-trip-changes-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-trip-changes-report-accent) 12%, var(--vs-surface));
    color: var(--tc-trip-changes-report-accent);
}

.page-trip-changes-report .tc-trip-changes-report-hero__stat--changes,
.page-trip-changes-report .tc-trip-changes-report-hero__stat--filter {
    border-color: color-mix(in srgb, var(--tc-trip-changes-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-trip-changes-report-accent) 10%, var(--vs-surface));
    color: var(--tc-trip-changes-report-accent);
}

.page-trip-changes-report .tc-trip-changes-report-hero__stats .mgr-contracts-hero__stat strong,
.page-trip-changes-report .tc-trip-changes-report-hero__stat--changes strong,
.page-trip-changes-report .tc-trip-changes-report-hero__stat--filter strong {
    color: var(--tc-trip-changes-report-accent);
}

.page-trip-changes-report .mgr-trips-hero__copy,
.page-trip-changes-report .tc-trip-changes-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Purchase order requisitions report — orange dispatch hero */
.page-po-requisitions-report {
    --tc-po-requisitions-report-accent: var(--vs-accent);
}

.page-po-requisitions-report.page-manager-tc-list .mgr-tc-hero--po-report {
    border-color: color-mix(in srgb, var(--tc-po-requisitions-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-po-requisitions-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-po-requisitions-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-po-requisitions-report .tc-po-requisitions-report-hero {
    position: relative;
    overflow: hidden;
}

.page-po-requisitions-report .tc-po-requisitions-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-po-requisitions-report-accent),
        color-mix(in srgb, var(--tc-po-requisitions-report-accent) 65%, #000));
}

.tc-po-requisitions-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-po-requisitions-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-po-requisitions-report .mgr-tc-hero--po-report .mgr-tc-hero__icon,
.page-po-requisitions-report .tc-po-requisitions-report-hero__icon {
    background: transparent;
    color: var(--tc-po-requisitions-report-accent);
    border: none;
    box-shadow: none;
}

.tc-po-requisitions-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-po-requisitions-report-accent);
}

.page-po-requisitions-report .tc-po-requisitions-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-po-requisitions-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-po-requisitions-report-accent) 12%, var(--vs-surface));
    color: var(--tc-po-requisitions-report-accent);
}

.page-po-requisitions-report .tc-po-requisitions-report-hero__stat--requisitions,
.page-po-requisitions-report .tc-po-requisitions-report-hero__stat--filter {
    border-color: color-mix(in srgb, var(--tc-po-requisitions-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-po-requisitions-report-accent) 10%, var(--vs-surface));
    color: var(--tc-po-requisitions-report-accent);
}

.page-po-requisitions-report .tc-po-requisitions-report-hero__stats .mgr-contracts-hero__stat strong,
.page-po-requisitions-report .tc-po-requisitions-report-hero__stat--requisitions strong,
.page-po-requisitions-report .tc-po-requisitions-report-hero__stat--filter strong {
    color: var(--tc-po-requisitions-report-accent);
}

.page-po-requisitions-report .mgr-trips-hero__copy,
.page-po-requisitions-report .tc-po-requisitions-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Parked trucks report — orange dispatch hero */
.page-parked-trucks-report {
    --tc-parked-trucks-report-accent: var(--vs-accent);
}

.page-parked-trucks-report.page-manager-tc-list .mgr-tc-hero--parked-report {
    border-color: color-mix(in srgb, var(--tc-parked-trucks-report-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-parked-trucks-report-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-parked-trucks-report-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-parked-trucks-report .tc-parked-trucks-report-hero {
    position: relative;
    overflow: hidden;
}

.page-parked-trucks-report .tc-parked-trucks-report-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-parked-trucks-report-accent),
        color-mix(in srgb, var(--tc-parked-trucks-report-accent) 65%, #000));
}

.tc-parked-trucks-report-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-parked-trucks-report-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-parked-trucks-report .mgr-tc-hero--parked-report .mgr-tc-hero__icon,
.page-parked-trucks-report .tc-parked-trucks-report-hero__icon {
    background: transparent;
    color: var(--tc-parked-trucks-report-accent);
    border: none;
    box-shadow: none;
}

.tc-parked-trucks-report-hero__eyebrow {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-parked-trucks-report-accent);
}

.page-parked-trucks-report .tc-parked-trucks-report-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-parked-trucks-report-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-parked-trucks-report-accent) 12%, var(--vs-surface));
    color: var(--tc-parked-trucks-report-accent);
}

.page-parked-trucks-report .tc-parked-trucks-report-hero__stat--records {
    border-color: color-mix(in srgb, var(--tc-parked-trucks-report-accent) 28%, var(--vs-border));
    background: color-mix(in srgb, var(--tc-parked-trucks-report-accent) 10%, var(--vs-surface));
    color: var(--tc-parked-trucks-report-accent);
}

.page-parked-trucks-report .tc-parked-trucks-report-hero__stats .mgr-contracts-hero__stat strong,
.page-parked-trucks-report .tc-parked-trucks-report-hero__stat--records strong {
    color: var(--tc-parked-trucks-report-accent);
}

.page-parked-trucks-report .mgr-trips-hero__copy,
.page-parked-trucks-report .tc-parked-trucks-report-hero__actions {
    position: relative;
    z-index: 1;
}

/* Trip reports — orange dispatch hero */
.page-tc-trip-pdf-exports {
    --tc-trip-pdf-exports-accent: var(--vs-accent);
}

.page-tc-trip-pdf-exports.page-manager-tc-list .mgr-tc-hero--status-report {
    border-color: color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 28%, var(--vs-border));
    background:
        radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 16%, transparent), transparent 55%),
        linear-gradient(145deg, color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 8%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-tc-trip-pdf-exports .tc-trip-pdf-exports-hero {
    position: relative;
    overflow: hidden;
}

.page-tc-trip-pdf-exports .tc-trip-pdf-exports-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tc-trip-pdf-exports-accent),
        color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 65%, #000));
}

.page-tc-trip-pdf-exports .mgr-tc-hero--status-report .mgr-tc-hero__icon,
.page-tc-trip-pdf-exports .tc-trip-pdf-exports-hero__icon {
    background: transparent;
    color: var(--tc-trip-pdf-exports-accent);
    border: none;
    box-shadow: none;
}

.page-tc-trip-pdf-exports .tc-trip-pdf-exports-hero__glow {
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 18%, transparent);
    filter: blur(28px);
    pointer-events: none;
}

.page-tc-trip-pdf-exports .tc-trip-pdf-exports-hero__eyebrow {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-trip-pdf-exports-accent);
}

.page-tc-trip-pdf-exports .tc-trip-pdf-exports-hero__status {
    border: 1px solid color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 28%, transparent);
    background: color-mix(in srgb, var(--tc-trip-pdf-exports-accent) 12%, var(--vs-surface));
    color: var(--tc-trip-pdf-exports-accent);
}

.page-tc-trip-pdf-exports .mgr-trip-pdf-exports__lookup,
.page-tc-trip-pdf-exports .mgr-trip-reports-card {
    margin: 0;
}

.page-tc-trip-pdf-exports .mgr-trips-hero__copy {
    position: relative;
    z-index: 1;
}