/*
 * MMS Final UI Polish — v1 / Filament 5 / no Tailwind build needed.
 * Scoped to the admin panel. Company theme and font remain owned by Filament.
 * No layout resets and no !important declarations.
 */
.fi-body.fi-panel-admin {
    --mms-polish-line: #e7eaf0;
    --mms-polish-soft: #f8fafc;
    --mms-polish-ink: #111827;
    --mms-polish-muted: #64748b;
    --mms-polish-shadow: 0 8px 26px rgba(15, 23, 42, .045);
    --mms-polish-shadow-hover: 0 12px 30px rgba(15, 23, 42, .075);
    --mms-polish-radius: 15px;
    font-feature-settings: "cv11", "ss01";
    -webkit-font-smoothing: antialiased;
}

/* Top bar and navigation: unobtrusive separation, no altered positioning. */
.fi-body.fi-panel-admin .fi-topbar {
    box-shadow: 0 1px 0 rgba(15, 23, 42, .055);
    backdrop-filter: saturate(135%) blur(9px);
}
.fi-body.fi-panel-admin .fi-sidebar {
    border-inline-end: 1px solid var(--mms-polish-line);
}
.fi-body.fi-panel-admin .fi-sidebar-item a,
.fi-body.fi-panel-admin .fi-sidebar-item button {
    border-radius: 10px;
    transition: background-color .18s ease, color .18s ease;
}
.fi-body.fi-panel-admin .fi-sidebar-item-active > a {
    font-weight: 650;
}

/* Page title and breadcrumbs. */
.fi-body.fi-panel-admin .fi-header-heading {
    letter-spacing: -.025em;
    font-weight: 750;
}
.fi-body.fi-panel-admin .fi-breadcrumbs {
    font-size: .85rem;
}

/* Native Filament cards/tables: consistent radius and restrained elevation. */
.fi-body.fi-panel-admin :is(.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat) {
    border-radius: var(--mms-polish-radius);
    box-shadow: var(--mms-polish-shadow);
    transition: box-shadow .18s ease;
}
.fi-body.fi-panel-admin :is(.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat):hover {
    box-shadow: var(--mms-polish-shadow-hover);
}
.fi-body.fi-panel-admin :is(.fi-section-header-heading, .fi-wi-stats-overview-stat-value) {
    letter-spacing: -.015em;
}
.fi-body.fi-panel-admin .fi-ta-table tbody tr {
    transition: background-color .16s ease;
}
.fi-body.fi-panel-admin .fi-ta-table tbody tr:hover {
    background-color: rgba(148, 163, 184, .045);
}

/* Actions & inputs keep Filament's semantic color classes and sizes. */
.fi-body.fi-panel-admin :is(.fi-btn, .fi-icon-btn) {
    border-radius: 10px;
    transition: box-shadow .16s ease, filter .16s ease;
}
.fi-body.fi-panel-admin .fi-btn:not(:disabled):hover {
    filter: brightness(.985);
}
.fi-body.fi-panel-admin .fi-input-wrp {
    border-radius: 10px;
    transition: box-shadow .16s ease;
}
.fi-body.fi-panel-admin :is(.fi-input-wrp, .fi-btn, .fi-icon-btn):focus-within {
    outline-offset: 2px;
}
.fi-body.fi-panel-admin .fi-badge {
    border-radius: 999px;
    font-weight: 650;
}
.fi-body.fi-panel-admin .fi-modal-window {
    border-radius: 18px;
    box-shadow: 0 22px 70px rgba(15, 23, 42, .16);
}

/* Real Filament toast notifications: emphasis on title/body readability. */
.fi-body.fi-panel-admin .fi-no-notifications {
    max-width: min(440px, calc(100vw - 24px));
}
.fi-body.fi-panel-admin .fi-no-notification {
    border: 1px solid var(--mms-polish-line);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16), 0 3px 9px rgba(15, 23, 42, .06);
    backdrop-filter: blur(12px);
}
.fi-body.fi-panel-admin .fi-no-notification .fi-no-notification-title {
    font-size: .94rem;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: -.012em;
}
.fi-body.fi-panel-admin .fi-no-notification .fi-no-notification-body {
    font-size: .84rem;
    line-height: 1.6;
    opacity: .87;
}
.fi-body.fi-panel-admin .fi-no-notification:has(.fi-color-success) {
    border-inline-start: 4px solid #16a34a;
}
.fi-body.fi-panel-admin .fi-no-notification:has(.fi-color-info) {
    border-inline-start: 4px solid #0284c7;
}
.fi-body.fi-panel-admin .fi-no-notification:has(.fi-color-warning) {
    border-inline-start: 4px solid #d97706;
}
.fi-body.fi-panel-admin .fi-no-notification:has(.fi-color-danger) {
    border-inline-start: 4px solid #dc2626;
}

