/* Admin completion layer: audit filters, quote workflow and billing console */
.analytics-filters {
    margin: 0 0 18px;
    padding: 16px;
    background: #fff;
    border: 1px solid #d4c8b2;
    border-radius: 7px;
    box-shadow: 0 1px 4px rgba(3, 31, 23, .05);
}

/* Gentelella-inspired finishing layer for the IvoireVeto back office. */
.is-hmd {
    --hmd-blue: #1abb9c;
    --hmd-teal: #26b99a;
    --hmd-ink: #2a3f54;
    --hmd-muted: #73879c;
    --hmd-border: #d9dee4;
    --hmd-panel: #f7f9fb;
    background: #f7f9fb;
}

.is-hmd .admin-shell {
    grid-template-columns: 300px 1fr;
    background: #f7f9fb;
}

.is-hmd .admin-side {
    background: #2a3f54 !important;
    color: #ecf0f1 !important;
    border-right: 0 !important;
    box-shadow: 8px 0 28px rgba(42, 63, 84, .14);
}

.hmd-brand,
.hmd-brand strong,
.is-hmd .admin-user-card strong {
    color: #fff !important;
}

.hmd-brand > span {
    background: linear-gradient(135deg, #1abb9c, #169f85);
    box-shadow: 0 10px 26px rgba(26, 187, 156, .28);
}

.hmd-brand strong span {
    color: #1abb9c;
}

.hmd-brand small,
.is-hmd .admin-side label,
.hmd-sidebar-footer {
    color: #b8c7ce !important;
}

.is-hmd .admin-user-card {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .12);
}

.is-hmd .admin-user-card > span,
.hmd-user span {
    color: #fff;
    background: #1abb9c;
    border-color: rgba(255, 255, 255, .32);
}

.is-hmd .admin-user-card small {
    color: #ffe8e8;
    background: rgba(231, 76, 60, .18);
    border-color: rgba(231, 76, 60, .25);
}

.is-hmd .admin-side select {
    background: #223447;
    color: #fff;
    border-color: rgba(255, 255, 255, .15);
}

.is-hmd .admin-side a:not(.hmd-brand) {
    color: #e7edf2 !important;
    border-left: 3px solid transparent;
}

.is-hmd .admin-side a:not(.hmd-brand) span {
    color: #1abb9c;
    background: rgba(26, 187, 156, .12);
}

.is-hmd .admin-side a.on,
.is-hmd .admin-side a:not(.hmd-brand):hover {
    color: #fff !important;
    background: #25384c !important;
    border-left-color: #1abb9c;
}

.is-hmd .admin-side a b,
.is-hmd .admin-side a em {
    color: #2a3f54;
    border: 0;
}

.hmd-sidebar-footer {
    border-top-color: rgba(255, 255, 255, .12);
}

.is-hmd .admin-main {
    background: #f7f9fb;
}

.hmd-navbar {
    min-height: 76px;
    background: #ededed;
    border-bottom-color: #d9dee4;
    box-shadow: 0 1px 0 rgba(42, 63, 84, .06);
}

.hmd-menu,
.hmd-search,
.hmd-nav-actions > a:first-child,
.hmd-nav-actions > a:nth-child(2),
.hmd-nav-actions strong {
    background: #fff;
    border-color: #d9dee4;
}

.hmd-nav-actions > a:nth-child(3) {
    background: #2a3f54;
    border-color: #2a3f54;
}

.hmd-page-icon,
.hmd-recent-users h2 i,
.chart-card h2:before {
    color: #1abb9c;
    background: #e9fbf7;
}

.hmd-heading small,
.hmd-heading h1,
.is-hmd .chart-card h2,
.is-hmd .stat-card h2,
.hmd-recent-users h2 {
    color: #2a3f54;
}

.hmd-heading p,
.hmd-recent-users p,
.is-hmd .admin-kpis article span,
.is-hmd .admin-kpis article:first-child span,
.is-hmd .admin-kpis article:first-child small,
.is-hmd .admin-kpis article small {
    color: #73879c;
}

.is-hmd .admin-kpis article,
.is-hmd .chart-card,
.is-hmd .stat-card,
.hmd-recent-users,
.is-hmd .quote-card,
.is-hmd .admin-table,
.is-hmd .admin-toolbar,
.is-hmd .admin-rbac,
.is-hmd .site-config-card,
.is-hmd .site-preview-card {
    border-color: #d9dee4;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(42, 63, 84, .10);
}

.is-hmd .admin-kpis article {
    border-left-width: 5px;
}

