:root{
    --body:#f4f5f7;
    --contents-bg:#f4f5f7;
    --main-color:white;
    --accent:#ffffff;
    --color-menu:#404040;
    --color-menu-hover:#06B6D4;
    --color-menu-active:#06B6D4;
    --color-menu-bg-opacity:rgb(var(--color-primary-rgba), .10);
    --header-bg:white;
    --sidebar-bg:white;
    --main-content:var(--contents-bg);
    --header-bg:white;
    --logo-wrapper-bg:white;
    --color-add-listing-button-text:var(--color-white);
    --color-add-listing-button-text-hover:var(--color-white);
    --bgcolor-add-listing-button:#10B981;
    --bgcolor-add-listing-button-hover:#0A0A0A;
    --color-banner_title:var(--color-white);
    --color-breadcrumb-link:#8C90A4;
    --color-breadcrumb-link-hover:#06B6D4;
    --color-breadcrumb_separator:#8C90A4;
    --bgcolor-footer:#353b58;
    --color-footer-divider:#353b58;
    --color-footer-title:var(--color-white);
    --color-footer-link-hover:var(--color-white);
    --color-primary:#10B981;
    --color-secondary:#06B6D4;
    --color-success:#22C55E;
    --color-info:#0EA5E9;
    --color-warning:#EAB308;
    --color-danger:#EF4444;
    --color-dark:#0A0A0A;
    --color-infos:#00E4EC;
    --color-warnings:#FFBB00;
    --color-dangers:#EF4444;
    --color-purple:#8B5CF6;
    --bg-primary:#10B981;
    --bg-secondary:#06B6D4;
    --bg-success:#22C55E;
    --bg-info:#0EA5E9;
    --bg-warning:#EAB308;
    --bg-danger:#EF4444;
    --bg-dark:#0A0A0A;
    --bg-primary-hover:#0E9F70;
    --bg-secondary-hover:#0891B2;
    --bg-success-hover:#16A34A;
    --bg-info-hover:#0284C7;
    --bg-warning-hover:#CA8A04;
    --bg-danger-hover:#DC2626;
    --bg-dark-hover:#272525;
    --bg-gray-hover:#585858;
    --color-primary-rgba:16,185,129;
    --color-secondary-rgba:6,182,212;
    --color-success-rgba:34,197,94;
    --color-info-rgba:14,165,233;
    --color-warning-rgba:234,179,8;
    --color-danger-rgba:239,68,68;
    --color-dark-rgba:9,14,48;
    --color-primary-rgba-shadow:rgba(var(--color-primary-rgba), 0.20);
    --color-white:#fff;
    --color-light:#747474;
    --color-lighten:#A0A0A0;
    --color-lighter:#F8F9FB;
    --color-lighten-x:#5d658c;
    --footer-dark:#353b58;
    --color-deep:#eff0f3;
    --color-normal:#f8f9fb;
    --color-lighters:#f4f5f7;
    --color-lighten-rgba:173,181,217;
    --color-gray:#404040;
    --color-gray-x:#5A5F7D;
    --body-color:#666d92;
    --text-color:#666d92;
    --light-gray:#8C90A4;
    --light-gray-rgba:173,181,217;
    --border-color:#F1F2F6;
    --border-light:#E3E6EF;
    --border-deep:#c6d0dc;
    --bg-normal:#f8f9fb;
    --bg-lighters:#f4f5f7;
    --bg-lighter:#f4f5f7;
    --bg-deep:#EFF0F3;
    --bg-gray:#404040;
    --bg-light:#747474;
    --bg-white:#ffffff;
    --bg-light-rgba:116,116,116;
    --bg-normal-rgba:248,249,251;
    --bg-lighter-rgba:244,245,247;
    --bg-deep-rgba:239,240,243;
    --color-gray-rgba:173,181,217;
    --color-dark-rgba:39,43,65;
    --color-white-rgba:255,255,255;
    --box-shadow-color-rgba:146,153,184;
    --border-radius-xl:10px;
    --border-radius-md:6px;
    --border-radius-xs:4px;
    --color-facebook:#2366b8;
    --color-twitter:#00abe4;
    --color-pinterest:#ef1b25;
    --color-gplus:#dc4e41;
    --color-linkedin:#007cbc;
    --color-tumblr:#35465c;
    --color-vk:#4a76a8;
    --color-youtube:#e32212;
    --color-instagram:#9c27b0;
    --color-ruby:#c2185b;
    --color-facebook-rgba:35,102,184;
    --color-twitter-rgba:0,171,228;
    --color-pinterest-rgba:239,27,37;
    --color-gplus-rgba:220,78,65;
    --color-linkedin-rgba:0,124,188;
    --color-tumblr-rgba:53,70,92;
    --color-vk-rgba:74,118,168;
    --color-youtube-rgba:227,34,18;
    --color-instagram-rgba:156,39,176;
    --color-ruby-rgba:194,24,91;
    --color-infos-rgba:0,228,236;
    --color-warnings-rgba:255,187,0;
    --color-dangers-rgba:255,15,15;
    --color-purple-rgba:139,92,246;
    --color-primary-rgba-10:rgba(var(--color-primary-rgba), 0.1);
    --color-secondary-rgba-10:rgba(var(--color-secondary-rgba), 0.1);
    --color-primary-rgba-50:rgba(var(--color-primary-rgba), 0.5);
    --color-secondary-rgba-50:rgba(var(--color-secondary-rgba), 0.5);
    --transition:all 0.3s ease;
    --gridLines_color:#E3E6EF;
    --scrollbarBG:var(--color-white);
    --thumbBG:#E3E6EF;
    --input-bg:var(--color-white);
    --input-focus-bg:var(--color-white);
    --tooltip-bg:var(--color-white);
    --tooltip-arrow-color:var(--color-white);
    --shadow2:#9299B80D;
    --shadow3:#9299B81A;
    --shadow4:#9299B833;
    --shadow5:#9299b826
}