/* Restricted notification demonstration page (no financial operations). */
.fi-body.fi-panel-admin .mms-polish-preview {
    max-width: 900px;
    border-radius: 18px;
    padding: clamp(18px, 3vw, 30px);
    background: white;
    border: 1px solid var(--mms-polish-line);
    box-shadow: var(--mms-polish-shadow);
}
.fi-body.fi-panel-admin .mms-polish-preview__header h2 {
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    font-weight: 750;
    letter-spacing: -.02em;
    margin: 4px 0 8px;
}
.fi-body.fi-panel-admin .mms-polish-preview__eyebrow {
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: 800;
    color: var(--mms-polish-brand, #2563eb);
    letter-spacing: .09em;
}
.fi-body.fi-panel-admin .mms-polish-preview__header p:not(.mms-polish-preview__eyebrow),
.fi-body.fi-panel-admin .mms-polish-preview__note {
    color: var(--mms-polish-muted);
    line-height: 1.65;
    font-size: .9rem;
}
.fi-body.fi-panel-admin .mms-polish-preview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-block: 22px;
}
.fi-body.fi-panel-admin .mms-polish-preview__button {
    border-radius: 11px;
    padding: 13px 15px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    border: 1px solid transparent;
    transition: filter .15s ease, box-shadow .15s ease;
}
.fi-body.fi-panel-admin .mms-polish-preview__button:hover {
    filter: brightness(.975);
    box-shadow: 0 5px 16px rgba(15, 23, 42, .09);
}
.fi-body.fi-panel-admin .mms-polish-preview__button:disabled { opacity: .55; cursor: wait; }
.fi-body.fi-panel-admin .mms-polish-preview__button.is-success { background: #dcfce7; border-color: #bbf7d0; color: #166534; }
.fi-body.fi-panel-admin .mms-polish-preview__button.is-info { background: #e0f2fe; border-color: #bae6fd; color: #075985; }
.fi-body.fi-panel-admin .mms-polish-preview__button.is-warning { background: #fef3c7; border-color: #fde68a; color: #92400e; }
.fi-body.fi-panel-admin .mms-polish-preview__button.is-danger { background: #fee2e2; border-color: #fecaca; color: #991b1b; }

html.dark .fi-body.fi-panel-admin {
    --mms-polish-line: #293343;
    --mms-polish-soft: #172131;
    --mms-polish-ink: #f8fafc;
    --mms-polish-muted: #9baec6;
    --mms-polish-shadow: 0 8px 26px rgba(0, 0, 0, .12);
    --mms-polish-shadow-hover: 0 12px 30px rgba(0, 0, 0, .19);
}
html.dark .fi-body.fi-panel-admin .mms-polish-preview {
    background-color: #151d2b;
}
html.dark .fi-body.fi-panel-admin .fi-no-notification {
    box-shadow: 0 20px 55px rgba(0,0,0,.4);
}
html.dark .fi-body.fi-panel-admin .fi-ta-table tbody tr:hover {
    background-color: rgba(148, 163, 184, .07);
}
@media (max-width: 640px) {
    .fi-body.fi-panel-admin .mms-polish-preview__grid { grid-template-columns: 1fr; }
    .fi-body.fi-panel-admin .fi-no-notifications { max-width: calc(100vw - 16px); }
    .fi-body.fi-panel-admin .mms-polish-preview { border-radius: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .fi-body.fi-panel-admin :is(.fi-btn, .fi-icon-btn, .fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-input-wrp, .fi-sidebar-item a, .fi-sidebar-item button, .fi-ta-table tbody tr, .mms-polish-preview__button) {
        transition: none;
    }
}