.is-hmd .admin-kpis article:nth-child(1) { border-left-color: #1abb9c; }
.is-hmd .admin-kpis article:nth-child(2) { border-left-color: #3498db; }
.is-hmd .admin-kpis article:nth-child(3) { border-left-color: #f39c12; }
.is-hmd .admin-kpis article:nth-child(4) { border-left-color: #e74c3c; }

.is-hmd .admin-kpis article strong {
    color: #2a3f54 !important;
}

.is-hmd .line-chart {
    position: relative;
    height: 320px;
    margin-top: 22px;
    padding: 58px 42px 48px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    gap: 28px;
    overflow: hidden;
    border: 1px solid #edf1f4;
    border-radius: 4px;
    background:
        repeating-linear-gradient(to bottom, transparent 0 20%, #e8edf2 20.3% 20.7%, transparent 21%),
        linear-gradient(#fff, #fff);
}

.is-hmd .line-chart:before {
    content: "";
    position: absolute;
    left: 42px;
    right: 42px;
    top: 42px;
    bottom: 48px;
    box-shadow: none;
    border: 0;
    background: none;
}

.is-hmd .line-chart:after {
    content: "Jan Feb Mar Apr May Jun";
    position: absolute;
    left: 58px;
    right: 58px;
    bottom: 16px;
    display: flex;
    justify-content: space-between;
    word-spacing: normal;
    color: #73879c;
    font-size: 12px;
    font-weight: 700;
}

.is-hmd .line-chart i,
.is-hmd .line-chart span,
.is-hmd .line-chart b {
    display: block !important;
    align-self: end;
    min-height: 74px;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(180deg, #3498db, #1abb9c);
    box-shadow: 0 14px 22px rgba(26, 187, 156, .16);
}

.is-hmd .line-chart i { height: 48%; }
.is-hmd .line-chart span:nth-of-type(1) { height: 72%; }
.is-hmd .line-chart span:nth-of-type(2) { height: 60%; }
.is-hmd .line-chart span:nth-of-type(3) { height: 86%; }
.is-hmd .line-chart span:nth-of-type(4) { height: 78%; }
.is-hmd .line-chart b { height: 96%; }

.is-hmd .donut-chart {
    background: conic-gradient(#1abb9c 0 58%, #3498db 58% 77%, #f39c12 77% 91%, #e74c3c 91% 100%);
}

.is-hmd .admin-table {
    overflow: hidden;
}

.is-hmd .admin-table th {
    background: #2a3f54 !important;
    color: #fff;
    border-bottom: 0;
}

.is-hmd .admin-table td {
    color: #2a3f54;
}

.is-hmd .admin-table tr:hover td {
    background: #f5faf9;
}

.is-hmd .admin-table mark,
.is-hmd .quote-card mark {
    color: #0b5e4d;
    background: #ecfbf7;
    border-color: #b8efe2;
}

.action-buttons,
.row-actions.action-buttons {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 164px;
}

.action-buttons a,
.action-buttons button {
    position: relative;
    display: inline-grid !important;
    width: 42px !important;
    height: 42px !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.action-buttons a:hover,
.action-buttons button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(42, 63, 84, .12);
}

.action-buttons i {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.action-view {
    color: #169f85 !important;
    background: #eefcf8 !important;
    border-color: #a7eadb !important;
}

.action-edit {
    color: #f39c12 !important;
    background: #fff7e6 !important;
    border-color: #ffd18a !important;
}

.action-delete {
    color: #e74c3c !important;
    background: #fff1f1 !important;
    border-color: #ffc4c4 !important;
}

.action-view:after,
.action-edit:after,
.action-delete:after {
    display: none;
}

.action-view:before,
.action-edit:before,
.action-delete:before {
    display: none;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.action-view:not(:has(i)):before { content: "👁"; display: block; }
.action-edit:not(:has(i)):before { content: "✎"; display: block; }
.action-delete:not(:has(i)):before { content: "⌫"; display: block; }

.is-hmd .btn.primary {
    background: #1abb9c;
    border-color: #1abb9c;
    color: #fff;
}

.is-hmd .btn.ghost {
    color: #2a3f54;
    border-color: #d9dee4;
}

.analytics-filters header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.analytics-filters h2 {
    margin: 0;
    color: #031f17;
    font-size: 12px;
    letter-spacing: .9px;
    text-transform: uppercase;
}

.analytics-filters header a {
    color: #6f665c;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.analytics-filter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.35fr;
    gap: 18px;
}

.analytics-filter-grid b {
    display: block;
    margin-bottom: 8px;
    color: #4e463e;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.analytics-filter-grid nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.analytics-filter-grid a {
    display: flex;
    align-items: center;
    min-height: 28px;
    padding: 7px 10px;
    color: #4e463e;
    background: #fffaf2;
    border: 1px solid #cdbf9c;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none;
}

.analytics-filter-grid a.active {
    color: #fff;
    background: #174b36;
    border-color: #174b36;
}

.analytics-filter-grid a.orange {
    background: #f47323;
    border-color: #f47323;
}

.analytics-filter-grid select {
    width: 100%;
    min-height: 34px;
    padding: 8px 10px;
    color: #4e463e;
    background: #fffaf2;
    border: 1px solid #cdbf9c;
    border-radius: 4px;
}

.analytics-filter-grid small {
    display: block;
    margin-top: 7px;
    color: #948a7e;
    font-size: 9px;
    font-style: italic;
}

.admin-kpis article:first-child {
    color: #fff;
    background: linear-gradient(135deg, #0b3425, #154f38);
    border-color: #0b3425;
}

.admin-kpis article:first-child span,
.admin-kpis article:first-child small {
    color: #c8efd9;
}

.admin-kpis article:first-child strong {
    color: #fff;
}

.admin-console .bi,
.admin-table .bi,
.quote-card .bi,
.invoice-widget .bi {
    line-height: 1;
    margin-right: 6px;
}

.btn.success {
    color: #047857;
    background: #e7fff1;
    border: 1px solid #6ee7b7;
}

.audit-filters {
    grid-template-columns: 1fr 150px 150px 150px auto auto auto;
}

.audit-filters label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7d7469;
    font-size: 10px;
    font-weight: 1000;
    text-transform: uppercase;
}

.audit-filters label input {
    min-width: 0;
}

.audit-clear-form {
    display: flex;
    justify-content: flex-end;
    margin: -10px 0 18px;
}

.quote-filter-console {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin: 0 0 18px;
    padding: 18px;
    background: #f7f4eb;
    border: 1px solid #d4c8b2;
    border-radius: 8px;
}

.quote-filter-console input,
.quote-filter-console select {
    width: 100%;
    padding: 13px;
    background: #fff;
    border: 1px solid #cdbf9c;
    border-radius: 5px;
}

.quote-filter-console div {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #cdbf9c;
    border-radius: 5px;
}

.quote-filter-console div b {
    color: #9b8c7a;
    font-size: 10px;
    text-transform: uppercase;
}

.quote-filter-console div a,
.quote-filter-console div button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    color: #6b5f51;
    background: transparent;
    border: 0;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 1000;
    text-decoration: none;
    text-transform: uppercase;
}

.quote-filter-console div a.active,
.quote-filter-console div button:first-of-type {
    color: #fff;
    background: #164a34;
}

.quote-filter-console p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: 1 / -1;
    gap: 12px;
    margin: 0;
    padding: 11px;
    color: #6b625b;
    background: #fff;
    border-radius: 4px;
}

.quote-filter-console p a {
    color: #f47323;
    font-size: 10px;
    font-weight: 1000;
    text-decoration: none;
    text-transform: uppercase;
}

.quote-empty-state {
    display: grid;
    place-items: center;
    gap: 12px;
    min-height: 130px;
    margin: 14px 0 22px;
    padding: 28px;
    text-align: center;
    background: #fff;
    border: 1px dashed #d4c8b2;
    border-radius: 8px;
}

.quote-empty-state p {
    margin: 0;
    color: #7b7168;
}

.quote-card-tools {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0 0;
}

.quote-card > ul,
.quote-card > p,
.quote-card > em,
.quote-card > .invoice-widget,
.quote-card > .billing-panel,
.quote-card > footer {
    display: none;
}

.quote-modal-shell {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 36px 18px;
    background: rgba(8, 39, 25, .62);
    overflow: auto;
}

.quote-modal-shell.open {
    display: flex;
}

.quote-modal-card {
    position: relative;
    width: min(1180px, 100%);
    background: #f7f4eb;
    border-top: 5px solid #f47323;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.quote-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    width: 42px;
    height: 42px;
    color: #6d6256;
    background: #efeae0;
    border: 0;
    border-radius: 50%;
    font-size: 28px;
    cursor: pointer;
}

.quote-modal-card .quote-card {
    margin: 0;
    padding: 28px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.quote-modal-card .quote-card > ul {
    display: grid;
    gap: 0;
    margin: 18px 0;
    padding: 14px;
    background: #fffaf5;
    border-radius: 8px;
    list-style: none;
}

.quote-modal-card .quote-card > ul li {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eadfce;
}

.quote-modal-card .quote-card > ul li:last-child {
    border-bottom: 0;
}

.quote-modal-card .quote-card > ul img {
    width: 58px;
    height: 48px;
    object-fit: cover;
    background: #f3eadf;
    border: 1px solid #dfd3c1;
    border-radius: 6px;
}

.quote-modal-card .quote-card > ul span {
    display: block;
    font-weight: 900;
}

.quote-modal-card .quote-card > ul small {
    display: block;
    margin-top: 3px;
    color: #8a8177;
    font-size: 10px;
    text-transform: uppercase;
}

.quote-modal-card .quote-card > ul b {
    text-align: right;
    white-space: nowrap;
}

.quote-modal-card .quote-card > p,
.quote-modal-card .quote-card > em,
.quote-modal-card .quote-card > .invoice-widget,
.quote-modal-card .quote-card > .billing-panel {
    display: block;
}

.quote-modal-card .quote-card > em {
    padding: 12px;
    background: #fff;
    border-radius: 6px;
}

.quote-modal-card .quote-card > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e1d6c7;
}

.billing-panel {
    margin: 18px 0;
    padding: 20px;
    background: #fff;
    border: 2px solid #f47323;
    border-radius: 10px;
}

.billing-panel header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8dfcf;
}

.billing-panel h2 {
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
}

.billing-panel h3 {
    margin: 22px 0 14px;
    color: #5a5149;
    font-size: 11px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.billing-client-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
}

.billing-client-fields label {
    display: grid;
    gap: 6px;
    color: #6b625b;
}

.billing-client-fields input {
    width: 100%;
    padding: 10px;
    background: #f7f4ed;
    border: 1px solid #cdbf9c;
    border-radius: 5px;
}

.billing-line {
    display: grid;
    grid-template-columns: 1fr 220px 150px 120px;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px;
    padding: 12px 14px;
    border: 1px solid #d8cdb9;
    border-radius: 5px;
}

.billing-line label,
.billing-fields label {
    display: grid;
    gap: 6px;
    color: #6b625b;
}

.billing-line input,
.billing-fields input,
.billing-fields select {
    width: 100%;
    padding: 10px;
    background: #f7f4ed;
    border: 1px solid #cdbf9c;
    border-radius: 5px;
}

.billing-line b {
    text-align: right;
}

.billing-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid #d8cdb9;
    border-radius: 8px;
}

.billing-fields label:last-child {
    grid-column: 2 / 4;
}

.billing-panel footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    padding: 18px;
    color: #fff;
    background: #184b35;
    border-radius: 7px;
}

.billing-panel footer span {
    display: block;
    font-size: 10px;
    font-weight: 1000;
    text-transform: uppercase;
}

.billing-panel footer b {
    color: #ffb21b;
    font-size: 24px;
    letter-spacing: 1px;
}

.billing-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.invoice-widget {
    margin: 18px 0;
    padding: 16px 18px;
    background: #f3f6f4;
    border-left: 4px solid #164a34;
    border-radius: 7px;
}

.invoice-doc-kind {
    display: inline-flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 7px 10px;
    color: #0c3f2c;
    background: #eefaf2;
    border-left: 4px solid #174b36;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.invoice-widget header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9ded9;
}

.invoice-widget header strong {
    padding: 4px 8px;
    color: #fff;
    background: #164a34;
    border-radius: 3px;
    text-transform: uppercase;
}

.invoice-widget header span {
    margin-left: auto;
    color: #6f675f;
    font-size: 12px;
}

.invoice-widget > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 10px 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #ded8cc;
    border-radius: 4px;
}

.invoice-widget small {
    display: block;
    color: #9b958e;
    font-size: 10px;
    text-transform: uppercase;
}

.invoice-widget b {
    display: block;
    margin-top: 4px;
}

.invoice-widget p {
    margin: 10px 0;
}

.invoice-widget nav {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.btn.pdf {
    color: #ff375f;
    border-color: #ffb8c6;
    background: #fff5f7;
}

.btn.whatsapp {
    color: #008f5b;
    border-color: #a5e7ca;
    background: #f2fff9;
}

.btn.email {
    color: #2563eb;
    border-color: #bcd0ff;
    background: #f4f7ff;
}

.btn.danger {
    color: #d31445;
    border-color: #ffc0cf;
    background: #fff4f7;
}

.admin-table th:last-child,
.admin-table td:last-child {
    width: 150px;
}

.action-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-wrap: nowrap;
}

.action-buttons a,
.action-buttons button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid #d8cdb9;
    border-radius: 5px;
    background: #fff;
    font-size: 10px;
    font-weight: 1000;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.action-buttons .bi {
    margin-right: 0;
    font-size: 14px;
}

.action-view {
    color: #164a34;
    background: #f2fbf6 !important;
    border-color: #b9d9c8 !important;
}

.action-edit {
    color: #f47323;
    background: #fff8ef !important;
    border-color: #ffc98f !important;
}

.action-delete {
    color: #cf1744;
    background: #fff5f7 !important;
    border-color: #ffc3cf !important;
}

.action-buttons form {
    margin: 0;
}

.admin-kpis article:first-child {
    color: #fff;
    background: #0f3f2c;
}

.admin-kpis article:first-child span,
.admin-kpis article:first-child small {
    color: #d9f4e5;
}

.admin-kpis article:nth-child(2) strong {
    color: #f47323;
}

.admin-kpis article:nth-child(4) strong {
    color: #111;
}

.stat-details-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 18px;
    margin: 18px 0 26px;
}

.stat-card {
    padding: 20px;
    background: #fff;
    border: 1px solid #d7ccb9;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(8, 47, 32, .06);
}

.stat-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.stat-card h2 {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.stat-card p {
    margin: 6px 0 0;
    color: #716960;
}

.stat-card input {
    min-width: 240px;
    padding: 11px 14px;
    border: 1px solid #cdbf9c;
    border-radius: 5px;
}

.performance-table table {
    width: 100%;
    border-collapse: collapse;
}

.performance-table th {
    padding: 12px 14px;
    color: #4d453d;
    background: #f6f1e8;
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
}

.performance-table td {
    padding: 14px;
    border-bottom: 1px solid #eee7dc;
}

.performance-table td small {
    display: block;
    margin-top: 4px;
    color: #8c8379;
}

.performance-table mark {
    padding: 4px 9px;
    color: #164a34;
    background: #eef7f2;
    border: 1px solid #bdd5c9;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.performance-table td:last-child b {
    display: block;
    text-align: right;
}

.performance-table td:last-child span {
    display: block;
    width: 90px;
    height: 5px;
    margin: 7px 0 0 auto;
    background: linear-gradient(90deg, #164a34 var(--w), #eee 0);
}

.geo-card .geo-row {
    position: relative;
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 14px 0 18px;
    border-bottom: 1px solid #eee7dc;
}

.geo-card .geo-row > span {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    background: #edf1ed;
    border-radius: 50%;
    font-weight: 900;
}

.geo-card .geo-row b {
    text-align: right;
}

.geo-card .geo-row small {
    display: block;
    color: #8b8178;
    font-weight: 500;
}

.geo-card .geo-row i {
    position: absolute;
    right: 0;
    bottom: 8px;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #f47323 var(--w), #f0ece5 0);
    border-radius: 999px;
}

.geo-card footer {
    margin-top: 28px;
    padding: 15px;
    color: #5f5449;
    background: #fbf6e9;
    border: 1px solid #e2d4ba;
    border-radius: 5px;
}

@media (max-width: 1100px) {
    .analytics-filter-grid,
    .audit-filters,
    .quote-filter-console,
    .billing-client-fields,
    .billing-line,
    .billing-fields {
        grid-template-columns: 1fr;
    }

    .invoice-widget > div {
        grid-template-columns: 1fr 1fr;
    }

    .stat-details-grid,
    .stat-card header {
        grid-template-columns: 1fr;
    }

    .stat-card header {
        display: grid;
    }

    .billing-fields label:last-child {
        grid-column: auto;
    }

    .billing-panel footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .quote-modal-shell {
        padding: 14px;
    }

    .quote-modal-card .quote-card {
        padding: 22px 14px;
    }

    .quote-modal-card .quote-card > ul li {
        grid-template-columns: 52px 1fr;
    }

    .quote-modal-card .quote-card > ul b {
        grid-column: 1 / -1;
        text-align: left;
        white-space: normal;
    }

    .quote-modal-card .invoice-widget > div {
        grid-template-columns: 1fr;
    }
}

/* adminHMD-inspired management skin */
.is-hmd {
    --hmd-blue: #2563eb;
    --hmd-teal: #0f7b83;
    --hmd-ink: #0f172a;
    --hmd-muted: #64748b;
    --hmd-border: #d8e3f2;
    --hmd-soft: #f3f7fd;
    --hmd-card: #ffffff;
    min-height: 100vh;
    background: #eef4fb;
    color: var(--hmd-ink);
    font-size: 14px;
}

.is-hmd .admin-top {
    display: none;
}

.is-hmd .admin-shell {
    grid-template-columns: 316px 1fr;
    min-height: 100vh;
    background: #eef4fb;
}

.is-hmd .admin-side {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 28px 18px !important;
    background: #fff !important;
    border-right: 1px solid var(--hmd-border) !important;
    box-shadow: 12px 0 34px rgba(15, 23, 42, .04);
    overflow-y: auto;
}

.hmd-brand {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 14px;
    margin: 0 0 28px;
    padding: 0 !important;
    color: var(--hmd-ink) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.hmd-brand > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #0f7b83);
    border-radius: 11px;
    font-size: 23px;
}

.hmd-brand strong {
    display: block;
    color: var(--hmd-ink);
    font-size: 21px;
    font-weight: 900;
    line-height: 1.05;
}

.hmd-brand strong span {
    color: #0f7b83;
}

.hmd-brand small {
    display: block;
    margin-top: 4px;
    color: var(--hmd-muted);
    font-size: 12px;
    font-weight: 500;
}

.is-hmd .admin-user-card {
    margin-bottom: 15px;
    padding: 14px;
    background: #eef5ff;
    border: 1px solid var(--hmd-border);
    border-radius: 12px;
}

.is-hmd .admin-user-card > span,
.hmd-user span {
    width: 46px;
    height: 46px;
    color: #0f172a;
    background: #d7dee8;
    border: 3px solid #36d6aa;
    border-radius: 50%;
    font-weight: 900;
}

.is-hmd .admin-user-card strong {
    color: var(--hmd-ink);
    font-size: 13px;
}

.is-hmd .admin-user-card small {
    color: #dc2626;
    background: #fff1f2;
    border-color: #fecdd3;
}

.is-hmd .admin-side label {
    margin-bottom: 22px;
    border: 0;
    color: var(--hmd-muted);
}

.is-hmd .admin-side select {
    height: 36px;
    border: 1px solid var(--hmd-border);
    border-radius: 7px;
}

.is-hmd .admin-side nav {
    gap: 10px;
    margin-top: 4px;
}

.is-hmd .admin-side a:not(.hmd-brand) {
    grid-template-columns: 38px 1fr auto !important;
    min-height: 62px;
    padding: 12px 14px !important;
    color: #26364d !important;
    background: transparent;
    border-radius: 8px !important;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}

.is-hmd .admin-side a:not(.hmd-brand) span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: var(--hmd-blue);
    background: #eaf2ff;
    border-radius: 8px;
    font-size: 16px;
}

.is-hmd .admin-side a.on,
.is-hmd .admin-side a:not(.hmd-brand):hover {
    color: #10213b !important;
    background: #edf4ff !important;
    box-shadow: none;
}

.is-hmd .admin-side a b,
.is-hmd .admin-side a em {
    color: #334155;
    background: #fff;
    border: 1px solid var(--hmd-border);
    border-radius: 999px;
    font-size: 11px;
}

.hmd-sidebar-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    padding: 18px 5px 0;
    color: #334155;
    border-top: 1px solid var(--hmd-border);
}

.hmd-sidebar-footer span {
    width: 11px;
    height: 11px;
    background: #16a34a;
    border-radius: 50%;
}

.is-hmd .admin-main {
    padding: 0 !important;
    background: #eef4fb;
}

.hmd-navbar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: 48px minmax(280px, 590px) 1fr;
    gap: 16px;
    align-items: center;
    min-height: 92px;
    padding: 20px 24px;
    background: #fff;
    border-bottom: 1px solid var(--hmd-border);
}

.hmd-menu,
.hmd-nav-actions > a:first-child,
.hmd-nav-actions > a:nth-child(3) {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: var(--hmd-ink);
    background: #fff;
    border: 1px solid var(--hmd-border);
    border-radius: 9px;
    font-size: 24px;
    text-decoration: none;
}

.hmd-menu {
    cursor: pointer;
}

.hmd-search {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 48px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid var(--hmd-border);
    border-radius: 9px;
}

.hmd-search i {
    color: var(--hmd-muted);
}

.hmd-search input {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--hmd-ink);
    font-size: 16px;
}

.hmd-nav-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.hmd-nav-actions > a:nth-child(1) {
    position: relative;
    font-size: 18px;
}

.hmd-nav-actions > a:nth-child(1) span {
    position: absolute;
    right: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #e11d48;
    border-radius: 50%;
}

.hmd-nav-actions > a:nth-child(2) {
    padding: 13px 17px;
    color: #0f172a;
    background: #fff;
    border: 1px solid var(--hmd-border);
    border-radius: 7px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.hmd-nav-actions > a:nth-child(3) {
    color: #fff;
    background: #1f2937;
    border-color: #1f2937;
    border-radius: 50%;
    font-size: 28px;
}

.hmd-nav-actions strong {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 8px 13px 8px 8px;
    border: 1px solid var(--hmd-border);
    border-radius: 9px;
    background: #fff;
}

.hmd-nav-actions em {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    background: #d7dee8;
    border: 3px solid #36d6aa;
    border-radius: 8px;
    font-style: normal;
    font-size: 11px;
}

.hmd-heading,
.is-hmd .analytics-filters,
.is-hmd .admin-kpis,
.is-hmd .dashboard-grid,
.is-hmd .stat-details-grid,
.hmd-recent-users,
.is-hmd .admin-section-title,
.is-hmd .quote-filter-console,
.is-hmd .quote-card,
.is-hmd .admin-toolbar,
.is-hmd .admin-table,
.is-hmd .admin-rbac,
.is-hmd .audit-hero,
.is-hmd .audit-filters,
.is-hmd .site-hero,
.is-hmd .site-layout,
.is-hmd .site-partners-admin {
    margin-left: 28px;
    margin-right: 28px;
}

.hmd-heading {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 34px 0 28px;
}

.hmd-page-icon,
.hmd-recent-users h2 i,
.chart-card h2:before {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    color: var(--hmd-blue);
    background: #eaf2ff;
    border-radius: 8px;
    font-size: 22px;
}

.hmd-heading small {
    display: block;
    color: var(--hmd-blue);
    font-weight: 900;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.hmd-heading h1 {
    margin: 5px 0;
    color: var(--hmd-ink);
    font-size: 34px;
    line-height: 1;
}

.hmd-heading p {
    margin: 0;
    color: var(--hmd-muted);
    font-size: 17px;
}

.hmd-heading nav {
    display: flex;
    gap: 10px;
}

.is-hmd .analytics-filters {
    margin-top: 0;
    border-color: var(--hmd-border);
    border-radius: 10px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, .06);
}

.is-hmd .admin-kpis {
    gap: 18px;
}

.is-hmd .admin-kpis article {
    min-height: 152px;
    padding: 32px 24px;
    background: #fff;
    border: 1px solid var(--hmd-border);
    border-left: 4px solid var(--hmd-blue);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .05);
}

.is-hmd .admin-kpis article:nth-child(1) {
    color: var(--hmd-ink);
    background: #fff;
}

.is-hmd .admin-kpis article:nth-child(2) {
    border-left-color: var(--hmd-teal);
}

.is-hmd .admin-kpis article:nth-child(3) {
    border-left-color: #f59e0b;
}

.is-hmd .admin-kpis article:nth-child(4) {
    border-left-color: #e11d48;
}

.is-hmd .admin-kpis article span,
.is-hmd .admin-kpis article:first-child span,
.is-hmd .admin-kpis article:first-child small {
    color: var(--hmd-muted);
    font-size: 12px;
}

.is-hmd .admin-kpis article strong {
    display: block;
    margin: 18px 0 12px;
    color: var(--hmd-ink) !important;
    font-size: 37px;
    letter-spacing: 1px;
}

.is-hmd .admin-kpis article small {
    display: block;
    margin: 0;
    color: var(--hmd-muted);
    font-size: 13px;
}

.is-hmd .dashboard-grid {
    grid-template-columns: 2fr 1fr;
    gap: 18px;
}

.is-hmd .chart-card,
.is-hmd .stat-card,
.hmd-recent-users,
.is-hmd .quote-card,
.is-hmd .admin-table,
.is-hmd .admin-toolbar,
.is-hmd .admin-rbac,
.is-hmd .site-config-card,
.is-hmd .site-preview-card {
    border: 1px solid var(--hmd-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .05);
}

.is-hmd .chart-card {
    padding: 25px;
}

.is-hmd .chart-card h2,
.is-hmd .stat-card h2,
.hmd-recent-users h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--hmd-ink);
    font-size: 23px;
    text-transform: none;
    letter-spacing: 0;
}