.layout-dark{
    --body:var(--main-color);
    --contents-bg:var(--main-color);
    --white-100:white;
    --white-87:rgb(255, 255, 255, .87);
    --white-60:rgb(255, 255, 255, .60);
    --white-30:rgb(255, 255, 255, .30);
    --white-20:rgb(255, 255, 255, .20);
    --white-10:rgb(255, 255, 255, .10);
    --white-06:rgb(255, 255, 255, .06);
    --main-color:#010413;
    --color-menu:#404040;
    --color-menu-hover:#06B6D4;
    --color-menu-active:#06B6D4;
    --color-menu-bg-opacity:rgb(251, 53, 134, .10);
    --header-bg:white;
    --sidebar-bg:white;
    --main-content:var(--bg-normal);
    --logo-wrapper-bg:var(--white-10);
    --header-bg:var(--white-10);
    --color-add-listing-button-text:var(--color-white);
    --color-add-listing-button-text-hover:var(--color-white);
    --bgcolor-add-listing-button:#10B981;
    --bgcolor-add-listing-button-hover:#0A0A0A;
    --color-banner_title:var(--color-white);
    --color-breadcrumb-link:#8C90A4;
    --color-breadcrumb-link-hover:#06B6D4;
    --color-breadcrumb_separator:#8C90A4;
    --bgcolor-footer:#353b58;
    --color-footer-divider:#353b58;
    --color-footer-title:var(--color-white);
    --color-footer-link-hover:var(--color-white);
    --color-primary:#10B981;
    --color-secondary:#06B6D4;
    --color-success:#22C55E;
    --color-info:#0EA5E9;
    --color-warning:#EAB308;
    --color-danger:#EF4444;
    --color-dark:var(--white-87);
    --color-infos:#00E4EC;
    --color-warnings:#FFBB00;
    --color-dangers:#EF4444;
    --color-purple:#8B5CF6;
    --bg-primary:#10B981;
    --bg-secondary:#06B6D4;
    --bg-success:#22C55E;
    --bg-info:#0EA5E9;
    --bg-warning:#EAB308;
    --bg-danger:#EF4444;
    --bg-dark:var(--white-87);
    --bg-primary-hover:#0E9F70;
    --bg-secondary-hover:#0891B2;
    --bg-success-hover:#16A34A;
    --bg-info-hover:#0284C7;
    --bg-warning-hover:#CA8A04;
    --bg-danger-hover:#DC2626;
    --bg-dark-hover:#272525;
    --bg-gray-hover:#585858;
    --color-primary-rgba:16,185,129;
    --color-secondary-rgba:6,182,212;
    --color-success-rgba:34,197,94;
    --color-info-rgba:14,165,233;
    --color-warning-rgba:234,179,8;
    --color-danger-rgba:239,68,68;
    --color-dark-rgba:9,14,48;
    --color-primary-rgba-shadow:rgba(var(--color-primary-rgba), 0.20);
    --color-white:var(--white-87);
    --color-gray:var(--white-60);
    --color-light:var(--white-60);
    --color-lighten:var(--white-60);
    --color-lighter:#F8F9FB;
    --color-lighten-x:#5d658c;
    --footer-dark:#353b58;
    --color-deep:#eff0f3;
    --color-normal:#f8f9fb;
    --color-lighters:#f4f5f7;
    --color-lighten-rgba:173,181,217;
    --color-gray-x:var(--white-60);
    --body-color:var(--white-60);
    --text-color:var(--white-60);
    --light-gray:var(--white-60);
    --light-gray-rgba:140,144,164;
    --border-color:var(--white-06);
    --border-deep:var(--white-06);
    --border-color:var(--white-06);
    --border-light:var(--white-06);
    --bg-normal:var(--white-10);
    --bg-lighters:var(--white-10);
    --bg-lighter:var(--white-10);
    --bg-deep:var(--white-10);
    --bg-white:var(--white-10);
    --bg-normal-rgba:248,249,251;
    --bg-lighter-rgba:244,245,247;
    --bg-deep-rgba:239,240,243;
    --color-gray-rgba:140,144,164;
    --color-dark-rgba:39,43,65;
    --color-white-rgba:255,255,255;
    --box-shadow-color-rgba:146,153,184;
    --main-color-rgba:1,4,19;
    --border-radius-xl:10px;
    --border-radius-md:6px;
    --border-radius-xs:4px;
    --color-facebook:#2366b8;
    --color-twitter:#00abe4;
    --color-pinterest:#ef1b25;
    --color-gplus:#dc4e41;
    --color-linkedin:#007cbc;
    --color-tumblr:#35465c;
    --color-vk:#4a76a8;
    --color-youtube:#e32212;
    --color-instagram:#9c27b0;
    --color-ruby:#c2185b;
    --color-facebook-rgba:35,102,184;
    --color-twitter-rgba:0,171,228;
    --color-pinterest-rgba:239,27,37;
    --color-gplus-rgba:220,78,65;
    --color-linkedin-rgba:0,124,188;
    --color-tumblr-rgba:53,70,92;
    --color-vk-rgba:74,118,168;
    --color-youtube-rgba:227,34,18;
    --color-instagram-rgba:156,39,176;
    --color-ruby-rgba:194,24,91;
    --color-primary-rgba-10:rgba(var(--color-primary-rgba), 0.1);
    --color-secondary-rgba-10:rgba(var(--color-secondary-rgba), 0.1);
    --color-primary-rgba-50:rgba(var(--color-primary-rgba), 0.5);
    --color-secondary-rgba-50:rgba(var(--color-secondary-rgba), 0.5);
    --transition:all 0.3s ease;
    --gridLines_color:rgb(255, 255, 255, .30);
    --scrollbarBG:#1b1e2b;
    --thumbBG:rgb(255, 255, 255, .30);
    --input-bg:var(--white-10);
    --input-focus-bg:var(--white-10);
    --tooltip-bg:var(--main-color);
    --tooltip-arrow-color:var(--main-color);
    --shadow2:#01041333;
    --shadow3:#01041366;
    --shadow4:#01041399;
    --shadow5:#01041399
}

