:root {
    --miw-ink: #101010;
    --miw-graphite: #202223;
    --miw-panel: #ffffff;
    --miw-panel-soft: #fafafa;
    --miw-canvas: #f6f6f7;
    --miw-line: rgba(16, 16, 16, 0.12);
    --miw-muted: #66636b;
    --miw-pink: #ff3b8f;
    --miw-pink-deep: #d90f68;
    --miw-pink-soft: #fff0f7;
    --miw-black: #111111;
    --miw-orange: var(--miw-pink);
    --miw-green: #16a34a;
    --miw-cyan: #0ea5a3;
    --miw-red: #dc2626;
    --miw-shadow: 0 18px 42px rgba(16, 16, 16, 0.12);
    --miw-soft-shadow: 0 8px 24px rgba(16, 16, 16, 0.08);
}

[x-cloak] {
    display: none !important;
}

.miw-workspace-switcher {
    position: relative;
    margin-left: 0.75rem;
}

.miw-workspace-trigger {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1rem;
    min-width: 10.5rem;
    min-height: 2.5rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--miw-ink);
    text-align: left;
    cursor: pointer;
}

.miw-workspace-trigger:hover,
.miw-workspace-trigger:focus-visible {
    border-color: rgba(217, 15, 104, 0.45);
    background: var(--miw-pink-soft);
    outline: none;
}

.miw-workspace-kicker,
.miw-workspace-current {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miw-workspace-kicker {
    align-self: end;
    color: var(--miw-muted);
    font-size: 0.625rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.miw-workspace-current {
    align-self: start;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.15;
}

.miw-workspace-chevron {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    width: 1rem;
    height: 1rem;
    color: var(--miw-muted);
}

.miw-workspace-menu {
    position: absolute;
    z-index: 60;
    top: calc(100% + 0.5rem);
    left: 0;
    width: min(22rem, calc(100vw - 2rem));
    max-height: min(34rem, calc(100vh - 6rem));
    overflow-y: auto;
    padding: 0.4rem;
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: var(--miw-panel);
    box-shadow: var(--miw-shadow);
}

.miw-workspace-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.1rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.7rem;
    border-radius: 6px;
    color: var(--miw-ink);
    text-decoration: none;
}

.miw-workspace-option:hover,
.miw-workspace-option:focus-visible,
.miw-workspace-option.is-active {
    background: var(--miw-pink-soft);
    color: var(--miw-pink-deep);
    outline: none;
}

.miw-workspace-option strong,
.miw-workspace-option small {
    display: block;
    letter-spacing: 0;
}

.miw-workspace-option strong {
    font-size: 0.86rem;
    line-height: 1.25;
}

.miw-workspace-option small {
    margin-top: 0.18rem;
    color: var(--miw-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

.miw-workspace-option > svg {
    width: 1rem;
    height: 1rem;
}

.dark .miw-workspace-trigger {
    background: rgba(21, 21, 25, 0.94);
}

@media (max-width: 640px) {
    .miw-workspace-switcher {
        margin-left: 0.35rem;
    }

    .miw-workspace-trigger {
        min-width: 8rem;
        max-width: 9rem;
    }
}

.fi-body {
    background:
        radial-gradient(circle at top left, rgba(255, 59, 143, 0.12), transparent 24rem),
        linear-gradient(180deg, rgba(16, 16, 16, 0.06), rgba(246, 246, 247, 0) 22rem),
        var(--miw-canvas) !important;
    color: var(--miw-ink) !important;
}

.fi-sidebar,
.fi-simple-layout {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(250, 250, 250, 0.95)),
        var(--miw-panel-soft) !important;
    color: var(--miw-ink) !important;
    border-color: rgba(16, 16, 16, 0.12) !important;
}

.fi-topbar nav {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid rgba(16, 16, 16, 0.1) !important;
    color: var(--miw-ink) !important;
    backdrop-filter: blur(18px);
}

.fi-sidebar-header,
.fi-sidebar-nav {
    border-color: rgba(16, 16, 16, 0.1) !important;
}

.fi-logo,
.fi-sidebar-header a,
.fi-topbar .fi-logo {
    color: var(--miw-ink) !important;
    font-weight: 800 !important;
}

.fi-logo::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--miw-pink);
    box-shadow: 14px 0 0 var(--miw-black), 28px 0 0 #f472b6;
    vertical-align: 1px;
}

.fi-sidebar-item a {
    border-radius: 8px !important;
    color: rgba(16, 16, 16, 0.78) !important;
    font-weight: 700 !important;
}

.fi-sidebar-item-active a,
.fi-sidebar-item a:hover {
    background: rgba(255, 59, 143, 0.12) !important;
    color: var(--miw-pink-deep) !important;
    box-shadow: inset 3px 0 0 var(--miw-pink);
}

.fi-main {
    color: var(--miw-ink);
    max-width: 100% !important;
}

.fi-main,
.fi-page,
.fi-page-content {
    overflow-x: clip;
}

.fi-section,
.fi-ta,
.fi-fo-field-wrp,
.fi-wi-stats-overview-stat {
    border-color: var(--miw-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--miw-soft-shadow) !important;
}

.fi-main table {
    width: max-content;
    min-width: 100%;
}

.fi-main .overflow-x-auto,
.fi-main .fi-ta-content,
.fi-main .fi-ta-table-ctn {
    -webkit-overflow-scrolling: touch;
}

.fi-resource-print-log-orders .fi-ta-table {
    min-width: 78rem;
    width: 100%;
}

.fi-resource-print-log-orders .fi-ta-table-ctn {
    overflow-x: auto;
}

.fi-resource-print-log-orders .fi-ta-row {
    transition: background-color 120ms ease;
}

.fi-resource-print-log-orders .fi-ta-cell-order-number .fi-ta-text-item {
    font-weight: 800;
}

.fi-resource-print-log-orders .fi-ta-cell-file-count,
.fi-resource-print-log-orders .fi-ta-cell-effective-copies,
.fi-resource-print-log-orders .fi-ta-cell-total-linear-inches {
    font-variant-numeric: tabular-nums;
}

.miw-print-location {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.miw-print-location span:last-child {
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.fi-resource-sales-orders .fi-header {
    min-width: 0;
    width: 100%;
}

.fi-resource-sales-orders .fi-header-heading {
    white-space: nowrap;
}

@media (min-width: 640px) {
    .fi-resource-sales-orders .fi-header > :first-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    .fi-resource-sales-orders .fi-header-actions-ctn {
        margin-left: auto;
    }
}

.miw-sales-channel-mark {
    align-items: center;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    width: 2.5rem;
}

.miw-sales-channel-mark img {
    display: block;
    height: 1.45rem;
    width: 1.45rem;
}

.fi-page .rounded-xl.border,
.fi-main [class*="rounded-xl"][class*="border-gray"] {
    border-color: var(--miw-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: var(--miw-soft-shadow) !important;
}

.fi-page .miw-report-filter-panel,
.fi-page .miw-report-status-card,
.fi-page .miw-report-metric-card {
    border: 1px solid var(--miw-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: var(--miw-soft-shadow) !important;
}

.fi-page .miw-report-status-card {
    position: relative;
    overflow: hidden;
}

.fi-page .miw-report-status-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--miw-pink), var(--miw-black));
}

.fi-page .miw-operations-foundation-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
}

.fi-page .miw-operations-foundation-metric {
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: var(--miw-panel-soft);
}

