:root {
    --economy-night: #071a33;
    --economy-night-soft: #0d2b4d;
    --economy-gold: #c9a44f;
    --economy-electric: #35aee8;
    --economy-canvas: #f4f8fc;
    --economy-border: rgba(14, 49, 82, .14);
    --economy-shadow: 0 18px 42px rgba(7, 26, 51, .09);
}

.premium-economic-page { color: #17324a; }
.premium-economic-page .premium-economic-hero {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    margin-bottom: 1.25rem; padding: 1.25rem 1.4rem; color: #fff;
    background: linear-gradient(135deg, var(--economy-night), var(--economy-night-soft));
    border: 1px solid rgba(201, 164, 79, .5); border-radius: 1.1rem;
    box-shadow: var(--economy-shadow); position: relative; overflow: hidden;
}
.premium-economic-page .premium-economic-hero::after {
    content: ""; position: absolute; inset: auto -3rem -5rem auto; width: 11rem; height: 11rem;
    border: 1px solid rgba(53, 174, 232, .24); border-radius: 50%; pointer-events: none;
}
.premium-economic-brand { display: flex; align-items: center; gap: .95rem; min-width: 0; position: relative; z-index: 1; }
.premium-economic-brand img { width: 3.5rem; height: 3.5rem; object-fit: contain; flex: 0 0 auto; }
.premium-economic-eyebrow { margin: 0 0 .18rem; color: #e7c979; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.premium-economic-hero h1 { margin: 0; color: #fff; font-size: clamp(1.35rem, 3vw, 2rem); font-weight: 800; }
.premium-economic-hero p:last-child { margin: .35rem 0 0; color: #dce9f4; max-width: 48rem; }
.premium-economic-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; position: relative; z-index: 1; }

.premium-economic-button,
.premium-economic-page .premium-return-link,
.premium-economic-page .premium-admin-action {
    display: inline-flex; align-items: center; justify-content: center; gap: .48rem; min-height: 44px;
    padding: .62rem .88rem; border: 1px solid rgba(201, 164, 79, .7); border-radius: .78rem;
    color: #fff; background: var(--economy-night); box-shadow: 0 7px 18px rgba(7, 26, 51, .13);
    font-size: .76rem; font-weight: 800; letter-spacing: .035em; text-decoration: none;
    transition: transform .22s ease, border-color .22s ease, box-shadow .26s ease, background-color .22s ease;
}
.premium-economic-button i,
.premium-economic-page .premium-return-link i { color: var(--economy-gold); }
.premium-economic-button:hover,
.premium-economic-page .premium-return-link:hover,
.premium-economic-page .premium-admin-action:hover { color: #fff; transform: translateY(-1px); border-color: var(--economy-gold); box-shadow: 0 0 0 3px rgba(53, 174, 232, .14), 0 10px 22px rgba(7, 26, 51, .16); }
.premium-economic-button:focus-visible,
.premium-economic-page :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--economy-electric); outline-offset: 3px; }
.premium-economic-button--document { background: linear-gradient(135deg, #0a2848, #123e67); }
.premium-economic-button--invoice-list {
    border-color: #278ebd;
    color: #071a33;
    background: linear-gradient(135deg, #8edcff, #5ccaff);
    box-shadow: 0 7px 18px rgba(53, 174, 232, .2);
    transition: color .24s ease, background-color .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.premium-economic-button--invoice-list i { color: #0d3154; }
.premium-economic-button--invoice-list:hover {
    border-color: #167fae;
    color: #071a33;
    background: linear-gradient(135deg, #a4e4ff, #72d2fa);
    box-shadow: 0 0 0 3px rgba(92, 202, 255, .18), 0 9px 20px rgba(53, 174, 232, .22);
    transform: translateY(-1px);
}
.premium-economic-button--invoice-list:focus-visible {
    outline: 2px solid #0d3154;
    outline-offset: 3px;
    box-shadow: 0 0 0 5px rgba(92, 202, 255, .3);
}
.premium-economic-button--security { color: #3b2a08; background: #fff8e7; }
.premium-economic-button--security i { color: #8b6718; }

.premium-economic-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .9rem; margin-bottom: 1rem; }
.premium-economic-field { display: grid; gap: .42rem; }
.premium-economic-field label { color: var(--economy-night); font-size: .77rem; font-weight: 800; letter-spacing: .04em; }
.premium-economic-page input:not([type="checkbox"]),
.premium-economic-page select,
.premium-economic-page textarea { min-height: 44px; border: 1px solid rgba(201, 164, 79, .45); border-radius: .75rem; }

.premium-economic-card,
.premium-economic-page > .card,
.premium-economic-page .premium-economic-grid > .card {
    border: 1px solid var(--economy-border); border-radius: 1rem; background: #fff;
    box-shadow: var(--economy-shadow); overflow: hidden;
}
.premium-economic-card__header,
.premium-economic-page .premium-economic-grid > .card > .card-header,
.premium-economic-page .card .card > .card-header {
    display: flex; align-items: center; gap: .7rem; padding: .9rem 1rem;
    color: #fff; background: var(--economy-night); border-bottom: 3px solid var(--economy-gold);
}
.premium-economic-card__header h2,
.premium-economic-page .premium-economic-grid > .card > .card-header h5,
.premium-economic-page .card .card > .card-header h5 { margin: 0; color: #fff; font-size: 1rem; font-weight: 800; }
.premium-economic-card__body { padding: 1rem; }
.premium-economic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }

.premium-economic-page .table-responsive { border-radius: .8rem; border: 1px solid var(--economy-border); }
.premium-economic-page table { margin: 0; border-collapse: separate; border-spacing: 0; }
.premium-economic-page table thead th { padding: .82rem .72rem; color: #fff; background: var(--economy-night); border: 0; border-bottom: 2px solid var(--economy-gold); font-size: .73rem; letter-spacing: .035em; }
.premium-economic-page table tbody td,
.premium-economic-page table tbody th { padding: .78rem .72rem; border-color: rgba(14, 49, 82, .08); vertical-align: middle; }
.premium-economic-page table tbody tr { transition: background-color .2s ease; }
.premium-economic-page table tbody tr:hover { background: rgba(53, 174, 232, .075); }
.premium-economic-page .premium-economic-row--inactive { background: #f4f6f8; color: #667785; }
.premium-economic-detail-table th { width: 34%; color: #526b7e; font-size: .77rem; }

.premium-economic-status { display: inline-flex; align-items: center; min-height: 28px; padding: .28rem .6rem; border: 1px solid rgba(201, 164, 79, .42); border-radius: 999px; background: var(--economy-night); color: #d9f3ff; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.premium-economic-status--paid { color: #9fe4ff; }
.premium-economic-status--priced { color: #f1d681; }
.premium-economic-status--pending { color: #f3d8a1; background: #3a2a0b; }
.premium-economic-status--danger { color: #ffd9d9; background: #4b1820; border-color: rgba(221, 116, 123, .55); }

.premium-economic-page :is(.dataTables_wrapper, .dt-container) { padding-top: .2rem; }
.premium-economic-page :is(.dataTables_filter, .dt-search) label,
.premium-economic-page :is(.dataTables_length, .dt-length) label,
.premium-economic-page :is(.dataTables_info, .dt-info) { color: #526b7e; font-size: .78rem; font-weight: 700; }
.premium-economic-page :is(.dataTables_filter, .dt-search) input { min-width: min(18rem, 100%); background: #fff; }
.premium-economic-page :is(.dataTables_paginate, .dt-paging) { padding-top: .8rem; }

@media (max-width: 767.98px) {
    .premium-economic-page .premium-economic-hero { align-items: stretch; flex-direction: column; padding: 1rem; }
    .premium-economic-actions { justify-content: stretch; }
    .premium-economic-actions > * { flex: 1 1 100%; }
    .premium-economic-grid { grid-template-columns: 1fr; }
    .premium-economic-page .table-responsive { border: 0; overflow-x: visible; }
    .premium-economic-page table.dataTable > tbody > tr > td { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
    .premium-economic-page *, .premium-economic-page *::before, .premium-economic-page *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
