/* IAM-11D4: externalized page-scoped style blocks from advances.html */

.hover-svg svg {
            transition: transform .15s ease, opacity .15s ease;
        }

        .hover-svg:hover svg {
            transform: scale(1.08);
        }

        .metric-card h3,
        .metric-card h4 {
            margin-bottom: .25rem;
        }

        .metric-card,
        .summary-card,
        .quick-card {
            border-radius: 1rem;
        }

        .advance-status-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border-radius: 999px;
            padding: .35rem .7rem;
            font-size: .78rem;
            font-weight: 600;
        }

        .advance-status-warning {
            background: rgba(255,193,7,.14);
            color: #946200;
        }

        .advance-status-success {
            background: rgba(25,135,84,.12);
            color: #146c43;
        }

        .advance-status-danger {
            background: rgba(220,53,69,.12);
            color: #b02a37;
        }

        .advance-status-soft,
        .advance-status-info {
            background: rgba(108,117,125,.12);
            color: #495057;
        }

        .summary-tile {
            border: 1px dashed rgba(0,0,0,.12);
            border-radius: 1rem;
            padding: .9rem 1rem;
            background: var(--bs-body-bg);
            height: 100%;
        }

        .summary-tile .label {
            color: var(--bs-secondary-color);
            font-size: .75rem;
            text-transform: uppercase;
            letter-spacing: .03em;
            margin-bottom: .2rem;
        }

        .summary-tile .value {
            font-size: 1.05rem;
            font-weight: 700;
        }

        .mini-muted {
            color: var(--bs-secondary-color);
            font-size: .85rem;
        }

        .quick-metrics {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .5rem;
        }

        .quick-metric {
            border: 1px solid rgba(0,0,0,.08);
            border-radius: .85rem;
            padding: .65rem .75rem;
            background: rgba(0,0,0,.015);
            min-width: 0;
        }

        .quick-metric .label {
            color: var(--bs-secondary-color);
            font-size: .72rem;
            line-height: 1.15;
        }

        .quick-metric .value {
            font-size: .9rem;
            font-weight: 700;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .expense-quick-panel {
            position: sticky;
            top: 88px;
            max-height: calc(100vh - 112px);
            overflow-y: auto;
        }

        @media (max-width: 1199.98px) {
            .expense-quick-panel {
                position: static;
                max-height: none;
                overflow: visible;
            }
        }

        .expense-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 0;
            margin-left: .25rem;
        }

        .expense-table-wrap table.dataTable thead th,
        .expense-table-wrap table.dataTable tbody td,
        .expense-table-wrap table thead th,
        .expense-table-wrap table tbody td {
            vertical-align: middle;
        }

        .advance-table-empty {
            text-align: center;
            color: var(--bs-secondary-color);
            padding: 2rem 1rem !important;
        }

        .advance-action-bar {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem;
        }

        .advance-readonly-person {
            border: 1px solid rgba(0,0,0,.08);
            border-radius: .9rem;
            background: rgba(0,0,0,.015);
            padding: .78rem .9rem;
            min-height: 58px;
        }

        .advance-readonly-person__label,
        .advance-lookup-hint {
            color: var(--bs-secondary-color);
            font-size: .75rem;
        }

        .advance-readonly-person__value {
            font-weight: 600;
            margin-top: .15rem;
        }

        .advance-action-groups {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: .75rem;
            margin: 1rem 0;
        }

        .advance-action-group {
            border: 1px solid rgba(0,0,0,.08);
            border-radius: .9rem;
            background: var(--bs-body-bg);
            padding: .85rem;
            min-width: 0;
        }

        .advance-action-group__title {
            color: var(--bs-secondary-color);
            font-size: .72rem;
            font-weight: 700;
            letter-spacing: .03em;
            text-transform: uppercase;
            margin-bottom: .65rem;
        }

        .advance-action-group__buttons {
            display: flex;
            flex-wrap: wrap;
            gap: .45rem;
        }

        .advance-action-group__buttons .btn {
            border-radius: 999px;
        }

        .advance-history {
            display: grid;
            gap: .65rem;
        }

        .advance-history-item {
            position: relative;
            border: 1px solid rgba(0,0,0,.08);
            border-radius: .9rem;
            background: rgba(0,0,0,.015);
            padding: .75rem .85rem .75rem 2.2rem;
        }

        .advance-history-item::before {
            content: "";
            position: absolute;
            left: .85rem;
            top: 1rem;
            width: .65rem;
            height: .65rem;
            border-radius: 50%;
            background: var(--bs-primary);
            box-shadow: 0 0 0 .22rem rgba(111, 83, 198, .12);
        }

        .advance-history-item__meta {
            color: var(--bs-secondary-color);
            font-size: .78rem;
        }

        .advance-history-item__note {
            color: var(--bs-body-color);
            font-size: .86rem;
            margin-top: .3rem;
        }

        .advance-detail-summary {
            border: 1px solid rgba(111, 83, 198, .16);
            border-radius: 1rem;
            background: linear-gradient(180deg, rgba(111, 83, 198, .06), rgba(255,255,255,.86));
            padding: 1rem;
        }

        .advance-detail-summary__grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: .75rem;
        }

        .advance-detail-summary__item {
            border: 1px solid rgba(0,0,0,.08);
            border-radius: .75rem;
            background: var(--bs-body-bg);
            padding: .75rem;
        }

        .advance-detail-summary__label {
            color: var(--bs-secondary-color);
            font-size: .75rem;
            text-transform: uppercase;
            letter-spacing: .02em;
        }

        .advance-detail-summary__value {
            font-weight: 700;
            margin-top: .2rem;
        }

        @media (max-width: 991.98px) {
            .advance-detail-summary__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .advance-action-groups {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 575.98px) {
            .advance-detail-summary__grid {
                grid-template-columns: 1fr;
            }
        }