.fi-page .miw-operations-foundation-metric__label {
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.3;
}

.fi-page .miw-operations-foundation-metric__value {
    margin-top: 0.3rem;
    color: var(--miw-ink);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    line-height: 1.1;
}

@media (min-width: 640px) {
    .fi-page .miw-operations-foundation-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .fi-page .miw-operations-foundation-metrics {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.fi-page .miw-operations-health-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.fi-page .miw-operations-health-card {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: var(--miw-panel);
    box-shadow: var(--miw-soft-shadow);
}

.fi-page .miw-operations-health-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.fi-page .miw-operations-health-card__header > * {
    min-width: 0;
}

.fi-page .miw-operations-health-card__title,
.fi-page .miw-operations-health-metric__label {
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}

.fi-page .miw-operations-health-card__value {
    margin-top: 0.3rem;
    color: var(--miw-ink);
    font-size: 1.35rem;
    font-weight: 850;
    line-height: 1.15;
}

.fi-page .miw-operations-health-card__value-row,
.fi-page .miw-operations-health-card__inline-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.fi-page .miw-operations-health-card__description,
.fi-page .miw-operations-health-card__stats,
.fi-page .miw-operations-health-card__footer {
    color: var(--miw-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.fi-page .miw-operations-health-card__description {
    margin-top: 0.35rem;
}

.fi-page .miw-operations-health-card__inline-meta {
    margin-top: 0.65rem;
    color: var(--miw-muted);
    font-size: 0.72rem;
}

.fi-page .miw-operations-health-card__stats {
    flex: 0 0 auto;
    text-align: right;
}

.fi-page .miw-operations-health-status {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--miw-line);
    border-radius: 999px;
    background: var(--miw-panel-soft);
    color: var(--miw-muted);
    font-size: 0.7rem;
    font-weight: 750;
    line-height: 1.2;
}

.fi-page .miw-operations-health-status.miw-is-healthy {
    border-color: rgba(5, 150, 105, 0.3);
    background: rgba(16, 185, 129, 0.1);
    color: rgb(4, 120, 87);
}

.fi-page .miw-operations-health-status.miw-is-observed {
    border-color: rgba(2, 132, 199, 0.3);
    background: rgba(14, 165, 233, 0.1);
    color: rgb(3, 105, 161);
}

.fi-page .miw-operations-health-status.miw-is-warning {
    border-color: rgba(217, 119, 6, 0.3);
    background: rgba(245, 158, 11, 0.1);
    color: rgb(180, 83, 9);
}

.fi-page .miw-operations-health-status.miw-is-critical {
    border-color: rgba(220, 38, 38, 0.3);
    background: rgba(239, 68, 68, 0.1);
    color: rgb(185, 28, 28);
}

.fi-page .miw-operations-health-meter {
    height: 0.45rem;
    margin-top: 1rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--miw-panel-soft);
}

.fi-page .miw-operations-health-meter__fill {
    height: 100%;
    min-width: 0;
    max-width: 100%;
    border-radius: inherit;
    background: var(--miw-muted);
}

.fi-page .miw-operations-health-meter__fill.miw-is-healthy {
    background: rgb(16, 185, 129);
}

.fi-page .miw-operations-health-meter__fill.miw-is-observed {
    background: rgb(14, 165, 233);
}

.fi-page .miw-operations-health-meter__fill.miw-is-warning {
    background: rgb(245, 158, 11);
}

.fi-page .miw-operations-health-meter__fill.miw-is-critical {
    background: rgb(239, 68, 68);
}

.fi-page .miw-operations-health-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.fi-page .miw-operations-health-metric__value {
    margin-top: 0.2rem;
    color: var(--miw-ink);
    font-size: 0.9rem;
    font-weight: 800;
}

.fi-page .miw-operations-health-card__footer {
    margin-top: 0.75rem;
}

@media (min-width: 1280px) {
    .fi-page .miw-operations-health-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fi-page .miw-operations-health-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    .fi-page .miw-operations-health-card__header {
        display: grid;
    }

    .fi-page .miw-operations-health-card__stats {
        text-align: left;
    }
}

.dark .fi-page .miw-operations-health-status.miw-is-healthy {
    border-color: rgba(52, 211, 153, 0.3);
    background: rgba(6, 78, 59, 0.45);
    color: rgb(110, 231, 183);
}

.dark .fi-page .miw-operations-health-status.miw-is-observed {
    border-color: rgba(56, 189, 248, 0.3);
    background: rgba(12, 74, 110, 0.45);
    color: rgb(125, 211, 252);
}

.dark .fi-page .miw-operations-health-status.miw-is-warning {
    border-color: rgba(251, 191, 36, 0.3);
    background: rgba(120, 53, 15, 0.45);
    color: rgb(252, 211, 77);
}

.dark .fi-page .miw-operations-health-status.miw-is-critical {
    border-color: rgba(248, 113, 113, 0.3);
    background: rgba(127, 29, 29, 0.45);
    color: rgb(252, 165, 165);
}

.fi-page .miw-report-metric-card {
    display: flex !important;
    min-height: 6.35rem;
    padding: 1rem !important;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.65rem;
}

.fi-page .miw-report-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
    gap: 1rem !important;
}

.fi-page .miw-report-metric-card > div:first-child {
    color: var(--miw-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

.fi-page .miw-report-metric-card > div:nth-child(2) {
    color: var(--miw-ink) !important;
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
}

.fi-page .miw-report-metric-card > div:nth-child(n+3) {
    color: var(--miw-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.fi-page .miw-report-metric-card::after {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--miw-pink), rgba(17, 17, 17, 0.86));
}

/* Approval monitor views are server-rendered outside Filament's utility build. */
.miw-approval-monitor {
    display: grid;
    gap: 1.5rem;
}

.miw-approval-monitor > :is(.rounded-lg, section.rounded-lg) {
    overflow: hidden;
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: var(--miw-panel);
    box-shadow: var(--miw-soft-shadow);
}

.miw-approval-monitor > .grid {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.miw-approval-monitor .grid {
    display: grid;
    gap: 0.75rem;
}

.miw-approval-monitor > :is(.rounded-lg, section.rounded-lg) > .border-b {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--miw-line);
}

.miw-approval-monitor > :is(.rounded-lg, section.rounded-lg) > .space-y-4 {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.miw-approval-monitor .rounded-md.border {
    padding: 0.75rem;
    border: 1px solid var(--miw-line);
    border-radius: 6px;
}

.miw-approval-monitor code {
    display: block;
    max-width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--miw-line);
    border-radius: 6px;
    background: var(--miw-panel-soft);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.miw-approval-technical {
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--miw-line);
    border-radius: 6px;
    background: var(--miw-panel-soft);
}

.miw-approval-technical > summary {
    color: var(--miw-muted);
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
}

.miw-approval-technical[open] > summary {
    margin-bottom: 0.75rem;
    color: var(--miw-ink);
}

.miw-approval-monitor table {
    min-width: 100%;
}

.miw-approval-monitor th,
.miw-approval-monitor td {
    padding: 0.75rem 1rem;
    vertical-align: top;
}

.miw-approval-monitor thead {
    background: var(--miw-panel-soft);
}

.miw-approval-monitor tbody tr {
    border-top: 1px solid var(--miw-line);
}

.miw-approval-monitor tbody tr:nth-child(even) {
    background: rgba(16, 16, 16, 0.025);
}

.dark .miw-approval-monitor tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.025);
}

@media (min-width: 768px) {
    .miw-approval-monitor .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .miw-approval-monitor .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miw-approval-monitor .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.fi-page .rounded-xl > .border-b,
.fi-main [class*="rounded-xl"] > [class*="border-b"] {
    border-color: rgba(16, 16, 16, 0.1) !important;
    background: linear-gradient(180deg, rgba(255, 240, 247, 0.72), rgba(255, 255, 255, 0.9));
}

.fi-page .rounded-xl table,
.fi-main [class*="rounded-xl"] table {
    font-size: 0.875rem;
}

.fi-page .rounded-xl th,
.fi-main [class*="rounded-xl"] th {
    color: var(--miw-muted) !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fi-page .rounded-xl td,
.fi-page .rounded-xl th,
.fi-main [class*="rounded-xl"] td,
.fi-main [class*="rounded-xl"] th {
    border-color: rgba(16, 16, 16, 0.08) !important;
}

.dark {
    color-scheme: dark;
    --miw-ink: #f4f4f5;
    --miw-graphite: #d4d4d8;
    --miw-panel: #151519;
    --miw-panel-soft: #101114;
    --miw-canvas: #08090c;
    --miw-line: rgba(244, 244, 245, 0.14);
    --miw-muted: #a1a1aa;
    --miw-pink-deep: #ff5aa5;
    --miw-pink-soft: rgba(255, 59, 143, 0.14);
    --miw-black: #f4f4f5;
    --miw-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
    --miw-soft-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.dark .fi-body {
    background:
        linear-gradient(180deg, rgba(255, 59, 143, 0.08), transparent 18rem),
        linear-gradient(180deg, #0b0c10, var(--miw-canvas)) !important;
    color: var(--miw-ink) !important;
}

.dark .fi-sidebar,
.dark .fi-simple-layout {
    background:
        linear-gradient(180deg, rgba(21, 21, 25, 0.98), rgba(12, 13, 16, 0.98)),
        var(--miw-panel-soft) !important;
    color: var(--miw-ink) !important;
    border-color: var(--miw-line) !important;
}

.dark .fi-topbar nav {
    background: rgba(12, 13, 16, 0.94) !important;
    border-bottom-color: var(--miw-line) !important;
    color: var(--miw-ink) !important;
}

.dark .fi-sidebar-header,
.dark .fi-sidebar-nav {
    border-color: var(--miw-line) !important;
}

.dark .fi-logo,
.dark .fi-sidebar-header a,
.dark .fi-topbar .fi-logo {
    color: var(--miw-ink) !important;
}

.dark .fi-logo::before {
    box-shadow: 14px 0 0 #f4f4f5, 28px 0 0 #f472b6;
}

.dark .fi-sidebar-group-label,
.dark .fi-sidebar-group button,
.dark .fi-sidebar-item a,
.dark .fi-sidebar-item-label,
.dark .fi-sidebar-item-icon {
    color: rgba(244, 244, 245, 0.76) !important;
}

.dark .fi-sidebar-group-label {
    color: rgba(244, 244, 245, 0.58) !important;
}

.dark .fi-sidebar-item-active a,
.dark .fi-sidebar-item a:hover {
    background: rgba(255, 59, 143, 0.16) !important;
    color: #ff7ab8 !important;
    box-shadow: inset 3px 0 0 var(--miw-pink);
}

.dark .fi-sidebar-item-active .fi-sidebar-item-icon,
.dark .fi-sidebar-item a:hover .fi-sidebar-item-icon {
    color: #ff7ab8 !important;
}

.dark .fi-main,
.dark .fi-page,
.dark .fi-page-content {
    color: var(--miw-ink) !important;
}

.dark .fi-section,
.dark .fi-ta,
.dark .fi-fo-field-wrp,
.dark .fi-wi-stats-overview-stat,
.dark .fi-page .rounded-xl.border,
.dark .fi-main [class*="rounded-xl"][class*="border-gray"],
.dark .fi-page .miw-report-filter-panel,
.dark .fi-page .miw-report-status-card,
.dark .fi-page .miw-report-metric-card {
    border-color: var(--miw-line) !important;
    background: rgba(21, 21, 25, 0.96) !important;
    color: var(--miw-ink) !important;
    box-shadow: var(--miw-soft-shadow) !important;
}

.dark .fi-section-header,
.dark .fi-section-content,
.dark .fi-ta-header,
.dark .fi-ta-content,
.dark .fi-ta-table-ctn {
    background: transparent !important;
    color: var(--miw-ink) !important;
}

.dark .fi-dropdown-panel {
    border: 1px solid var(--miw-line) !important;
    background: var(--miw-panel) !important;
    color: var(--miw-ink) !important;
    box-shadow: var(--miw-shadow) !important;
}

.dark .fi-modal-window,
.dark .fi-ta-col-manager {
    border: 1px solid var(--miw-line) !important;
    background: var(--miw-panel) !important;
    color: var(--miw-ink) !important;
    box-shadow: var(--miw-shadow) !important;
}

.dark .fi-ta-col-manager-dropdown,
.dark .fi-ta-col-manager-modal {
    isolation: isolate;
}

.dark .fi-page .rounded-xl > .border-b,
.dark .fi-main [class*="rounded-xl"] > [class*="border-b"] {
    border-color: var(--miw-line) !important;
    background: linear-gradient(180deg, rgba(255, 59, 143, 0.12), rgba(21, 21, 25, 0.98)) !important;
}

.dark .fi-page .rounded-xl th,
.dark .fi-main [class*="rounded-xl"] th,
.dark .fi-in-entry-label,
.dark .fi-ta-header-cell-label,
.dark .fi-ta-col-wrp,
.dark .fi-fo-field-wrp-label,
.dark .fi-breadcrumbs-item,
.dark .fi-breadcrumbs-item a {
    color: var(--miw-muted) !important;
}

.dark .fi-page .rounded-xl td,
.dark .fi-page .rounded-xl th,
.dark .fi-main [class*="rounded-xl"] td,
.dark .fi-main [class*="rounded-xl"] th,
.dark .fi-ta-row,
.dark .fi-ta-cell,
.dark .fi-in-entry,
.dark .fi-in-entry-wrp {
    border-color: var(--miw-line) !important;
}

.dark .fi-in-text,
.dark .fi-ta-text,
.dark .fi-ta-text-item,
.dark .fi-header-heading,
.dark .fi-section-header-heading,
.dark .fi-section-header-description,
.dark .fi-wi-stats-overview-stat-value,
.dark .fi-wi-stats-overview-stat-description {
    color: var(--miw-ink) !important;
}

.dark .fi-section-header-description,
.dark .fi-wi-stats-overview-stat-description,
.dark .fi-in-helper-text {
    color: var(--miw-muted) !important;
}

.dark .fi-badge {
    border-color: rgba(255, 59, 143, 0.28) !important;
    background: rgba(255, 59, 143, 0.14) !important;
    color: #ff9aca !important;
}

.dark .fi-input,
.dark .fi-select-input,
.dark .fi-textarea,
.dark input,
.dark select,
.dark textarea {
    border-color: rgba(244, 244, 245, 0.16) !important;
    background: rgba(8, 9, 12, 0.92) !important;
    color: var(--miw-ink) !important;
}

.dark .fi-input::placeholder,
.dark .fi-textarea::placeholder,
.dark input::placeholder,
.dark textarea::placeholder {
    color: rgba(244, 244, 245, 0.38) !important;
}

.dark .fi-btn:not(.fi-color-primary) {
    border-color: var(--miw-line) !important;
    background: rgba(21, 21, 25, 0.94) !important;
    color: var(--miw-ink) !important;
}

.dark .miw-report-shell,
.dark .miw-report-hero,
.dark .miw-filter-panel,
.dark .miw-card,
.dark .miw-chart-card,
.dark .miw-hero-stat,
.dark .miw-action-metric,
.dark .miw-action-row,
.dark .miw-quick-link,
.dark .miw-mobile-card,
.dark .miw-responsive-table tr {
    border-color: var(--miw-line) !important;
    background: rgba(21, 21, 25, 0.96) !important;
    color: var(--miw-ink) !important;
    box-shadow: var(--miw-soft-shadow) !important;
}

.dark .miw-report-hero {
    background:
        linear-gradient(135deg, rgba(21, 21, 25, 0.98), rgba(63, 23, 43, 0.48)),
        var(--miw-panel) !important;
}

.dark .miw-hero-subtitle,
.dark .miw-hero-stat-label,
.dark .miw-hero-stat-foot,
.dark .miw-card-label,
.dark .miw-card-foot,
.dark .miw-chart-label,
.dark .miw-chart-subtitle,
.dark .miw-mobile-card-meta,
.dark .miw-mobile-card-side-label,
.dark .miw-mobile-stats dt,
.dark .miw-bar-value,
.dark .miw-bar-note,
.dark .miw-column-label,
.dark .miw-stack-legend,
.dark .miw-empty-state {
    color: var(--miw-muted) !important;
}

.dark .miw-code-block,
.dark .miw-empty-state {
    border-color: var(--miw-line) !important;
    background: rgba(8, 9, 12, 0.86) !important;
}

.dark .miw-location-dashboard .miw-chart-header,
.dark .miw-location-table th:first-child,
.dark .miw-location-table td:first-child,
.dark .miw-location-table thead th:first-child,
.dark .miw-table thead {
    background: rgba(12, 13, 16, 0.98) !important;
}

.dark .miw-location-section-row td {
    background: rgba(255, 59, 143, 0.14) !important;
    color: #ff9aca !important;
}

.dark .miw-mobile-card,
.dark .miw-table tbody tr,
.dark .miw-responsive-table td {
    border-color: var(--miw-line) !important;
}

.dark .miw-pill {
    background: rgba(255, 59, 143, 0.16) !important;
    color: #ff9aca !important;
}

.miw-report-shell {
    color: var(--miw-ink);
    max-width: 100%;
}

.miw-report-shell > * + * {
    margin-top: 1.5rem;
}

.miw-report-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 59, 143, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 240, 247, 0.86)),
        var(--miw-panel);
    color: var(--miw-ink);
    padding: 1.25rem;
    box-shadow: var(--miw-shadow);
}

.miw-report-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    background: linear-gradient(90deg, var(--miw-pink), var(--miw-black), #f472b6);
}

.miw-eyebrow {
    color: var(--miw-pink-deep);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.miw-hero-title {
    margin-top: 0.35rem;
    font-size: 2.35rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.04;
}

.miw-hero-subtitle {
    max-width: 48rem;
    margin-top: 0.75rem;
    color: var(--miw-muted);
    font-size: 0.95rem;
}

.miw-hero-grid {
    position: relative;
    display: grid;
    gap: 1.25rem;
}

.miw-hero-metrics {
    display: grid;
    gap: 0.75rem;
    font-size: 0.875rem;
}

.miw-hero-stat {
    border: 1px solid rgba(16, 16, 16, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
    padding: 0.75rem;
}

.miw-hero-stat-label {
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.miw-hero-stat-value {
    margin-top: 0.25rem;
    font-size: 1rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.miw-hero-stat-foot {
    color: var(--miw-muted);
    font-size: 0.75rem;
}

.miw-filter-panel,
.miw-card,
.miw-chart-card {
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--miw-soft-shadow);
}

.miw-filter-panel {
    padding: 1rem;
}

.miw-filter-grid,
.miw-kpi-grid,
.miw-dashboard-grid {
    display: grid;
    gap: 1rem;
}

.miw-filter-grid label {
    display: block;
}

.miw-filter-grid select,
.miw-filter-grid input {
    display: block;
    width: 100%;
    margin-top: 0.3rem;
}

.miw-filter-pill-wrap {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.miw-card {
    padding: 1rem;
}

.miw-card-label,
.miw-chart-label,
.miw-mobile-label {
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.miw-card-value {
    margin-top: 0.45rem;
    font-size: 2rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.05;
}

.miw-card-foot {
    margin-top: 0.45rem;
    color: var(--miw-muted);
    font-size: 0.8rem;
}

.miw-kpi-grid-compact .miw-card-value {
    overflow-wrap: anywhere;
    font-size: 1rem;
    line-height: 1.35;
}

.miw-code-block {
    margin-top: 0.45rem;
    overflow-wrap: anywhere;
    border-radius: 6px;
    background: rgba(17, 17, 17, 0.06);
    color: var(--miw-ink);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.75rem;
    line-height: 1.45;
    padding: 0.6rem;
}

.miw-card-accent {
    border-top: 4px solid var(--accent, var(--miw-orange));
}

.miw-tone-neutral {
    border-color: var(--miw-line);
}

.miw-tone-critical {
    border-color: rgba(220, 38, 38, 0.34);
    background: rgba(254, 242, 242, 0.96);
    color: #7f1d1d;
}

.miw-tone-warning {
    border-color: rgba(217, 119, 6, 0.34);
    background: rgba(255, 251, 235, 0.96);
    color: #78350f;
}

.miw-tone-ready {
    border-color: rgba(5, 150, 105, 0.3);
    background: rgba(236, 253, 245, 0.96);
    color: #065f46;
}

.miw-droplet-list > * + * {
    margin-top: 0.75rem;
}

.miw-status-badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.miw-table-primary {
    color: var(--miw-ink);
    font-weight: 750;
    overflow-wrap: anywhere;
}

.miw-table-meta {
    margin-top: 0.25rem;
    color: var(--miw-muted);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.miw-droplet-table {
    min-width: 80rem;
}

.miw-reconciliation-table {
    min-width: 68rem;
}

.miw-channel-readiness-table {
    min-width: 82rem;
}

.miw-channel-action-table {
    min-width: 64rem;
}

.miw-forecast-action-table {
    min-width: 64rem;
}

.miw-forecast-supplier-table {
    min-width: 76rem;
}

.miw-forecast-risk-table {
    min-width: 92rem;
}

.miw-channel-sync-submission-table {
    min-width: 64rem;
}

.miw-channel-sync-action-table {
    min-width: 72rem;
}

.miw-channel-sync-readiness-table {
    min-width: 92rem;
}

.miw-channel-sync-handoff {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.miw-channel-sync-endpoints,
.miw-channel-sync-sequence {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.miw-channel-sync-endpoints > div,
.miw-channel-sync-step {
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--miw-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.62);
}

.miw-channel-sync-endpoints code,
.miw-channel-sync-step code,
.miw-channel-sync-details code {
    display: block;
    min-width: 0;
    margin-top: 0.45rem;
    padding: 0.6rem;
    border: 1px solid var(--miw-line);
    border-radius: 6px;
    background: rgba(246, 247, 249, 0.9);
    color: var(--miw-ink);
    font-size: 0.72rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.miw-channel-sync-step {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
}

.miw-channel-sync-step code {
    grid-column: 1 / -1;
}

.miw-channel-sync-details {
    min-width: 0;
    margin-top: 0.65rem;
    padding: 0.65rem;
    border: 1px solid var(--miw-line);
    border-radius: 7px;
    background: rgba(246, 247, 249, 0.78);
}

.miw-channel-sync-details summary {
    cursor: pointer;
    color: var(--miw-ink);
    font-size: 0.76rem;
    font-weight: 800;
}

.miw-channel-sync-details strong {
    display: block;
    margin-top: 0.7rem;
    color: var(--miw-muted);
    font-size: 0.7rem;
    text-transform: uppercase;
}

.miw-channel-sync-action + .miw-channel-sync-action {
    margin-top: 0.8rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--miw-line);
}

.dark .miw-channel-sync-endpoints > div,
.dark .miw-channel-sync-step,
.dark .miw-channel-sync-details {
    background: rgba(15, 23, 42, 0.78);
}

.dark .miw-channel-sync-endpoints code,
.dark .miw-channel-sync-step code,
.dark .miw-channel-sync-details code {
    background: rgba(2, 6, 23, 0.78);
}

.miw-table-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.4rem;
}

.miw-report-hero > .miw-empty-state,
.miw-hero-subtitle + .miw-empty-state {
    margin-top: 1rem;
}

.dark .miw-tone-critical {
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(69, 10, 10, 0.54);
    color: #fecaca;
}

.dark .miw-tone-warning {
    border-color: rgba(251, 191, 36, 0.32);
    background: rgba(69, 26, 3, 0.54);
    color: #fde68a;
}

.dark .miw-tone-ready {
    border-color: rgba(52, 211, 153, 0.3);
    background: rgba(2, 44, 34, 0.54);
    color: #a7f3d0;
}

.miw-chart-card {
    overflow: hidden;
    min-width: 0;
}

.miw-chart-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--miw-line);
    padding: 1rem;
}

.miw-chart-title {
    font-size: 1rem;
    font-weight: 800;
}

.miw-chart-subtitle {
    margin-top: 0.15rem;
    color: var(--miw-muted);
    font-size: 0.8rem;
}

.miw-chart-body {
    padding: 1rem;
    min-width: 0;
}

.miw-bar-row {
    display: grid;
    grid-template-columns: minmax(7rem, 10rem) minmax(7rem, 1fr) minmax(5rem, auto);
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.miw-bar-row + .miw-bar-row {
    margin-top: 0.85rem;
}

.miw-bar-label {
    min-width: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.miw-bar-track {
    position: relative;
    height: 0.8rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(37, 33, 30, 0.1);
}

.miw-bar-fill {
    width: var(--bar-width, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--bar-color, var(--miw-orange));
}

.miw-bar-value {
    color: var(--miw-muted);
    font-size: 0.82rem;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.miw-bar-note {
    color: rgba(90, 80, 72, 0.78);
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0.2rem;
}

.miw-column-chart {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5.25rem, 1fr));
    align-items: end;
    gap: 0.9rem;
    min-height: 13rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.miw-column {
    display: flex;
    min-width: 4.75rem;
    min-height: 12rem;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.55rem;
}

.miw-column-bar {
    min-height: 0.4rem;
    height: var(--bar-height, 0%);
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(180deg, var(--bar-color, var(--miw-orange)), rgba(37, 33, 30, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.miw-column-label {
    color: var(--miw-muted);
    font-size: 0.75rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.miw-column-value {
    font-size: 0.8rem;
    font-weight: 800;
}

.miw-location-dashboard .miw-chart-header {
    background:
        linear-gradient(90deg, rgba(255, 59, 143, 0.08), rgba(255, 255, 255, 0.96) 42%),
        rgba(255, 255, 255, 0.96);
}

.miw-location-table {
    min-width: 58rem;
}

.miw-location-table th:first-child,
.miw-location-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.98);
}

.miw-location-table thead th:first-child {
    z-index: 2;
    background: rgba(250, 250, 250, 0.98);
}

.miw-location-table th span {
    display: block;
    margin-top: 0.2rem;
    color: var(--miw-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0;
    text-transform: none;
}

.miw-location-section-row td {
    background: rgba(255, 240, 247, 0.76) !important;
    color: var(--miw-pink-deep);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.miw-stack-row + .miw-stack-row {
    margin-top: 1rem;
}

.miw-stack-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
    font-size: 0.84rem;
    font-weight: 800;
}

.miw-stack-track {
    display: flex;
    width: var(--stack-width, 0%);
    min-width: 2.5rem;
    height: 0.9rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(16, 16, 16, 0.08);
}

.miw-stack-segment {
    display: block;
    width: var(--segment-width, 0%);
    min-width: 0;
    height: 100%;
}

.miw-stack-material,
.miw-stack-legend .miw-stack-material {
    background: var(--miw-pink);
}

.miw-stack-ink,
.miw-stack-legend .miw-stack-ink {
    background: var(--miw-black);
}

.miw-stack-machine,
.miw-stack-legend .miw-stack-machine {
    background: #f472b6;
}

.miw-stack-maintenance,
.miw-stack-legend .miw-stack-maintenance {
    background: #737373;
}

.miw-stack-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin-top: 1.1rem;
    color: var(--miw-muted);
    font-size: 0.74rem;
    font-weight: 800;
}

.miw-stack-legend span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.miw-stack-legend i {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
}

.miw-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.miw-responsive-table-card {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.miw-desktop-table {
    display: none;
}

.miw-mobile-list {
    display: block;
    min-width: 0;
}

.miw-mobile-list > *,
.miw-mobile-list :where(div, dl, dt, dd, p, a, code) {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

.miw-mobile-list code {
    white-space: pre-wrap;
}

.miw-mobile-card {
    padding: 1rem;
    border-top: 1px solid rgba(37, 33, 30, 0.08);
    background: rgba(255, 255, 255, 0.64);
}

.miw-mobile-list .miw-mobile-card:first-child {
    border-top: 0;
}

.miw-mobile-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.miw-mobile-card-title {
    min-width: 0;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.miw-mobile-card-meta {
    margin-top: 0.25rem;
    color: var(--miw-muted);
    font-size: 0.78rem;
}

.miw-mobile-card-side {
    flex-shrink: 0;
    text-align: right;
}

.miw-mobile-card-side-value {
    font-weight: 850;
}

.miw-mobile-card-side-label {
    color: var(--miw-muted);
    font-size: 0.75rem;
}

.miw-mobile-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
    font-size: 0.875rem;
}

.miw-mobile-stats dt {
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.miw-mobile-stats dd {
    margin: 0.25rem 0 0;
    font-weight: 750;
}

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

.font-medium {
    font-weight: 650;
}

.font-semibold {
    font-weight: 750;
}

.break-words {
    overflow-wrap: anywhere;
}

.miw-table {
    min-width: 100%;
    text-align: left;
    font-size: 0.875rem;
}

.miw-table thead {
    background: rgba(37, 33, 30, 0.04);
    color: var(--miw-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.miw-table th,
.miw-table td {
    padding: 0.75rem 1rem;
}

.miw-table tbody tr {
    border-top: 1px solid rgba(37, 33, 30, 0.08);
}

/* Keep report table widths available when Blade changes deploy without rebuilding Tailwind assets. */
.min-w-\[42rem\] {
    min-width: 42rem;
}

.min-w-\[44rem\] {
    min-width: 44rem;
}

.min-w-\[48rem\] {
    min-width: 48rem;
}

.min-w-\[56rem\] {
    min-width: 56rem;
}

.min-w-\[60rem\] {
    min-width: 60rem;
}

.min-w-\[64rem\] {
    min-width: 64rem;
}

.min-w-\[68rem\] {
    min-width: 68rem;
}

.min-w-\[72rem\] {
    min-width: 72rem;
}

.min-w-\[76rem\] {
    min-width: 76rem;
}

.min-w-\[78rem\] {
    min-width: 78rem;
}

.min-w-\[82rem\] {
    min-width: 82rem;
}

.min-w-\[92rem\] {
    min-width: 92rem;
}

.min-w-\[96rem\] {
    min-width: 96rem;
}

.min-w-\[104rem\] {
    min-width: 104rem;
}

.min-w-\[112rem\] {
    min-width: 112rem;
}

.min-w-\[128rem\] {
    min-width: 128rem;
}

.min-w-\[136rem\] {
    min-width: 136rem;
}

.grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
}

@media (min-width: 1024px) {
    .lg\:grid-cols-\[1fr_1fr_1fr_auto\] {
        grid-template-columns: 1fr 1fr 1fr auto;
    }

    .lg\:grid-cols-\[1\.4fr_1fr\] {
        grid-template-columns: 1.4fr 1fr;
    }

    .lg\:grid-cols-\[1\.4fr_1fr_1fr_0\.7fr_0\.7fr_auto\] {
        grid-template-columns: 1.4fr 1fr 1fr 0.7fr 0.7fr auto;
    }

    .lg\:grid-cols-\[1\.5fr_1fr\] {
        grid-template-columns: 1.5fr 1fr;
    }
}

@media (min-width: 1280px) {
    .xl\:grid-cols-\[1\.1fr_0\.9fr\] {
        grid-template-columns: 1.1fr 0.9fr;
    }

    .xl\:grid-cols-\[1\.1fr_1fr\] {
        grid-template-columns: 1.1fr 1fr;
    }

    .xl\:grid-cols-\[1\.4fr_1fr\] {
        grid-template-columns: 1.4fr 1fr;
    }
}

.miw-empty-state {
    border: 1px dashed rgba(255, 59, 143, 0.42);
    border-radius: 8px;
    background: rgba(255, 240, 247, 0.78);
    color: var(--miw-muted);
    padding: 1rem;
}

.miw-empty-title {
    margin-top: 0.5rem;
    color: var(--miw-ink);
    font-weight: 750;
}

.miw-empty-copy {
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.miw-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    background: rgba(255, 59, 143, 0.12);
    color: var(--miw-pink-deep);
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 800;
}

.miw-pill::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
}

.miw-action-metric,
.miw-action-row,
.miw-quick-link {
    border: 1px solid rgba(37, 33, 30, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
}

.miw-action-metric {
    padding: 0.85rem;
}

.miw-action-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}

.miw-action-row > *,
.miw-action-link {
    min-width: 0;
    overflow-wrap: anywhere;
}

.miw-action-row + .miw-action-row {
    margin-top: 0.75rem;
}

.miw-action-link,
.miw-quick-link {
    color: var(--miw-ink);
    font-weight: 800;
    text-decoration: none;
}

.miw-action-link {
    white-space: nowrap;
}

.miw-action-link:hover,
.miw-quick-link:hover {
    color: var(--miw-orange);
}

.miw-quick-link {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem;
}

.miw-risk {
    color: var(--miw-red);
}

.miw-good {
    color: var(--miw-green);
}

.fi-page-header-main-ctn {
    align-items: flex-start;
    flex-wrap: wrap;
    min-width: 0;
}

.fi-header-actions-ctn,
.fi-header-actions-ctn .fi-ac {
    max-width: 100%;
    min-width: 0;
}

.fi-header-actions-ctn {
    flex: 1 1 32rem;
}

.fi-header-actions-ctn .fi-ac {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.fi-header-actions-ctn .fi-btn {
    max-width: 100%;
    min-height: 2.35rem;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .fi-main {
        padding-inline: 0.75rem !important;
    }

    .fi-header-actions-ctn {
        flex-basis: 100%;
        overflow: visible;
        width: 100%;
    }

    .fi-header-actions-ctn .fi-ac {
        justify-content: flex-start;
        width: 100%;
    }

    .fi-header-actions-ctn .fi-btn {
        min-width: 0;
        min-height: 2.2rem;
        padding-inline: 0.85rem !important;
        font-size: 0.82rem !important;
    }

    .fi-page-content {
        gap: 1rem !important;
    }

    .fi-page .grid {
        gap: 0.85rem !important;
    }

    .fi-page .miw-report-filter-panel,
    .fi-page .miw-report-status-card,
    .fi-page .miw-report-metric-card {
        padding: 0.95rem !important;
    }

    .fi-page .miw-report-filter-panel {
        display: grid !important;
        gap: 0.85rem !important;
    }

    .fi-page .miw-report-filter-panel label,
    .fi-page .miw-report-filter-panel > div {
        min-width: 0;
    }

    .fi-page .miw-report-status-card > div:first-child {
        display: grid !important;
        gap: 0.75rem !important;
        padding-left: 0.15rem;
    }

    .fi-page .miw-report-status-card > div:first-child > div:first-child > div:first-child,
    .fi-page .miw-report-metric-card > div:first-child {
        color: var(--miw-muted) !important;
        font-size: 0.68rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.04em !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }

    .fi-page .miw-report-status-card > div:first-child > div:first-child > div:nth-child(2) {
        color: var(--miw-ink) !important;
        font-size: 1.45rem !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        line-height: 1.05 !important;
    }

    .fi-page .miw-report-status-card > div:first-child > div:last-child {
        color: var(--miw-muted) !important;
        font-size: 0.82rem !important;
        font-weight: 700 !important;
    }

    .fi-page .miw-report-metric-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.75rem !important;
    }

    .fi-page .miw-report-metric-card {
        display: flex !important;
        min-height: 6.35rem;
        flex-direction: column;
        justify-content: space-between;
        gap: 0.65rem;
    }

    .fi-page .miw-report-metric-card > div:nth-child(2) {
        color: var(--miw-ink) !important;
        font-size: clamp(1.35rem, 8vw, 2rem) !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        line-height: 0.95 !important;
    }

    .fi-page .miw-report-metric-card > div:nth-child(n+3) {
        color: var(--miw-muted) !important;
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }

    @media (max-width: 359px) {
        .fi-page .miw-report-metric-grid {
            grid-template-columns: 1fr !important;
        }
    }

    .fi-page .rounded-xl.border,
    .fi-main [class*="rounded-xl"][class*="border-gray"] {
        box-shadow: 0 8px 18px rgba(61, 47, 33, 0.08) !important;
    }

    .fi-main table:not(.miw-responsive-table) {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .fi-main th,
    .fi-main td {
        padding: 0.65rem 0.75rem !important;
    }

    .miw-report-shell > * + * {
        margin-top: 1rem;
    }

    .miw-hero-title {
        font-size: 1.55rem;
    }

    .miw-card-value {
        font-size: 1.45rem;
    }

    .miw-report-hero,
    .miw-filter-panel,
    .miw-card,
    .miw-chart-card {
        box-shadow: 0 8px 20px rgba(61, 47, 33, 0.08);
    }

    .miw-chart-header {
        display: block;
        padding: 0.9rem;
    }

    .miw-bar-row {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .miw-bar-track {
        height: 0.65rem;
    }

    .miw-bar-value {
        text-align: left;
        white-space: normal;
    }

    .miw-column-chart {
        display: flex;
        min-height: 11rem;
        gap: 0.75rem;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }

    .miw-column {
        flex: 0 0 5.25rem;
        min-height: 10rem;
        scroll-snap-align: start;
    }

    .miw-stack-track {
        width: 100%;
    }

    .miw-mobile-card-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .miw-mobile-card-side {
        max-width: 7rem;
    }

    .miw-action-row {
        grid-template-columns: 1fr;
    }

    .miw-channel-sync-endpoints,
    .miw-channel-sync-sequence {
        grid-template-columns: 1fr;
    }

    .miw-action-link {
        white-space: normal;
    }

    .miw-responsive-table-card {
        overflow: visible !important;
        border-radius: 8px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .miw-responsive-table-card > [class*="border-b"] {
        border: 1px solid var(--miw-line) !important;
        border-bottom: 0 !important;
        border-radius: 8px 8px 0 0;
        background: var(--miw-panel) !important;
    }

    .miw-responsive-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        white-space: normal !important;
    }

    .miw-responsive-table thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
    }

    .miw-responsive-table tbody {
        display: grid !important;
        gap: 0.75rem !important;
    }

    .miw-responsive-table tr {
        display: grid !important;
        gap: 0 !important;
        border: 1px solid var(--miw-line) !important;
        border-radius: 8px !important;
        background: var(--miw-panel) !important;
        box-shadow: var(--miw-soft-shadow) !important;
        overflow: hidden !important;
    }

    .miw-responsive-table td {
        display: grid !important;
        grid-template-columns: minmax(7.25rem, 40%) minmax(0, 1fr) !important;
        gap: 0.75rem !important;
        align-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(16, 16, 16, 0.08) !important;
        padding: 0.7rem 0.85rem !important;
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .miw-responsive-table td:last-child {
        border-bottom: 0 !important;
    }

    .miw-responsive-table td::before {
        content: attr(data-label);
        grid-column: 1;
        grid-row: 1;
        color: var(--miw-muted);
        font-size: 0.68rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        line-height: 1.25;
        text-align: left;
        text-transform: uppercase;
    }

    .miw-responsive-table td[data-label=""],
    .miw-responsive-table td:not([data-label]) {
        display: block !important;
        text-align: left !important;
    }

    .miw-responsive-table td[data-label=""]::before,
    .miw-responsive-table td:not([data-label])::before {
        content: none;
    }

    .miw-responsive-table td > *,
    .miw-responsive-table td div {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .miw-responsive-table td > * {
        grid-column: 2;
    }

    .miw-responsive-table td:is([data-label="Action"], [data-label="Message"]) {
        grid-template-columns: minmax(0, 1fr) !important;
        text-align: left !important;
    }

    .miw-responsive-table td:is([data-label="Action"], [data-label="Message"])::before,
    .miw-responsive-table td:is([data-label="Action"], [data-label="Message"]) > * {
        grid-column: 1;
    }

    .miw-responsive-table td .font-medium:first-child,
    .miw-responsive-table td.font-medium {
        color: var(--miw-ink);
        font-weight: 850 !important;
    }
}

@media (min-width: 640px) {
    .miw-hero-metrics,
    .miw-filter-grid,
    .miw-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .miw-mobile-list {
        display: none;
    }

    .miw-desktop-table {
        display: block;
    }
}

@media (min-width: 1024px) {
    .miw-report-hero {
        padding: 1.5rem;
    }

    .miw-hero-grid {
        grid-template-columns: 1fr auto;
        align-items: end;
    }

    .miw-hero-metrics {
        min-width: 20rem;
    }
}

@media (min-width: 1280px) {
    .miw-filter-grid,
    .miw-kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1536px) {
    .miw-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .miw-dashboard-grid-wide {
        grid-template-columns: 1.05fr 0.95fr;
    }
}

/* Pending print workload page: keep the Filament admin view styled even after Livewire polling. */
.miw-pending-admin {
    --miw-pa-bg: #f5f7fb;
    --miw-pa-card: #ffffff;
    --miw-pa-card-soft: #f8fafc;
    --miw-pa-line: #d8e0ec;
    --miw-pa-text: #101827;
    --miw-pa-muted: #64748b;
    --miw-pa-pink: #ff4fa3;
    --miw-pa-blue: #2563eb;
    --miw-pa-cyan: #0891b2;
    --miw-pa-amber: #d97706;
    --miw-pa-orange: #ea580c;
    --miw-pa-red: #dc2626;
    --miw-pa-green: #059669;
    color: var(--miw-pa-text);
    display: grid;
    gap: 18px;
}

.miw-pending-admin *,
.miw-pending-admin *::before,
.miw-pending-admin *::after {
    box-sizing: border-box;
}

.miw-pending-admin .miw-pa-hero,
.miw-pending-admin .miw-pa-panel,
.miw-pending-admin .miw-pa-card,
.miw-pending-admin .miw-pa-location {
    background: var(--miw-pa-card);
    border: 1px solid var(--miw-pa-line);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.miw-pending-admin .miw-pa-hero {
    padding: 22px;
}

.miw-pending-admin .miw-pa-hero-main,
.miw-pending-admin .miw-pa-panel-head,
.miw-pending-admin .miw-pa-location-top,
.miw-pending-admin .miw-pa-bucket-row-head {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.miw-pending-admin .miw-pa-eyebrow,
.miw-pending-admin .miw-pa-label {
    color: var(--miw-pa-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.miw-pending-admin .miw-pa-eyebrow {
    color: var(--miw-pa-pink);
    font-size: 12px;
}

.miw-pending-admin .miw-pa-title {
    color: var(--miw-pa-text);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1;
    margin: 6px 0 0;
}

.miw-pending-admin .miw-pa-copy,
.miw-pending-admin .miw-pa-meta,
.miw-pending-admin .miw-pa-muted,
.miw-pending-admin .miw-pa-sub,
.miw-pending-admin .miw-pa-detail {
    color: var(--miw-pa-muted);
}

.miw-pending-admin .miw-pa-copy {
    font-size: 14px;
    line-height: 1.5;
    margin: 12px 0 0;
    max-width: 880px;
}

.miw-pending-admin .miw-pa-meta {
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
    white-space: nowrap;
}

.miw-pending-admin .miw-pa-alert {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #9a3412;
    font-size: 13px;
    line-height: 1.45;
    margin-top: 16px;
    padding: 12px 14px;
}

.miw-pending-admin .miw-pa-alert strong {
    color: #7c2d12;
    display: block;
    margin-bottom: 3px;
}

.miw-pending-admin .miw-pa-grid {
    display: grid;
    gap: 12px;
}

.miw-pending-admin .miw-pa-grid--cards,
.miw-pending-admin .miw-pa-grid--sources {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.miw-pending-admin .miw-pa-grid--freshness,
.miw-pending-admin .miw-pa-grid--locations,
.miw-pending-admin .miw-pa-grid--nesting,
.miw-pending-admin .miw-pa-grid--production {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.miw-pending-admin .miw-pa-grid--body {
    align-items: start;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
}

.miw-pending-admin .miw-pa-card {
    overflow: hidden;
    padding: 16px;
    position: relative;
}

.miw-pending-admin .miw-pa-card::before {
    background: var(--miw-pa-line);
    content: "";
    height: 4px;
    inset: 0 0 auto 0;
    position: absolute;
}

.miw-pending-admin .miw-pa-card--amber::before { background: var(--miw-pa-amber); }
.miw-pending-admin .miw-pa-card--blue::before { background: var(--miw-pa-blue); }
.miw-pending-admin .miw-pa-card--cyan::before { background: var(--miw-pa-cyan); }
.miw-pending-admin .miw-pa-card--orange::before { background: var(--miw-pa-orange); }
.miw-pending-admin .miw-pa-card--red::before { background: var(--miw-pa-red); }
.miw-pending-admin .miw-pa-card--green::before { background: var(--miw-pa-green); }

.miw-pending-admin .miw-pa-value {
    color: var(--miw-pa-text);
    font-size: 34px;
    font-weight: 850;
    line-height: 1;
    margin-top: 10px;
}

.miw-pending-admin .miw-pa-detail,
.miw-pending-admin .miw-pa-sub {
    font-size: 12px;
    line-height: 1.35;
    margin-top: 4px;
}

.miw-pending-admin .miw-pa-panel {
    overflow: hidden;
}

.miw-pending-admin .miw-pa-panel-head {
    background: var(--miw-pa-card-soft);
    border-bottom: 1px solid var(--miw-pa-line);
    padding: 14px 16px;
}

.miw-pending-admin .miw-pa-panel-title {
    color: var(--miw-pa-text);
    font-size: 15px;
    font-weight: 800;
}

.miw-pending-admin .miw-pa-locations {
    padding: 14px;
}

.miw-pending-admin .miw-pa-location {
    box-shadow: none;
    padding: 14px;
}

.miw-pending-admin .miw-pa-location-name {
    color: var(--miw-pa-text);
    font-size: 18px;
    font-weight: 850;
}

.miw-pending-admin .miw-pa-location-count {
    color: var(--miw-pa-text);
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}

.miw-pending-admin .miw-pa-status-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 13px;
}

.miw-pending-admin .miw-pa-status-cell,
.miw-pending-admin .miw-pa-bucket-row {
    background: var(--miw-pa-card-soft);
    border: 1px solid #e5ebf3;
    border-radius: 8px;
    padding: 9px;
}

.miw-pending-admin .miw-pa-status-cell strong {
    color: var(--miw-pa-text);
    display: block;
    font-size: 18px;
    margin-top: 3px;
}

.miw-pending-admin .miw-pa-chip,
.miw-pending-admin .miw-pa-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.miw-pending-admin .miw-pa-chip--fresh,
.miw-pending-admin .miw-pa-chip--ok,
.miw-pending-admin .miw-pa-chip--informational,
.miw-pending-admin .miw-pa-status--printed {
    background: #d1fae5;
    color: #065f46;
}

.miw-pending-admin .miw-pa-chip--stale,
.miw-pending-admin .miw-pa-chip--missing,
.miw-pending-admin .miw-pa-chip--timeout,
.miw-pending-admin .miw-pa-chip--unreadable,
.miw-pending-admin .miw-pa-chip--warning,
.miw-pending-admin .miw-pa-chip--skipped,
.miw-pending-admin .miw-pa-status--pending_to_rip {
    background: #fef3c7;
    color: #92400e;
}

.miw-pending-admin .miw-pa-chip--failed {
    background: #fee2e2;
    color: #991b1b;
}

.miw-pending-admin .miw-pa-status--added_to_rip {
    background: #dbeafe;
    color: #1d4ed8;
}

.miw-pending-admin .miw-pa-status--rip_complete {
    background: #cffafe;
    color: #0e7490;
}

.miw-pending-admin .miw-pa-status--unprinted_in_rip {
    background: #ffedd5;
    color: #c2410c;
}

.miw-pending-admin .miw-pa-table-wrap {
    overflow-x: auto;
}

.miw-pending-admin .miw-pa-table {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

.miw-pending-admin .miw-pa-table th {
    background: var(--miw-pa-card-soft);
    border-bottom: 1px solid var(--miw-pa-line);
    color: var(--miw-pa-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    padding: 12px;
    text-align: left;
    text-transform: uppercase;
}

.miw-pending-admin .miw-pa-table td {
    border-bottom: 1px solid #edf2f7;
    color: var(--miw-pa-text);
    font-size: 13px;
    padding: 12px;
    vertical-align: top;
}

.miw-pending-admin .miw-pa-table tbody tr:nth-child(even) {
    background: #fbfdff;
}

.miw-pending-admin .miw-pa-table tbody tr.miw-pa-row-attention {
    background: #fff7ed;
}

.miw-pending-admin .miw-pa-file,
.miw-pending-admin .miw-pa-bucket-row-name {
    color: var(--miw-pa-text);
    font-weight: 750;
    line-height: 1.35;
    max-width: 540px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miw-pending-admin .miw-pa-attention {
    color: var(--miw-pa-red);
    font-weight: 750;
}

.miw-pending-admin .miw-pa-side,
.miw-pending-admin .miw-pa-list,
.miw-pending-admin .miw-pa-bucket-list {
    display: grid;
    gap: 12px;
}

.miw-pending-admin .miw-pa-list {
    gap: 0;
}

.miw-pending-admin .miw-pa-list-item {
    border-bottom: 1px solid #edf2f7;
    padding: 13px 16px;
}

.miw-pending-admin .miw-pa-list-item:last-child {
    border-bottom: 0;
}

.miw-pending-admin .miw-pa-empty {
    color: var(--miw-pa-muted);
    font-size: 13px;
    padding: 22px 16px;
    text-align: center;
}

.miw-pending-admin .miw-pa-link {
    color: #2563eb;
    font-weight: 750;
    text-decoration: none;
}

.dark .miw-pending-admin {
    --miw-pa-bg: #0b0c10;
    --miw-pa-card: #151519;
    --miw-pa-card-soft: #101114;
    --miw-pa-line: rgba(244, 244, 245, 0.14);
    --miw-pa-text: #f4f4f5;
    --miw-pa-muted: #a1a1aa;
}

.dark .miw-pending-admin .miw-pa-table tbody tr:nth-child(even),
.dark .miw-pending-admin .miw-pa-status-cell,
.dark .miw-pending-admin .miw-pa-bucket-row {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(244, 244, 245, 0.12);
}

.dark .miw-pending-admin .miw-pa-table td,
.dark .miw-pending-admin .miw-pa-list-item {
    border-color: rgba(244, 244, 245, 0.1);
}

@media (max-width: 1300px) {
    .miw-pending-admin .miw-pa-grid--cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .miw-pending-admin .miw-pa-hero-main,
    .miw-pending-admin .miw-pa-panel-head {
        flex-direction: column;
    }

    .miw-pending-admin .miw-pa-meta {
        text-align: left;
        white-space: normal;
    }

    .miw-pending-admin .miw-pa-grid--cards,
    .miw-pending-admin .miw-pa-grid--freshness,
    .miw-pending-admin .miw-pa-grid--sources,
    .miw-pending-admin .miw-pa-grid--locations,
    .miw-pending-admin .miw-pa-grid--nesting,
    .miw-pending-admin .miw-pa-grid--production,
    .miw-pending-admin .miw-pa-grid--body {
        grid-template-columns: 1fr;
    }

    .miw-pending-admin .miw-pa-title {
        font-size: 34px;
    }

    .miw-pending-admin .miw-pa-value {
        font-size: 30px;
    }
}