.is-hmd .line-chart {
    height: 300px;
    margin-top: 24px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(#f8fbff, #fff);
}

.is-hmd .line-chart:after,
.is-hmd .line-chart i {
    display: none;
}

.is-hmd .line-chart:before {
    content: "";
    position: absolute;
    inset: 56px 28px 40px;
    background:
        linear-gradient(180deg, transparent 0 42%, rgba(37, 99, 235, .08) 42%),
        repeating-linear-gradient(90deg, transparent 0 15.5%, rgba(203, 213, 225, .65) 15.6% 15.7%, transparent 15.8% 20%);
    border-radius: 8px;
}

.is-hmd .line-chart {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    gap: 16px;
    padding: 76px 28px 38px;
}

.is-hmd .line-chart::after {
    content: "Jan  Feb  Mar  Apr  May  Jun";
    display: block;
    position: absolute;
    left: 46px;
    right: 46px;
    bottom: 8px;
    color: #536176;
    word-spacing: 86px;
    font-size: 12px;
    font-weight: 800;
}

.is-hmd .line-chart i {
    display: contents;
}

.is-hmd .line-chart i:before,
.is-hmd .line-chart i:after {
    display: none;
}

.is-hmd .line-chart span {
    display: block;
}

.is-hmd .line-chart {
    background-image:
        linear-gradient(180deg, transparent, transparent),
        linear-gradient(180deg, #2563eb, #0f7b83);
}

.is-hmd .line-chart i + span,
.is-hmd .line-chart b {
    display: none;
}

.is-hmd .line-chart {
    --bar1: 42%;
}

.is-hmd .line-chart:before {
    box-shadow:
        0 150px 0 -70px #147e83,
        160px 112px 0 -64px #147e83,
        320px 132px 0 -64px #147e83,
        480px 92px 0 -64px #147e83,
        640px 112px 0 -64px #147e83,
        800px 68px 0 -64px #147e83;
}

.is-hmd .donut-chart {
    width: 150px;
    height: 150px;
    margin-top: 42px;
}

.hmd-recent-users {
    margin-top: 20px;
    margin-bottom: 28px;
    padding: 24px;
}

.hmd-recent-users header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.hmd-recent-users h2 {
    margin: 0;
}

.hmd-recent-users h2 i {
    margin: 0;
}

.hmd-recent-users p {
    margin: 8px 0 0;
    color: var(--hmd-muted);
    font-size: 15px;
}

.hmd-user-table {
    overflow-x: auto;
}

.hmd-user-table table {
    width: 100%;
}

.hmd-user-table th {
    padding: 17px 8px;
    color: var(--hmd-muted);
    border-bottom: 1px solid var(--hmd-border);
    font-size: 13px;
    text-transform: uppercase;
}

.hmd-user-table td {
    padding: 18px 8px;
    border-bottom: 1px solid var(--hmd-border);
    font-size: 16px;
}

.hmd-user {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 12px;
    align-items: center;
}

.hmd-user span {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
}

.hmd-user strong {
    display: block;
    font-size: 17px;
}

.hmd-user small {
    color: var(--hmd-muted);
}

.hmd-user-table mark {
    padding: 8px 12px;
    color: #fff;
    background: #158a51;
    border: 0;
    border-radius: 8px;
    text-transform: none;
}

.hmd-user-table mark.pending {
    color: #111827;
    background: #fbbf24;
}

.hmd-view {
    display: inline-grid;
    width: 44px;
    height: 34px;
    place-items: center;
    color: var(--hmd-blue);
    background: #fff;
    border: 1px solid var(--hmd-border);
    border-radius: 8px;
}

.is-hmd .admin-table th {
    background: #f8fbff !important;
    color: var(--hmd-muted);
    border-bottom: 1px solid var(--hmd-border);
}

.is-hmd .admin-table td {
    border-bottom: 1px solid var(--hmd-border);
}

.is-hmd .admin-foot {
    display: none;
}

@media (max-width: 1180px) {
    .is-hmd .admin-shell {
        grid-template-columns: 1fr;
    }

    .is-hmd .admin-side {
        position: static;
        height: auto;
    }

    .hmd-navbar,
    .hmd-heading,
    .is-hmd .dashboard-grid,
    .is-hmd .stat-details-grid {
        grid-template-columns: 1fr;
    }

    .hmd-nav-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 720px) {
    .hmd-heading,
    .is-hmd .analytics-filters,
    .is-hmd .admin-kpis,
    .is-hmd .dashboard-grid,
    .is-hmd .stat-details-grid,
    .hmd-recent-users,
    .is-hmd .admin-section-title,
    .is-hmd .quote-filter-console,
    .is-hmd .quote-card,
    .is-hmd .admin-toolbar,
    .is-hmd .admin-table,
    .is-hmd .admin-rbac,
    .is-hmd .audit-hero,
    .is-hmd .audit-filters,
    .is-hmd .site-hero,
    .is-hmd .site-layout,
    .is-hmd .site-partners-admin {
        margin-left: 14px;
        margin-right: 14px;
    }

    .hmd-navbar {
        padding: 14px;
    }

    .hmd-recent-users header,
    .hmd-heading nav {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Final override: Gentelella visual target and icon fallback. Keep last. */
.is-hmd {
    --hmd-blue: #1abb9c;
    --hmd-teal: #26b99a;
    --hmd-ink: #2a3f54;
    --hmd-muted: #73879c;
    --hmd-border: #d9dee4;
    background: #f7f9fb !important;
}

.is-hmd .admin-shell { grid-template-columns: 300px 1fr !important; background: #f7f9fb !important; }
.is-hmd .admin-side { background: #2a3f54 !important; color: #ecf0f1 !important; border-right: 0 !important; box-shadow: 8px 0 28px rgba(42, 63, 84, .14) !important; }
.hmd-brand, .hmd-brand strong, .is-hmd .admin-user-card strong { color: #fff !important; }
.hmd-brand > span { background: linear-gradient(135deg, #1abb9c, #169f85) !important; box-shadow: 0 10px 26px rgba(26, 187, 156, .28); }
.hmd-brand strong span { color: #1abb9c !important; }
.hmd-brand small, .is-hmd .admin-side label, .hmd-sidebar-footer { color: #b8c7ce !important; }
.is-hmd .admin-user-card { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.12) !important; }
.is-hmd .admin-user-card > span, .hmd-user span { color: #fff !important; background: #1abb9c !important; border-color: rgba(255,255,255,.32) !important; }
.is-hmd .admin-user-card small { color: #ffe8e8 !important; background: rgba(231,76,60,.18) !important; border-color: rgba(231,76,60,.25) !important; }
.is-hmd .admin-side select { background: #223447 !important; color: #fff !important; border-color: rgba(255,255,255,.15) !important; }
.is-hmd .admin-side a:not(.hmd-brand) { color: #e7edf2 !important; border-left: 3px solid transparent !important; }
.is-hmd .admin-side a:not(.hmd-brand) span { color: #1abb9c !important; background: rgba(26,187,156,.12) !important; }
.is-hmd .admin-side a.on, .is-hmd .admin-side a:not(.hmd-brand):hover { color: #fff !important; background: #25384c !important; border-left-color: #1abb9c !important; }
.is-hmd .admin-side a b, .is-hmd .admin-side a em { color: #2a3f54 !important; border: 0 !important; }
.hmd-sidebar-footer { border-top-color: rgba(255,255,255,.12) !important; }
.is-hmd .admin-main { background: #f7f9fb !important; }
.hmd-navbar { min-height: 76px !important; background: #ededed !important; border-bottom-color: #d9dee4 !important; box-shadow: 0 1px 0 rgba(42,63,84,.06) !important; }
.hmd-menu, .hmd-search, .hmd-nav-actions > a:first-child, .hmd-nav-actions > a:nth-child(2), .hmd-nav-actions strong { background: #fff !important; border-color: #d9dee4 !important; }
.hmd-nav-actions > a:nth-child(3) { background: #2a3f54 !important; border-color: #2a3f54 !important; }
.hmd-page-icon, .hmd-recent-users h2 i, .chart-card h2:before { color: #1abb9c !important; background: #e9fbf7 !important; }
.hmd-heading small, .hmd-heading h1, .is-hmd .chart-card h2, .is-hmd .stat-card h2, .hmd-recent-users h2 { color: #2a3f54 !important; }
.hmd-heading p, .hmd-recent-users p, .is-hmd .admin-kpis article span, .is-hmd .admin-kpis article:first-child span, .is-hmd .admin-kpis article:first-child small, .is-hmd .admin-kpis article small { color: #73879c !important; }
.is-hmd .admin-kpis article, .is-hmd .chart-card, .is-hmd .stat-card, .hmd-recent-users, .is-hmd .quote-card, .is-hmd .admin-table, .is-hmd .admin-toolbar, .is-hmd .admin-rbac, .is-hmd .site-config-card, .is-hmd .site-preview-card { border-color: #d9dee4 !important; border-radius: 4px !important; box-shadow: 0 1px 3px rgba(42,63,84,.10) !important; }
.is-hmd .admin-kpis article { border-left-width: 5px !important; }
.is-hmd .admin-kpis article:nth-child(1) { border-left-color: #1abb9c !important; }
.is-hmd .admin-kpis article:nth-child(2) { border-left-color: #3498db !important; }
.is-hmd .admin-kpis article:nth-child(3) { border-left-color: #f39c12 !important; }
.is-hmd .admin-kpis article:nth-child(4) { border-left-color: #e74c3c !important; }
.is-hmd .admin-kpis article strong { color: #2a3f54 !important; }

.is-hmd .line-chart {
    position: relative !important;
    height: 320px !important;
    margin-top: 22px !important;
    padding: 58px 42px 48px !important;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    align-items: end !important;
    gap: 28px !important;
    overflow: hidden !important;
    border: 1px solid #edf1f4 !important;
    border-radius: 4px !important;
    background: repeating-linear-gradient(to bottom, transparent 0 20%, #e8edf2 20.3% 20.7%, transparent 21%), linear-gradient(#fff, #fff) !important;
}
.is-hmd .line-chart:before { content: "" !important; position: absolute !important; inset: 42px 42px 48px !important; box-shadow: none !important; border: 0 !important; background: none !important; }
.is-hmd .line-chart:after { content: "Jan Feb Mar Apr May Jun" !important; position: absolute !important; left: 58px !important; right: 58px !important; bottom: 16px !important; display: flex !important; justify-content: space-between !important; word-spacing: normal !important; color: #73879c !important; font-size: 12px !important; font-weight: 700 !important; transform: none !important; height: auto !important; border: 0 !important; }
.is-hmd .line-chart i, .is-hmd .line-chart span, .is-hmd .line-chart b { display: block !important; align-self: end !important; min-height: 74px !important; border: 0 !important; border-radius: 6px 6px 0 0 !important; background: linear-gradient(180deg, #3498db, #1abb9c) !important; box-shadow: 0 14px 22px rgba(26,187,156,.16) !important; transform: none !important; }
.is-hmd .line-chart i { height: 48% !important; }
.is-hmd .line-chart span:nth-of-type(1) { height: 72% !important; }
.is-hmd .line-chart span:nth-of-type(2) { height: 60% !important; }
.is-hmd .line-chart span:nth-of-type(3) { height: 86% !important; }
.is-hmd .line-chart span:nth-of-type(4) { height: 78% !important; }
.is-hmd .line-chart b { height: 96% !important; }
.is-hmd .donut-chart { background: conic-gradient(#1abb9c 0 58%, #3498db 58% 77%, #f39c12 77% 91%, #e74c3c 91% 100%) !important; }

.is-hmd .admin-table { overflow: hidden !important; }
.is-hmd .admin-table th { background: #2a3f54 !important; color: #fff !important; border-bottom: 0 !important; }
.is-hmd .admin-table td { color: #2a3f54 !important; }
.is-hmd .admin-table tr:hover td { background: #f5faf9 !important; }
.is-hmd .admin-table mark, .is-hmd .quote-card mark { color: #0b5e4d !important; background: #ecfbf7 !important; border-color: #b8efe2 !important; }

.action-buttons, .row-actions.action-buttons { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-width: 164px !important; }
.action-buttons a, .action-buttons button { position: relative !important; display: inline-grid !important; width: 42px !important; height: 42px !important; place-items: center !important; margin: 0 !important; padding: 0 !important; border-radius: 8px !important; border: 1px solid transparent !important; font-size: 0 !important; line-height: 1 !important; cursor: pointer !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; }
.action-buttons a:hover, .action-buttons button:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 18px rgba(42,63,84,.12) !important; }
.action-buttons i { display: none !important; }
.action-view { color: #169f85 !important; background: #eefcf8 !important; border-color: #a7eadb !important; }
.action-edit { color: #f39c12 !important; background: #fff7e6 !important; border-color: #ffd18a !important; }
.action-delete { color: #e74c3c !important; background: #fff1f1 !important; border-color: #ffc4c4 !important; }
.action-view:before, .action-edit:before, .action-delete:before { display: block !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; }
.action-view:before { content: "👁" !important; }
.action-edit:before { content: "✎" !important; }
.action-delete:before { content: "⌫" !important; }
.is-hmd .btn.primary { background: #1abb9c !important; border-color: #1abb9c !important; color: #fff !important; }
.is-hmd .btn.ghost { color: #2a3f54 !important; border-color: #d9dee4 !important; }

.is-hmd .admin-side a[href*="tab=analytics"] span i,
.is-hmd .admin-side a[href*="tab=overview"] span i,
.is-hmd .admin-side a[href*="tab=products"] span i,
.is-hmd .admin-side a[href*="tab=categories"] span i,
.is-hmd .admin-side a[href*="tab=users"] span i,
.is-hmd .admin-side a[href*="tab=audit"] span i,
.is-hmd .admin-side a[href*="tab=site"] span i,
.hmd-menu i {
    display: none !important;
}
.is-hmd .admin-side a[href*="tab=analytics"] span:before { content: "▥"; }
.is-hmd .admin-side a[href*="tab=overview"] span:before { content: "▤"; }
.is-hmd .admin-side a[href*="tab=products"] span:before { content: "▣"; }
.is-hmd .admin-side a[href*="tab=categories"] span:before { content: "▦"; }
.is-hmd .admin-side a[href*="tab=users"] span:before { content: "◎"; }
.is-hmd .admin-side a[href*="tab=audit"] span:before { content: "⌁"; }
.is-hmd .admin-side a[href*="tab=site"] span:before { content: "≡"; }
.hmd-menu:before { content: "☰"; }

@media (max-width: 1180px) {
    .is-hmd .admin-shell { grid-template-columns: 1fr !important; }
    .is-hmd .admin-side { position: static !important; height: auto !important; }
}

/* Last pass: stable local Bootstrap Icons + dynamic dashboard values. */
.action-view:before,
.action-edit:before,
.action-delete:before,
.is-hmd .admin-side a span:before,
.hmd-menu:before {
    font-family: bootstrap-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.action-view:before { content: "\f341" !important; }
.action-edit:before { content: "\f4ca" !important; }
.action-delete:before { content: "\f78b" !important; }
.is-hmd .admin-side a[href*="tab=analytics"] span:before { content: "\f580" !important; }
.is-hmd .admin-side a[href*="tab=overview"] span:before { content: "\f50e" !important; }
.is-hmd .admin-side a[href*="tab=products"] span:before { content: "\f1c7" !important; }
.is-hmd .admin-side a[href*="tab=categories"] span:before { content: "\f3fc" !important; }
.is-hmd .admin-side a[href*="tab=users"] span:before { content: "\f4d0" !important; }
.is-hmd .admin-side a[href*="tab=audit"] span:before { content: "\f66b" !important; }
.is-hmd .admin-side a[href*="tab=site"] span:before { content: "\f56b" !important; }
.hmd-menu:before { content: "\f479" !important; }

.is-hmd .dynamic-bars {
    grid-template-columns: repeat(6, minmax(44px, 1fr)) !important;
    gap: 18px !important;
    padding: 48px 36px 58px !important;
    background:
        repeating-linear-gradient(to bottom, transparent 0 24%, #e8edf2 24.2% 24.7%, transparent 25%),
        linear-gradient(#fff, #fff) !important;
}

.is-hmd .dynamic-bars i,
.is-hmd .dynamic-bars b {
    display: none !important;
}

.is-hmd .dynamic-bars span {
    position: relative !important;
    height: var(--h, 22%) !important;
    min-height: 38px !important;
    align-self: end !important;
    background: linear-gradient(180deg, #3498db 0%, #26b99a 100%) !important;
    border-radius: 7px 7px 0 0 !important;
    box-shadow: 0 16px 28px rgba(38, 185, 154, .18) !important;
}

.is-hmd .dynamic-bars span:after {
    content: attr(data-label);
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    color: #73879c;
    font-size: 12px;
    font-weight: 700;
}

.is-hmd .dynamic-bars:after {
    content: "" !important;
}

.is-hmd .donut-chart {
    background: var(--donut-bg, conic-gradient(#1abb9c 0 58%, #3498db 58% 77%, #f39c12 77% 91%, #e74c3c 91% 100%)) !important;
}