/* ================================================================
   Lyvra overrides on top of the Hexadash theme.
   These rules live here (rather than in @push blocks) because the
   file is loaded directly via <link> so they survive Blade view
   caching on staging/prod.
   ================================================================ */

/* Badges: replace Hexadash's pill shape with rounded-rectangle corners. */
.badge {
    border-radius: 4px !important;
    padding: 4px 8px !important;
}
.badge-round {
    border-radius: 6px !important;
}
.badge-dot,
.badge-circle {
    /* notification dots / status indicators stay circular */
    border-radius: 50% !important;
}

/* Admin sidebar logo — wordmark SVG is native ~2000×500, constrain to header height. */
.lyvra-nav-logo {
    max-height: 40px !important;
    width: auto !important;
    max-width: 140px;
    object-fit: contain;
}

/* Admin panel badge in top bar (slightly larger than default). */
.lyvra-admin-badge {
    font-size: 0.85rem !important;
}

/* Notification dropdown subject truncation. */
.lyvra-notif-subject {
    max-width: 180px;
}

/* Auth pages (login / forgot / reset password) — pure Hexadash layout + Lyvra touches. */
.auth-admin-bg {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 40px 0;
    background: linear-gradient(135deg, var(--bg-normal) 0%, var(--bg-deep) 100%);
}
.layout-dark .auth-admin-bg {
    background: linear-gradient(135deg, var(--main-color) 0%, #010413 100%);
}
.lyvra-auth-logo {
    max-height: 56px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}
.auth-password-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}
.auth-strength-bar {
    height: 4px;
    flex: 1;
    background: var(--border-light);
    border-radius: 2px;
    transition: background 0.2s;
}

/* Admin table enhancer — sort + filter affordances. */
.admin-sort-th {
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}
.admin-sort-th:hover {
    background: rgba(0, 0, 0, 0.03);
}
.admin-sort-indicator {
    color: var(--color-primary);
    font-size: 10px;
}
.admin-enhanced-table .table-filter-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}
.admin-enhanced-table .table-filter-row input[type="search"] {
    max-width: 320px;
}