/* Custom console polish for both the central admin and vendor/customer panels. */
body.lw-authenticated-page {
    --console-brand: #168a50;
    --console-ink: #26352e;
    --console-border: #e4ece7;
    background: #f5f8f6;
}
body.lw-authenticated-page .main-content { min-height: 100vh; }
body.lw-authenticated-page .card {
    border: 1px solid var(--console-border);
    border-radius: .8rem;
    box-shadow: 0 5px 20px rgba(29, 55, 40, .055);
}
body.lw-authenticated-page .card-header { border-bottom-color: var(--console-border); }
body.lw-authenticated-page .btn-primary,
body.lw-authenticated-page .bg-primary { background-color: var(--console-brand) !important; border-color: var(--console-brand) !important; }
body.lw-authenticated-page .btn-primary:hover,
body.lw-authenticated-page .btn-primary:focus { background-color: #0e6d3d !important; border-color: #0e6d3d !important; }
body.lw-authenticated-page .table thead th { color: #52635a; font-size: .7rem; letter-spacing: .045em; text-transform: uppercase; }
body.lw-authenticated-page .table tbody tr { transition: background-color .16s ease; }
body.lw-authenticated-page .table tbody tr:hover { background: #f0faf4; }
body.lw-authenticated-page .form-control:focus,
body.lw-authenticated-page .custom-select:focus { border-color: rgba(22, 138, 80, .65); box-shadow: 0 0 0 .2rem rgba(22, 138, 80, .12); }
body.lw-authenticated-page .lw-console-page-title { color: var(--console-ink); font-weight: 700; }
body.lw-authenticated-page .lw-console-status { border-radius: 999px; font-size: .72rem; font-weight: 700; padding: .32rem .64rem; }
body.lw-authenticated-page .lw-console-skip-link { background: #102d1d; color: #fff; left: 1rem; padding: .65rem .9rem; position: fixed; top: -4rem; z-index: 9999; }
body.lw-authenticated-page .lw-console-skip-link:focus { top: 1rem; }
/* The console uses a fixed application theme; keep its top bar focused on actions. */
body.lw-authenticated-page .lw-topbar #themeMenuDropdown,
body.lw-authenticated-page .lw-topbar #themeMenuDropdown + .dropdown-menu,
body.lw-authenticated-page .lw-topbar ul.navbar-nav:has(#themeMenuDropdown) { display: none !important; }
/* Hide selected super-admin-only sidebar entries without altering the menu markup. */
body.lw-authenticated-page #sidenav-main .nav-item:has(> a[href*="/central-console/configuration/licence-information"]),
body.lw-authenticated-page #sidenav-main .nav-item:has(> a[href$="/addons"]),
body.lw-authenticated-page #sidenav-main .nav-item:has(> a[href*="/addons/billing"]) { display: none !important; }
@media (max-width: 767.98px) { body.lw-authenticated-page .card { border-radius: .6rem; } }

/* Vendor sidebar is rendered full width by the console theme, so keep its full logo visible by default. */
@media (min-width: 992px) {
    body.lw-minimized-menu #sidenav-main .lw-sidebar-logo-normal { display: inline-block !important; }
    body.lw-minimized-menu #sidenav-main .lw-sidebar-logo-small { display: none !important; }
}
/* Preserve the correct system-theme logo while overriding the legacy minimized-menu display rules. */
@media (min-width: 992px) and (prefers-color-scheme: dark) {
    body.lw-minimized-menu.lw-auth-light #sidenav-main .system-theme-light-logo { display: none !important; }
    body.lw-minimized-menu.lw-auth-light #sidenav-main .system-theme-dark-logo { display: inline-block !important; }
}
@media (min-width: 992px) and (prefers-color-scheme: light) {
    body.lw-minimized-menu.lw-auth-light #sidenav-main .system-theme-dark-logo { display: none !important; }
    body.lw-minimized-menu.lw-auth-light #sidenav-main .system-theme-light-logo { display: inline-block !important; }
}

/* Central console: dashboard widgets, listing cards, filters, and data tables. */
body.lw-central-console { background: #f4f8f5; }
body.lw-central-console .main-content { background: transparent; }
body.lw-central-console .header {
    background: linear-gradient(120deg, #edf8f0, #f7fbf8 55%, #e8f5ec) !important;
    border-bottom: 1px solid #dcebe1;
    padding-bottom: 2.25rem !important;
}
body.lw-central-console .header .card-stats {
    background: #fff !important;
    border: 1px solid #dfece3 !important;
    border-radius: 1rem !important;
    box-shadow: 0 10px 26px rgba(25, 77, 45, .07) !important;
    min-height: 0 !important;
    overflow: hidden;
    position: relative;
}
body.lw-central-console .header .card-stats::before { background: #1a9e4e; content: ''; height: 3px; left: 0; position: absolute; right: 0; top: 0; }
body.lw-central-console .header .card-stats .card-body { padding: 1.25rem !important; }
body.lw-central-console .header .card-stats .card-title,
body.lw-central-console .header .card-stats .text-uppercase { color: #658070 !important; font-size: .67rem !important; font-weight: 700 !important; letter-spacing: .075em !important; }
body.lw-central-console .header .card-stats .h2 { color: #183526 !important; font-size: 1.8rem !important; font-weight: 750 !important; }
body.lw-central-console .header .icon-shape { background: #e6f7ec !important; border-radius: .8rem !important; box-shadow: none !important; }
body.lw-central-console .header .icon-shape i { color: #168a50 !important; }
body.lw-central-console .container-fluid > .row > [class*='col'] > .card,
body.lw-central-console .dataTables_wrapper > .card,
body.lw-central-console .card {
    border: 1px solid #dfece3;
    border-radius: 1rem;
    box-shadow: 0 8px 24px rgba(25, 77, 45, .06);
}
body.lw-central-console .card .card-body { padding: 1.25rem; }
body.lw-central-console .dataTables_wrapper,
body.lw-central-console .card .dataTables_wrapper { color: #395246; }
body.lw-central-console .dataTables_wrapper .dataTables_filter,
body.lw-central-console .dataTables_wrapper .dataTables_length { margin-bottom: 1rem; }
body.lw-central-console .dataTables_wrapper .dataTables_filter input,
body.lw-central-console .dataTables_wrapper .dataTables_length select {
    background: #f8fcf9;
    border: 1px solid #d3e5d9;
    border-radius: .55rem;
    color: #233c2e;
    min-height: 2.4rem;
    padding: .35rem .7rem;
}
body.lw-central-console .dataTables_wrapper .dataTables_filter input:focus { background: #fff; border-color: #54b97c; box-shadow: 0 0 0 .2rem rgba(26, 158, 78, .12); outline: 0; }
body.lw-central-console table.dataTable { border-collapse: separate !important; border-spacing: 0 .35rem !important; margin: 0 !important; }
body.lw-central-console table.dataTable thead th {
    border: 0 !important;
    color: #698275 !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .065em;
    padding: .5rem .85rem !important;
    text-transform: uppercase;
}
body.lw-central-console table.dataTable tbody tr { background: #fbfdfb; box-shadow: 0 1px 0 #e7f0ea; transition: box-shadow .16s ease, transform .16s ease; }
body.lw-central-console table.dataTable tbody tr:hover { background: #f2fbf5 !important; box-shadow: 0 6px 16px rgba(23, 102, 57, .08); transform: translateY(-1px); }
body.lw-central-console table.dataTable tbody td { border-bottom: 0 !important; color: #334c3d; padding: .8rem .85rem !important; vertical-align: middle; }
body.lw-central-console table.dataTable tbody td:first-child { border-bottom-left-radius: .65rem; border-top-left-radius: .65rem; }
body.lw-central-console table.dataTable tbody td:last-child { border-bottom-right-radius: .65rem; border-top-right-radius: .65rem; }
body.lw-central-console table.dataTable a:not(.btn) { color: #137c43; font-weight: 650; }
body.lw-central-console .dataTables_wrapper .dataTables_info { color: #6c8375; font-size: .8rem; padding-top: 1rem; }
body.lw-central-console .dataTables_wrapper .paginate_button,
body.lw-central-console .dataTables_wrapper .page-link { background: #fff !important; border: 1px solid #dceae1 !important; border-radius: .5rem !important; color: #47705a !important; }
body.lw-central-console .dataTables_wrapper .paginate_button.current,
body.lw-central-console .dataTables_wrapper .paginate_button:hover { background: #168a50 !important; border-color: #168a50 !important; color: #fff !important; }
body.lw-central-console .btn { border-radius: .6rem; font-weight: 650; }
body.lw-central-console .btn-primary { box-shadow: 0 5px 12px rgba(22, 138, 80, .18); }
body.lw-central-console .modal-content { border: 1px solid #dceae1; border-radius: 1rem; overflow: hidden; }

/* Keep the same visual hierarchy in the configured dark central console. */
body.lw-central-console.lw-auth-dark { background: #0c1710 !important; }
body.lw-central-console.lw-auth-dark .header { background: linear-gradient(120deg, #101e15, #0c1710 62%, #112319) !important; border-bottom-color: rgba(84, 219, 133, .14); }
body.lw-central-console.lw-auth-dark .header .card-stats,
body.lw-central-console.lw-auth-dark .card { background: #132018 !important; border-color: rgba(84, 219, 133, .16) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important; }
body.lw-central-console.lw-auth-dark .header .card-stats .card-title,
body.lw-central-console.lw-auth-dark .header .card-stats .text-uppercase,
body.lw-central-console.lw-auth-dark .dataTables_wrapper .dataTables_info { color: #86a894 !important; }
body.lw-central-console.lw-auth-dark .header .card-stats .h2 { color: #effbf2 !important; }
body.lw-central-console.lw-auth-dark .header .icon-shape { background: rgba(39, 196, 98, .13) !important; }
body.lw-central-console.lw-auth-dark .dataTables_wrapper,
body.lw-central-console.lw-auth-dark .card .dataTables_wrapper { color: #b6cbbc; }
body.lw-central-console.lw-auth-dark .dataTables_wrapper .dataTables_filter input,
body.lw-central-console.lw-auth-dark .dataTables_wrapper .dataTables_length select { background: #0d1911; border-color: rgba(84, 219, 133, .22); color: #e2f0e6; }
body.lw-central-console.lw-auth-dark table.dataTable tbody tr { background: #122018; box-shadow: 0 1px 0 rgba(84, 219, 133, .08); }
body.lw-central-console.lw-auth-dark table.dataTable tbody tr:hover { background: #172a1d !important; box-shadow: 0 7px 18px rgba(0, 0, 0, .24); }
body.lw-central-console.lw-auth-dark table.dataTable thead th { color: #8caa98 !important; }
body.lw-central-console.lw-auth-dark table.dataTable tbody td { color: #d2e2d6; }
body.lw-central-console.lw-auth-dark .dataTables_wrapper .paginate_button,
body.lw-central-console.lw-auth-dark .dataTables_wrapper .page-link { background: #14231a !important; border-color: rgba(84, 219, 133, .18) !important; color: #b9d0c0 !important; }

/* Central listings: compact, aligned table treatment. */
body.lw-central-console .card:has(table.dataTable) { overflow: hidden; }
body.lw-central-console .card:has(table.dataTable) .card-body { padding: 1rem 1.1rem .8rem; }
body.lw-central-console table.dataTable { border-collapse: collapse !important; border-spacing: 0 !important; width: 100% !important; }
body.lw-central-console table.dataTable thead tr { background: #edf6f0; }
body.lw-central-console table.dataTable thead th {
    border-bottom: 1px solid #d7e7dd !important;
    color: #506d5c !important;
    padding: .8rem .85rem !important;
    white-space: nowrap;
}
body.lw-central-console table.dataTable tbody tr { background: transparent; box-shadow: none; }
body.lw-central-console table.dataTable tbody tr:hover { background: #f3faf5 !important; box-shadow: none; transform: none; }
body.lw-central-console table.dataTable tbody td { border-bottom: 1px solid #e5eee8 !important; padding: .85rem !important; }
body.lw-central-console table.dataTable tbody tr:last-child td { border-bottom: 0 !important; }
body.lw-central-console table.dataTable tbody td:first-child,
body.lw-central-console table.dataTable tbody td:last-child { border-radius: 0; }
body.lw-central-console table.dataTable .btn-sm { border-radius: .45rem; font-size: .72rem; margin: .1rem .15rem .1rem 0; padding: .38rem .58rem; }
body.lw-central-console.lw-auth-dark table.dataTable thead tr { background: #18271d; }
body.lw-central-console.lw-auth-dark table.dataTable thead th { border-bottom-color: rgba(84, 219, 133, .16) !important; color: #a1beaa !important; }
body.lw-central-console.lw-auth-dark table.dataTable tbody tr { background: transparent; }
body.lw-central-console.lw-auth-dark table.dataTable tbody tr:hover { background: #18291e !important; box-shadow: none; }
body.lw-central-console.lw-auth-dark table.dataTable tbody td { border-bottom-color: rgba(84, 219, 133, .1) !important; }

/* Central dashboard analytics. */
body.lw-central-console .lw-central-dashboard-kpis { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 1.5rem; }
body.lw-central-console .lw-central-kpi-card { align-items: center; background: #fff; border: 1px solid #dfece3; border-radius: 1rem; box-shadow: 0 8px 22px rgba(25, 77, 45, .055); display: flex; gap: .85rem; min-height: 105px; padding: 1rem; }
body.lw-central-console .lw-central-kpi-icon { align-items: center; background: #e6f7ec; border-radius: .75rem; color: #168a50; display: flex; flex: 0 0 2.6rem; font-size: 1rem; height: 2.6rem; justify-content: center; }
body.lw-central-console .lw-central-kpi-icon.is-warning { background: #fff5d8; color: #b77900; }
body.lw-central-console .lw-central-kpi-icon.is-blue { background: #e6f3ff; color: #2779bd; }
body.lw-central-console .lw-central-kpi-card span, body.lw-central-console .lw-central-kpi-card small { color: #718879; display: block; font-size: .7rem; }
body.lw-central-console .lw-central-kpi-card span { font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
body.lw-central-console .lw-central-kpi-card strong { color: #193727; display: block; font-size: 1.45rem; line-height: 1.3; }
body.lw-central-console .lw-central-analytics-card { min-height: 100%; }
body.lw-central-console .lw-central-health-card h3 { color: #203d2b; font-size: 1.12rem; margin: .1rem 0 0; }
body.lw-central-console .lw-central-overline { color: #168a50; font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
body.lw-central-console .lw-central-health-status { border-radius: 999px; font-size: .68rem; font-weight: 700; padding: .35rem .6rem; }
body.lw-central-console .lw-central-health-status.is-ready { background: #e3f8eb; color: #168a50; }
body.lw-central-console .lw-central-health-status.is-attention { background: #fff4d7; color: #9a6500; }
body.lw-central-console .lw-central-vendor-chart-wrap { height: 190px; position: relative; }
body.lw-central-console .lw-central-health-list { border-top: 1px solid #e2ede5; }
body.lw-central-console .lw-central-health-list > div { align-items: center; border-bottom: 1px solid #e8f0eb; color: #4c6756; display: flex; font-size: .78rem; justify-content: space-between; padding: .75rem 0; }
body.lw-central-console .lw-central-health-list i { font-size: .52rem; margin-right: .42rem; }
body.lw-central-console .lw-central-health-list i.is-ready { color: #20ad5a; }
body.lw-central-console .lw-central-health-list i.is-attention { color: #d0920a; }
body.lw-central-console .lw-central-health-list b { color: #50705a; font-size: .7rem; }
@media (max-width: 1199.98px) { body.lw-central-console .lw-central-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { body.lw-central-console .lw-central-dashboard-kpis { grid-template-columns: 1fr; } }
body.lw-central-console.lw-auth-dark .lw-central-kpi-card, body.lw-central-console.lw-auth-dark .lw-central-health-card { background: #132018 !important; border-color: rgba(84, 219, 133, .16) !important; }
body.lw-central-console.lw-auth-dark .lw-central-kpi-card strong, body.lw-central-console.lw-auth-dark .lw-central-health-card h3 { color: #effbf2 !important; }
body.lw-central-console.lw-auth-dark .lw-central-kpi-card span, body.lw-central-console.lw-auth-dark .lw-central-kpi-card small, body.lw-central-console.lw-auth-dark .lw-central-health-list > div, body.lw-central-console.lw-auth-dark .lw-central-health-list b { color: #9ab8a6 !important; }
body.lw-central-console.lw-auth-dark .lw-central-health-list, body.lw-central-console.lw-auth-dark .lw-central-health-list > div { border-color: rgba(84, 219, 133, .12); }

/* Central dashboard: subscription revenue. */
body.lw-central-console .lw-central-revenue-panel { background: linear-gradient(112deg, #102d1c 0%, #174d2b 49%, #1e7b42 100%); border: 1px solid rgba(99, 244, 146, .26); border-radius: 1.1rem; box-shadow: 0 18px 38px rgba(12, 66, 34, .16); color: #f5fff7; display: grid; grid-template-columns: minmax(0, 1.38fr) minmax(290px, .9fr); margin: 0 0 1.5rem; overflow: hidden; position: relative; }
body.lw-central-console .lw-central-revenue-panel::before { background: radial-gradient(circle, rgba(125, 255, 166, .23) 0%, rgba(125, 255, 166, 0) 68%); content: ''; height: 440px; pointer-events: none; position: absolute; right: -165px; top: -250px; width: 440px; }
body.lw-central-console .lw-central-revenue-summary, body.lw-central-console .lw-central-revenue-mix { min-width: 0; padding: 1.45rem 1.55rem; position: relative; z-index: 1; }
body.lw-central-console .lw-central-revenue-summary { border-right: 1px solid rgba(212, 255, 224, .17); }
body.lw-central-console .lw-central-revenue-panel .lw-central-overline { color: #8ef2ae; }
body.lw-central-console .lw-central-revenue-panel h3 { color: #fff; font-size: 1.18rem; margin: .08rem 0 0; }
body.lw-central-console .lw-central-revenue-live { align-items: center; background: rgba(128, 250, 163, .13); border: 1px solid rgba(146, 255, 178, .26); border-radius: 999px; color: #baffcb; display: inline-flex; font-size: .65rem; font-weight: 800; gap: .33rem; letter-spacing: .06em; padding: .35rem .58rem; text-transform: uppercase; }
body.lw-central-console .lw-central-revenue-live i { color: #74f29b; font-size: .44rem; }
body.lw-central-console .lw-central-revenue-values { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.55rem; }
body.lw-central-console .lw-central-revenue-values > div { background: rgba(3, 35, 16, .22); border: 1px solid rgba(200, 255, 215, .14); border-radius: .82rem; padding: .85rem .95rem; }
body.lw-central-console .lw-central-revenue-values span, body.lw-central-console .lw-central-revenue-values small { color: #b6d8c0; display: block; font-size: .67rem; line-height: 1.35; }
body.lw-central-console .lw-central-revenue-values span { font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
body.lw-central-console .lw-central-revenue-values strong { color: #fff; display: block; font-size: 1.54rem; letter-spacing: -.025em; line-height: 1.25; margin: .25rem 0; white-space: nowrap; }
body.lw-central-console .lw-central-revenue-footnote { color: #a9cdb4; font-size: .68rem; line-height: 1.45; margin-top: .95rem; }
body.lw-central-console .lw-central-revenue-footnote i { color: #78e99c; margin-right: .38rem; }
body.lw-central-console .lw-central-revenue-methods { display: flex; gap: .45rem; }
body.lw-central-console .lw-central-revenue-methods span { align-items: center; background: rgba(235, 255, 240, .1); border-radius: .5rem; color: #c9f6d6; display: inline-flex; font-size: .7rem; gap: .33rem; padding: .35rem .45rem; }
body.lw-central-console .lw-central-revenue-methods i { color: #83efaa; }
body.lw-central-console .lw-central-plan-list { border-top: 1px solid rgba(212, 255, 224, .18); }
body.lw-central-console .lw-central-plan-row { align-items: center; border-bottom: 1px solid rgba(212, 255, 224, .14); display: flex; justify-content: space-between; padding: .65rem 0; }
body.lw-central-console .lw-central-plan-row b { color: #f6fff8; display: block; font-size: .78rem; }
body.lw-central-console .lw-central-plan-row span { color: #acd3b7; display: block; font-size: .66rem; margin-top: .1rem; }
body.lw-central-console .lw-central-plan-row strong { color: #b5ffc9; font-size: .79rem; text-align: right; white-space: nowrap; }
body.lw-central-console .lw-central-plan-row strong small { color: #9bc9a8; font-size: .62rem; font-weight: 600; }
body.lw-central-console .lw-central-plan-empty { color: #b6d8c0; font-size: .74rem; padding: 1rem 0 .35rem; }
body.lw-central-console .lw-central-plan-empty i { color: #7bea9f; margin-right: .42rem; }
body.lw-central-console .lw-central-revenue-warning { background: rgba(251, 191, 36, .12); border: 1px solid rgba(251, 191, 36, .25); border-radius: .6rem; color: #ffdf8c; font-size: .67rem; line-height: 1.4; margin-top: .8rem; padding: .52rem .6rem; }
body.lw-central-console .lw-central-revenue-warning i { margin-right: .35rem; }
@media (max-width: 991.98px) { body.lw-central-console .lw-central-revenue-panel { grid-template-columns: 1fr; } body.lw-central-console .lw-central-revenue-summary { border-bottom: 1px solid rgba(212, 255, 224, .17); border-right: 0; } }
@media (max-width: 575.98px) { body.lw-central-console .lw-central-revenue-summary, body.lw-central-console .lw-central-revenue-mix { padding: 1.15rem; } body.lw-central-console .lw-central-revenue-values { grid-template-columns: 1fr; } }

/* Vendor console: consistent widgets and management listings. */
body.lw-vendor-console { background: #f3f8f4; }
body.lw-vendor-console .main-content { background: transparent; }
/* Vendor pages used the original large profile header plus a negative content
   offset. Tighten both as one system so every management page starts cleanly
   below the top bar instead of leaving a large empty band. */
body.lw-vendor-console .header.d-flex.align-items-center { min-height: 0 !important; padding-bottom: 0 !important; padding-top: 1.35rem !important; }
body.lw-vendor-console .header.d-flex.align-items-center .lw-page-title { margin-bottom: 1rem !important; margin-top: 0 !important; }
body.lw-vendor-console .header.d-flex.align-items-center + .container-fluid { margin-top: 0 !important; }
body.lw-vendor-console .lw-vendor-plan-notice { margin-bottom: 0; margin-top: .85rem; }
body.lw-vendor-console .lw-vendor-plan-notice .alert { margin-bottom: 0; }
@media (max-width: 575.98px) { body.lw-vendor-console .header.d-flex.align-items-center { padding-top: 1rem !important; } }
body.lw-vendor-console .header {
    background: linear-gradient(120deg, #edf8f0, #f8fcf9 56%, #e7f4eb) !important;
    border-bottom: 1px solid #dcebe1;
    padding-bottom: 2rem !important;
}
body.lw-vendor-console .header .card-stats {
    background: #fff !important;
    border: 1px solid #dfece3 !important;
    border-radius: .95rem !important;
    box-shadow: 0 9px 24px rgba(25, 77, 45, .065) !important;
    min-height: 0 !important;
    overflow: hidden;
    position: relative;
}
body.lw-vendor-console .header .card-stats::before { background: #1a9e4e; content: ''; height: 3px; left: 0; position: absolute; right: 0; top: 0; }
body.lw-vendor-console .header .card-stats .card-body { padding: 1.15rem 1.25rem !important; }
body.lw-vendor-console .header .card-stats .card-title,
body.lw-vendor-console .header .card-stats .text-uppercase { color: #668171 !important; font-size: .67rem !important; font-weight: 700 !important; letter-spacing: .07em !important; }
body.lw-vendor-console .header .card-stats .h2 { color: #183526 !important; font-size: 1.72rem !important; font-weight: 750 !important; }
body.lw-vendor-console .header .icon-shape { background: #e6f7ec !important; border-radius: .8rem !important; box-shadow: none !important; }
body.lw-vendor-console .header .icon-shape i { color: #168a50 !important; }
body.lw-vendor-console .card {
    border: 1px solid #dfece3;
    border-radius: .95rem;
    box-shadow: 0 8px 22px rgba(25, 77, 45, .055);
}
body.lw-vendor-console .card .card-body { padding: 1.2rem; }
body.lw-vendor-console .dataTables_wrapper,
body.lw-vendor-console .card .dataTables_wrapper { color: #385245; }
body.lw-vendor-console .dataTables_wrapper .dataTables_filter,
body.lw-vendor-console .dataTables_wrapper .dataTables_length { margin-bottom: 1rem; }
body.lw-vendor-console .dataTables_wrapper .dataTables_filter input,
body.lw-vendor-console .dataTables_wrapper .dataTables_length select {
    background: #f8fcf9;
    border: 1px solid #d3e5d9;
    border-radius: .55rem;
    color: #233c2e;
    min-height: 2.35rem;
    padding: .35rem .7rem;
}
body.lw-vendor-console .dataTables_wrapper .dataTables_filter input:focus { background: #fff; border-color: #54b97c; box-shadow: 0 0 0 .2rem rgba(26, 158, 78, .12); outline: 0; }
body.lw-vendor-console table.dataTable { border-collapse: separate !important; border-spacing: 0 .3rem !important; margin: 0 !important; }
body.lw-vendor-console table.dataTable thead th {
    border: 0 !important;
    color: #698275 !important;
    font-size: .67rem !important;
    font-weight: 700 !important;
    letter-spacing: .06em;
    padding: .5rem .8rem !important;
    text-transform: uppercase;
}
body.lw-vendor-console table.dataTable tbody tr { background: #fbfdfb; box-shadow: 0 1px 0 #e7f0ea; transition: box-shadow .16s ease, transform .16s ease; }
body.lw-vendor-console table.dataTable tbody tr:hover { background: #f1faf4 !important; box-shadow: 0 6px 16px rgba(23, 102, 57, .075); transform: translateY(-1px); }
body.lw-vendor-console table.dataTable tbody td { border-bottom: 0 !important; color: #334c3d; padding: .78rem .8rem !important; vertical-align: middle; }
body.lw-vendor-console table.dataTable tbody td:first-child { border-bottom-left-radius: .62rem; border-top-left-radius: .62rem; }
body.lw-vendor-console table.dataTable tbody td:last-child { border-bottom-right-radius: .62rem; border-top-right-radius: .62rem; }
body.lw-vendor-console table.dataTable a:not(.btn) { color: #137c43; font-weight: 650; }
body.lw-vendor-console .dataTables_wrapper .dataTables_info { color: #6c8375; font-size: .8rem; padding-top: 1rem; }
body.lw-vendor-console .dataTables_wrapper .paginate_button,
body.lw-vendor-console .dataTables_wrapper .page-link { background: #fff !important; border: 1px solid #dceae1 !important; border-radius: .5rem !important; color: #47705a !important; }
body.lw-vendor-console .dataTables_wrapper .paginate_button.current,
body.lw-vendor-console .dataTables_wrapper .paginate_button:hover { background: #168a50 !important; border-color: #168a50 !important; color: #fff !important; }
body.lw-vendor-console .btn { border-radius: .6rem; font-weight: 650; }
body.lw-vendor-console .btn-primary { box-shadow: 0 5px 12px rgba(22, 138, 80, .18); }
body.lw-vendor-console .modal-content { border: 1px solid #dceae1; border-radius: 1rem; overflow: hidden; }

/* Dark vendor console uses the same components with high-contrast surfaces. */
body.lw-vendor-console.lw-auth-dark { background: #0c1710 !important; }
body.lw-vendor-console.lw-auth-dark .header { background: linear-gradient(120deg, #101e15, #0c1710 62%, #112319) !important; border-bottom-color: rgba(84, 219, 133, .14); }
body.lw-vendor-console.lw-auth-dark .header .card-stats,
body.lw-vendor-console.lw-auth-dark .card { background: #132018 !important; border-color: rgba(84, 219, 133, .16) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important; }
body.lw-vendor-console.lw-auth-dark .header .card-stats .card-title,
body.lw-vendor-console.lw-auth-dark .header .card-stats .text-uppercase,
body.lw-vendor-console.lw-auth-dark .dataTables_wrapper .dataTables_info { color: #86a894 !important; }
body.lw-vendor-console.lw-auth-dark .header .card-stats .h2 { color: #effbf2 !important; }
body.lw-vendor-console.lw-auth-dark .header .icon-shape { background: rgba(39, 196, 98, .13) !important; }
body.lw-vendor-console.lw-auth-dark .dataTables_wrapper,
body.lw-vendor-console.lw-auth-dark .card .dataTables_wrapper { color: #b6cbbc; }
body.lw-vendor-console.lw-auth-dark .dataTables_wrapper .dataTables_filter input,
body.lw-vendor-console.lw-auth-dark .dataTables_wrapper .dataTables_length select { background: #0d1911; border-color: rgba(84, 219, 133, .22); color: #e2f0e6; }
body.lw-vendor-console.lw-auth-dark table.dataTable tbody tr { background: #122018; box-shadow: 0 1px 0 rgba(84, 219, 133, .08); }
body.lw-vendor-console.lw-auth-dark table.dataTable tbody tr:hover { background: #172a1d !important; box-shadow: 0 7px 18px rgba(0, 0, 0, .24); }
body.lw-vendor-console.lw-auth-dark table.dataTable thead th { color: #8caa98 !important; }
body.lw-vendor-console.lw-auth-dark table.dataTable tbody td { color: #d2e2d6; }
body.lw-vendor-console.lw-auth-dark .dataTables_wrapper .paginate_button,
body.lw-vendor-console.lw-auth-dark .dataTables_wrapper .page-link { background: #14231a !important; border-color: rgba(84, 219, 133, .18) !important; color: #b9d0c0 !important; }

/* Vendor dashboard: polished operational overview. */
body.lw-vendor-console .lw-vendor-dashboard-title { background: linear-gradient(115deg, #edf9f0 0%, #f8fcf9 56%, #e5f6ea 100%) !important; border-bottom: 0 !important; padding-bottom: .65rem !important; position: relative; }
body.lw-vendor-console .lw-vendor-dashboard-title .lw-page-title { color: #173a26; font-size: clamp(1.5rem, 2.2vw, 2.15rem); font-weight: 780; letter-spacing: -.035em; }
body.lw-vendor-console .lw-vendor-dashboard-kpis { background: linear-gradient(115deg, #edf9f0 0%, #f8fcf9 56%, #e5f6ea 100%) !important; border: 0 !important; padding: .5rem 0 2.2rem !important; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row { margin-bottom: 0 !important; row-gap: 1rem; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-'] { margin-bottom: 0 !important; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats { --lw-dashboard-accent: #1bab5a; --lw-dashboard-tint: #e6f8ed; background: rgba(255, 255, 255, .9) !important; border: 1px solid rgba(42, 119, 67, .12) !important; border-radius: 1.05rem !important; box-shadow: 0 12px 26px rgba(20, 75, 39, .07) !important; height: 100%; isolation: isolate; overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats::before { background: linear-gradient(90deg, var(--lw-dashboard-accent), color-mix(in srgb, var(--lw-dashboard-accent), white 34%)) !important; height: 4px; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats::after { background: radial-gradient(circle, var(--lw-dashboard-tint) 0%, transparent 70%); content: ''; height: 150px; opacity: .76; pointer-events: none; position: absolute; right: -58px; top: -58px; width: 150px; z-index: -1; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats:hover { box-shadow: 0 17px 31px rgba(20, 75, 39, .12) !important; transform: translateY(-3px); }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats .card-body { display: flex; flex-direction: column; justify-content: space-between; min-height: 132px; padding: 1.1rem 1.15rem .95rem !important; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats .card-title { color: #6c8776 !important; font-size: .63rem !important; letter-spacing: .085em !important; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats .h2 { color: #153924 !important; font-size: 2rem !important; font-variant-numeric: tabular-nums; letter-spacing: -.045em; line-height: 1.05; margin-top: .3rem; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats .icon-shape { background: var(--lw-dashboard-tint) !important; border: 1px solid color-mix(in srgb, var(--lw-dashboard-accent), white 78%); border-radius: .82rem !important; color: var(--lw-dashboard-accent) !important; height: 2.75rem; width: 2.75rem; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats .icon-shape i { color: var(--lw-dashboard-accent) !important; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats p { line-height: 1.2; margin-top: .7rem !important; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats p a { align-items: center; color: #318054 !important; display: inline-flex; font-size: .72rem; font-weight: 700; gap: .25rem; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats p a::after { content: '→'; font-size: .9rem; line-height: 1; transition: transform .16s ease; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats:hover p a::after { transform: translateX(3px); }
body.lw-vendor-console .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(2n) .card-stats { --lw-dashboard-accent: #2181c7; --lw-dashboard-tint: #e6f4ff; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(3n) .card-stats { --lw-dashboard-accent: #a76609; --lw-dashboard-tint: #fff4db; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(5n) .card-stats { --lw-dashboard-accent: #7c55ba; --lw-dashboard-tint: #f2ebff; }
body.lw-vendor-console .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(7n) .card-stats { --lw-dashboard-accent: #cf5f39; --lw-dashboard-tint: #fff0ea; }
body.lw-vendor-console .lw-vendor-dashboard .alert { border: 0; border-left: 4px solid currentColor; border-radius: .8rem; box-shadow: 0 8px 20px rgba(27, 70, 43, .06); padding: 1rem 1.1rem; }
body.lw-vendor-console .lw-vendor-onboarding { background: linear-gradient(135deg, #fff 0%, #f3fbf5 100%); border: 1px solid #dcece1; border-radius: 1.1rem; box-shadow: 0 14px 30px rgba(25, 84, 45, .07); margin: 0; overflow: hidden; padding: 1.35rem 1.45rem 1.45rem; position: relative; }
body.lw-vendor-console .lw-vendor-onboarding::before { background: radial-gradient(circle, rgba(45, 200, 108, .16) 0%, rgba(45, 200, 108, 0) 70%); content: ''; height: 290px; pointer-events: none; position: absolute; right: -75px; top: -165px; width: 290px; }
body.lw-vendor-console .lw-vendor-onboarding legend { color: #198b4d; font-size: .67rem; font-weight: 800; letter-spacing: .1em; margin-bottom: .5rem; padding: 0; position: relative; text-transform: uppercase; width: auto; }
body.lw-vendor-console .lw-vendor-onboarding legend::after { color: #1f3f2b; content: ' · Set up your workspace and launch your first campaign'; font-size: .86rem; font-weight: 650; letter-spacing: 0; text-transform: none; }
body.lw-vendor-console .lw-vendor-onboarding h3 { margin: 0; position: relative; }
body.lw-vendor-console .lw-vendor-onboarding ol { counter-reset: setup-step; display: grid; gap: .72rem; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
body.lw-vendor-console .lw-vendor-onboarding li { align-items: flex-start; background: rgba(255, 255, 255, .78); border: 1px solid #e0eee4; border-radius: .75rem; color: #3c5b48; counter-increment: setup-step; display: flex; font-size: .78rem; font-weight: 600; gap: .63rem; line-height: 1.45; min-height: 68px; padding: .8rem; }
body.lw-vendor-console .lw-vendor-onboarding li::before { align-items: center; background: #e4f8eb; border-radius: 50%; color: #168a50; content: counter(setup-step, decimal-leading-zero); display: inline-flex; flex: 0 0 1.8rem; font-size: .61rem; font-weight: 800; height: 1.8rem; justify-content: center; }
body.lw-vendor-console .lw-vendor-onboarding li a { color: #168a50; font-weight: 800; text-decoration: underline; text-decoration-color: rgba(22, 138, 80, .27); text-underline-offset: 2px; }
@media (max-width: 767.98px) { body.lw-vendor-console .lw-vendor-dashboard-kpis .card-stats .card-body { min-height: 122px; } body.lw-vendor-console .lw-vendor-onboarding { padding: 1.1rem; } body.lw-vendor-console .lw-vendor-onboarding ol { grid-template-columns: 1fr; } }
body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-title, body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-kpis { background: linear-gradient(118deg, #102217 0%, #0c1810 62%, #112b1a 100%) !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-title .lw-page-title { color: #effbf2; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-kpis .card-stats { background: #13261a !important; border-color: rgba(96, 231, 139, .16) !important; box-shadow: 0 14px 27px rgba(0, 0, 0, .23) !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-kpis .card-stats .h2 { color: #effbf2 !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-kpis .card-stats .card-title { color: #94b5a0 !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-dashboard-kpis .card-stats p a { color: #72dfa0 !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-onboarding { background: linear-gradient(135deg, #13251a, #101b14); border-color: rgba(96, 231, 139, .15); box-shadow: 0 14px 31px rgba(0, 0, 0, .25); }
body.lw-vendor-console.lw-auth-dark .lw-vendor-onboarding legend::after { color: #dcefe2; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-onboarding li { background: rgba(18, 38, 26, .82); border-color: rgba(96, 231, 139, .11); color: #b9d0c0; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-onboarding li::before { background: rgba(66, 213, 114, .13); color: #8df3b2; }

/* Vendor chat: visual upgrade only. Existing chat markup, Alpine state and
   message actions remain untouched. */
body.lw-vendor-chat-page .header.d-flex.align-items-center { display: none; }
body.lw-vendor-console .lw-vendor-chat-enhanced { background: #f8fcf9 !important; border: 1px solid #d9e9df !important; border-radius: 1.15rem !important; box-shadow: 0 18px 40px rgba(17, 68, 36, .1) !important; overflow: hidden; }
body.lw-vendor-console .lw-vendor-chat-enhanced > .card-body { padding: 1.1rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list-block { padding-right: .8rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list-block > h1 { color: #173b27; font-size: 1.15rem; font-weight: 780; letter-spacing: -.02em; margin: .2rem 0 .7rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list-block > hr { border-color: #dbe9e0; margin-bottom: .8rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contacts-header { color: #698174; font-size: .68rem; font-weight: 750; letter-spacing: .07em; margin: 0 0 .55rem; text-transform: uppercase; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list-header .form-control { background: #fff; border: 1px solid #d9e9df; border-radius: .7rem; box-shadow: none; color: #244431; font-size: .82rem; height: 2.55rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list-header .form-control:focus { border-color: #48b970; box-shadow: 0 0 0 .2rem rgba(33, 171, 90, .1); }
body.lw-vendor-console .lw-vendor-chat-enhanced .nav-tabs { border-bottom-color: #dcebe1 !important; display: flex; flex-wrap: nowrap; gap: .2rem; overflow-x: auto; padding-bottom: .35rem; scrollbar-width: thin; }
body.lw-vendor-console .lw-vendor-chat-enhanced .nav-tabs .nav-link { background: transparent !important; border: 0 !important; border-radius: .55rem !important; color: #718a7a !important; flex: 0 0 auto; font-size: .72rem !important; font-weight: 750; padding: .45rem .65rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .nav-tabs .nav-link:hover { background: #eaf7ee !important; color: #198b4d !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .nav-tabs .nav-link.active { background: #168a50 !important; box-shadow: 0 5px 12px rgba(22, 138, 80, .18); color: #fff !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .nav-tabs .badge { background: #f2c94c !important; font-size: .6rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-labels-selector-box { border-bottom: 1px solid #e3eee7; margin: .45rem 0 .8rem !important; padding-bottom: .55rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list { background: transparent; border: 0; border-radius: 0; box-shadow: none !important; padding-right: .15rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-contact { background: #fff; border: 1px solid #e1eee5 !important; border-radius: .78rem !important; box-shadow: 0 2px 7px rgba(25, 82, 44, .035); margin: 0 0 .48rem; min-height: 89px; padding: .55rem .65rem !important; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-contact:hover { background: #f3fbf5; border-color: #bde3c9 !important; box-shadow: 0 7px 16px rgba(23, 105, 57, .09); transform: translateY(-1px); }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-contact.lw-contact-list-item-selected { background: linear-gradient(120deg, #e4f8eb, #f5fcf7) !important; border-color: #66bf83 !important; box-shadow: inset 3px 0 #178c50, 0 6px 14px rgba(23, 105, 57, .08); }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-contact .lw-contact-avatar { align-items: center; background: linear-gradient(135deg, #189852, #67c782) !important; box-shadow: 0 4px 10px rgba(24, 152, 82, .2); display: flex; font-size: .75rem; font-weight: 800; justify-content: center; margin-right: .75rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-contact h3 { color: #294935; font-size: .77rem; font-weight: 750; margin: 0; overflow: hidden; padding-top: .08rem; text-overflow: ellipsis; white-space: nowrap; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-contact hr { border-top: 1px solid #edf3ef; margin-top: .42rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .lw-last-message-at { color: #779080 !important; font-size: .64rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list .badge.rounded-pill { align-items: center; background: #1ba85a !important; box-shadow: 0 2px 7px rgba(27, 168, 90, .2); display: inline-flex; font-size: .62rem; justify-content: center; }
body.lw-vendor-console .lw-vendor-chat-enhanced .marvel-device.nexus5 { background: #143d29; border: 5px solid #143d29; border-radius: 1.15rem; box-shadow: 0 14px 30px rgba(8, 52, 26, .17); max-width: none; overflow: hidden; padding: 0; width: 100%; }
body.lw-vendor-console .lw-vendor-chat-enhanced .marvel-device .screen { border-radius: .83rem; overflow: hidden; }
body.lw-vendor-console .lw-vendor-chat-enhanced .user-bar { background: linear-gradient(115deg, #123e28, #18744a 100%) !important; border-radius: 0 !important; box-shadow: 0 4px 12px rgba(8, 52, 26, .16); min-height: 62px !important; padding: .72rem .85rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .user-bar .avatar { align-items: center; background: #dff7e6 !important; border-radius: .75rem; color: #168a50 !important; display: inline-flex !important; font-size: .73rem; font-weight: 800; justify-content: center; }
body.lw-vendor-console .lw-vendor-chat-enhanced .user-bar .name { font-size: .86rem !important; margin-top: .1rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .user-bar .name small { color: #bde7c9; font-size: .7rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .user-bar .name a { color: #dff7e6; }
body.lw-vendor-console .lw-vendor-chat-enhanced .user-bar .status { font-size: .64rem !important; line-height: 1.25; margin-top: .2rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-whatsapp-bar-icon-btn { border-radius: .55rem; color: #effcf2; display: inline-flex; height: 2rem; justify-content: center; transition: background .15s ease; width: 2rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-whatsapp-bar-icon-btn:hover { background: rgba(229, 255, 237, .14); color: #fff; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation { background-color: #eff8f1 !important; border-radius: 0 !important; padding-bottom: .85rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation .conversation-container { padding: 0 1.1rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .message { box-shadow: 0 2px 5px rgba(23, 57, 36, .08); font-size: .8rem !important; line-height: 1.48 !important; margin: .55rem 0 !important; max-width: 79% !important; padding: .62rem .72rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .message.received { background: #fff !important; border-radius: .22rem .78rem .78rem .78rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .message.received::after { border-color: transparent #fff transparent transparent !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .message.sent { background: #d9f9e3 !important; border-radius: .78rem .22rem .78rem .78rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .message.sent::after { border-color: transparent transparent transparent #d9f9e3 !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .message .metadata .time { color: #6b8073 !important; font-size: .61rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-highlight-replied-message { animation: lw-chat-highlight 1.6s ease; background: #eaffd1 !important; }
@keyframes lw-chat-highlight { 0%, 100% { box-shadow: 0 2px 5px rgba(23, 57, 36, .08); } 45% { box-shadow: 0 0 0 4px rgba(99, 200, 104, .24); } }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose { background: #fff; border: 1px solid #d8e9de; border-radius: .8rem; box-shadow: 0 6px 15px rgba(15, 73, 37, .09); height: 54px !important; margin: 0 .72rem; width: calc(100% - 1.44rem) !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .emoji, body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .photo, body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose input, body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose > div { background: transparent !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .photo::after { display: none; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .input-msg { color: #1d3b29; font-size: .82rem !important; padding: .55rem .2rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .send { margin-left: .32rem; margin-right: .32rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .send .circle { background: linear-gradient(135deg, #15914d, #2fbd69) !important; box-shadow: 0 4px 10px rgba(21, 145, 77, .24); height: 2.4rem; width: 2.4rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose .send .circle i { font-size: 1rem; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-crm-block { background: #fff !important; border-left: 1px solid #dcebe1; padding: 0 1rem !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-crm-block fieldset { border-bottom: 1px solid #e5efe8; margin: 0; padding: 1rem 0 !important; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-crm-block legend { color: #496a55; font-size: .69rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-crm-block dt { color: #82988a; font-size: .62rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-crm-block dd { color: #284735; font-size: .78rem; margin-bottom: .65rem; }
@media (max-width: 767.98px) { body.lw-vendor-console .lw-vendor-chat-enhanced { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.lw-vendor-console .lw-vendor-chat-enhanced > .card-body { padding: 0 !important; } body.lw-vendor-console .lw-vendor-chat-enhanced .marvel-device.nexus5 { border: 0; border-radius: 0; box-shadow: none; } body.lw-vendor-console .lw-vendor-chat-enhanced .conversation-compose { margin: 0 .42rem; width: calc(100% - .84rem) !important; } body.lw-vendor-console .lw-vendor-chat-enhanced .lw-contact-list-block { padding: 1rem !important; } }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced { background: #0e1c13 !important; border-color: rgba(90, 231, 139, .15) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, .28) !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list-block > h1 { color: #e6f7eb; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list-block > hr, body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-labels-selector-box { border-color: rgba(103, 231, 146, .13); }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list-header .form-control, body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list .lw-contact, body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-crm-block { background: #13261a !important; border-color: rgba(103, 231, 146, .15) !important; color: #d5e8da; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list .lw-contact:hover, body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list .lw-contact.lw-contact-list-item-selected { background: #173020 !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-list .lw-contact h3, body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-crm-block dd { color: #dcefe1; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .conversation { background-color: #102116 !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .message.received { background: #1b3122 !important; color: #e4f3e8; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .message.received::after { border-color: transparent #1b3122 transparent transparent !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .message.sent { background: #245f38 !important; color: #f1fff4; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .message.sent::after { border-color: transparent transparent transparent #245f38 !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .conversation-compose { background: #13261a; border-color: rgba(103, 231, 146, .18); }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .conversation-compose .input-msg { color: #e4f4e8; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-crm-block fieldset { border-color: rgba(103, 231, 146, .12); }
body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-crm-block legend, body.lw-vendor-console.lw-auth-dark .lw-vendor-chat-enhanced .lw-contact-crm-block dt { color: #8dad99; }

/* Login is intentionally a distraction-free authentication screen. */
body.lw-login-page #navbar-main { display: none !important; }
body.lw-login-page .lw-console-skip-link { display: none !important; }
body.lw-login-page .lw-auth-page { padding-top: 2rem !important; }
@media (max-width: 575.98px) { body.lw-login-page .lw-auth-page { padding: 1rem !important; } }

/* Central dashboard: a dedicated executive dashboard rather than generic cards. */
body.lw-central-console .lw-central-dashboard-overview { background: linear-gradient(122deg, #f2fbf5 0%, #e8f7ed 47%, #f9fcfa 100%) !important; border-bottom: 0; padding: 1.75rem 0 2.45rem !important; }
body.lw-central-console .lw-central-dashboard-overview .header-body { display: grid; gap: .9rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.lw-central-console .lw-central-dashboard-overview .header-body > .row { display: contents; }
body.lw-central-console .lw-central-dashboard-overview .header-body > .row > [class*='col-'] { flex: none; margin: 0 !important; max-width: none; padding: 0 !important; width: auto; }
body.lw-central-console .lw-central-dashboard-overview .card-stats { --lw-central-accent: #1aa457; --lw-central-tint: #e4f8eb; background: rgba(255, 255, 255, .94) !important; border: 1px solid rgba(25, 120, 67, .12) !important; border-radius: 1rem !important; box-shadow: 0 13px 28px rgba(20, 83, 43, .075) !important; height: 100%; isolation: isolate; min-height: 122px !important; overflow: hidden; transition: box-shadow .18s ease, transform .18s ease; }
body.lw-central-console .lw-central-dashboard-overview .card-stats::before { background: var(--lw-central-accent) !important; height: 4px; }
body.lw-central-console .lw-central-dashboard-overview .card-stats::after { background: radial-gradient(circle, var(--lw-central-tint) 0%, rgba(255,255,255,0) 70%); content: ''; height: 150px; opacity: .9; pointer-events: none; position: absolute; right: -58px; top: -64px; width: 150px; z-index: -1; }
body.lw-central-console .lw-central-dashboard-overview .card-stats:hover { box-shadow: 0 18px 34px rgba(20, 83, 43, .12) !important; transform: translateY(-3px); }
body.lw-central-console .lw-central-dashboard-overview .card-stats .card-body { display: flex; flex-direction: column; justify-content: space-between; min-height: 122px; padding: 1rem 1.1rem !important; }
body.lw-central-console .lw-central-dashboard-overview .card-stats .card-title { color: #718c7b !important; font-size: .62rem !important; font-weight: 800 !important; letter-spacing: .085em !important; }
body.lw-central-console .lw-central-dashboard-overview .card-stats .h2 { color: #143824 !important; font-size: 1.9rem !important; font-variant-numeric: tabular-nums; letter-spacing: -.045em; line-height: 1.12; margin-top: .3rem; }
body.lw-central-console .lw-central-dashboard-overview .card-stats .icon-shape { background: var(--lw-central-tint) !important; border: 1px solid color-mix(in srgb, var(--lw-central-accent), white 78%); border-radius: .78rem !important; height: 2.55rem; width: 2.55rem; }
body.lw-central-console .lw-central-dashboard-overview .card-stats .icon-shape i { color: var(--lw-central-accent) !important; }
body.lw-central-console .lw-central-dashboard-overview .card-stats p { color: #71907c !important; font-size: .69rem; line-height: 1.3; margin: .4rem 0 0 !important; }
body.lw-central-console .lw-central-dashboard-overview .header-body > .row > [class*='col-']:nth-child(2n) .card-stats { --lw-central-accent: #2584c7; --lw-central-tint: #e7f4ff; }
body.lw-central-console .lw-central-dashboard-overview .header-body > .row > [class*='col-']:nth-child(3n) .card-stats { --lw-central-accent: #b6780d; --lw-central-tint: #fff4d9; }
body.lw-central-console .lw-central-dashboard-overview .header-body > .row > [class*='col-']:nth-child(5n) .card-stats { --lw-central-accent: #835dc2; --lw-central-tint: #f2ebff; }
body.lw-central-console .lw-central-dashboard-overview .header-body > .row > [class*='col-']:nth-child(6n) .card-stats { --lw-central-accent: #d26542; --lw-central-tint: #fff0e9; }
body.lw-central-console .lw-central-dashboard { margin-top: -1.05rem; padding-bottom: 2rem; position: relative; }
body.lw-central-console .lw-central-dashboard > .row:first-child .alert { align-items: center; border: 0; border-left: 4px solid #e05252; border-radius: .75rem; box-shadow: 0 8px 18px rgba(95, 40, 40, .06); display: flex; font-size: .78rem; margin-bottom: .75rem; padding: .8rem 1rem; }
body.lw-central-console .lw-central-dashboard > .row:first-child .alert i { margin-right: .45rem; }
body.lw-central-console .lw-central-dashboard-kpis { gap: .9rem; margin: .2rem 0 1.1rem; }
body.lw-central-console .lw-central-kpi-card { --lw-kpi-accent: #1ba95b; --lw-kpi-tint: #e3f8eb; background: #fff; border: 1px solid #deede3; border-radius: .95rem; box-shadow: 0 10px 22px rgba(24, 78, 43, .055); min-height: 112px; overflow: hidden; padding: 1rem; position: relative; transition: transform .18s ease, box-shadow .18s ease; }
body.lw-central-console .lw-central-kpi-card::after { background: linear-gradient(180deg, var(--lw-kpi-accent), transparent); content: ''; height: 58px; opacity: .75; position: absolute; right: 0; top: 0; width: 3px; }
body.lw-central-console .lw-central-kpi-card:hover { box-shadow: 0 15px 27px rgba(24, 78, 43, .1); transform: translateY(-2px); }
body.lw-central-console .lw-central-kpi-card:nth-child(2) { --lw-kpi-accent: #c08214; --lw-kpi-tint: #fff4dc; }
body.lw-central-console .lw-central-kpi-card:nth-child(3) { --lw-kpi-accent: #2786ca; --lw-kpi-tint: #e7f4ff; }
body.lw-central-console .lw-central-kpi-card:nth-child(4) { --lw-kpi-accent: #8b62c5; --lw-kpi-tint: #f2ebff; }
body.lw-central-console .lw-central-kpi-icon, body.lw-central-console .lw-central-kpi-icon.is-warning, body.lw-central-console .lw-central-kpi-icon.is-blue { background: var(--lw-kpi-tint); color: var(--lw-kpi-accent); }
body.lw-central-console .lw-central-kpi-card strong { color: #163d27; font-size: 1.62rem; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
body.lw-central-console .lw-central-kpi-card span { color: #698372; font-size: .62rem; letter-spacing: .08em; }
body.lw-central-console .lw-central-kpi-card small { color: #829889; font-size: .68rem; margin-top: .08rem; }
body.lw-central-console .lw-central-revenue-panel { border: 0; border-radius: 1rem; box-shadow: 0 18px 38px rgba(12, 66, 34, .16); grid-template-columns: minmax(0, 1.28fr) minmax(310px, .92fr); margin-bottom: 1.15rem; }
body.lw-central-console .lw-central-revenue-summary, body.lw-central-console .lw-central-revenue-mix { padding: 1.55rem 1.65rem; }
body.lw-central-console .lw-central-revenue-panel h3 { font-size: 1.28rem; letter-spacing: -.025em; }
body.lw-central-console .lw-central-revenue-values { gap: .8rem; margin-top: 1.3rem; }
body.lw-central-console .lw-central-revenue-values > div { border-radius: .72rem; min-height: 106px; padding: .9rem 1rem; }
body.lw-central-console .lw-central-revenue-values strong { font-size: 1.72rem; }
body.lw-central-console .lw-central-revenue-mix { background: rgba(0, 27, 11, .15); }
body.lw-central-console .lw-central-plan-row { padding: .72rem 0; }
body.lw-central-console .lw-central-plan-row b { font-size: .82rem; }
body.lw-central-console .lw-central-plan-row strong { font-size: .84rem; }
body.lw-central-console .lw-central-analytics-card { background: linear-gradient(135deg, #10271a, #123b24 60%, #185735) !important; border: 1px solid rgba(103, 231, 146, .22) !important; border-radius: 1rem !important; box-shadow: 0 15px 32px rgba(11, 63, 31, .15) !important; overflow: hidden; position: relative; }
body.lw-central-console .lw-central-analytics-card::after { background: radial-gradient(circle, rgba(100, 255, 149, .18) 0%, rgba(100,255,149,0) 67%); content: ''; height: 350px; pointer-events: none; position: absolute; right: -100px; top: -210px; width: 350px; }
body.lw-central-console .lw-central-analytics-card .card-header { border-bottom: 1px solid rgba(171, 245, 191, .13); padding: 1.25rem 1.35rem; position: relative; z-index: 1; }
body.lw-central-console .lw-central-analytics-card .card-body { padding: .65rem 1rem 1rem; position: relative; z-index: 1; }
body.lw-central-console .lw-central-analytics-card .chart { min-height: 280px; }
body.lw-central-console .lw-central-health-card { border-radius: 1rem !important; overflow: hidden; position: relative; }
body.lw-central-console .lw-central-health-card::before { background: linear-gradient(90deg, #1baa5b, #77d896); content: ''; height: 4px; left: 0; position: absolute; right: 0; top: 0; }
body.lw-central-console .lw-central-health-card .card-body { padding: 1.3rem; }
body.lw-central-console .lw-central-health-list > div { font-size: .76rem; padding: .8rem 0; }
body.lw-central-console .lw-central-health-list b { background: #ebf8ef; border-radius: 999px; color: #198c4e; font-size: .62rem; padding: .28rem .5rem; }
body.lw-central-console .lw-central-dashboard .row.mt-5 { margin-top: 1.25rem !important; }
body.lw-central-console .lw-central-dashboard .row.mt-5 > [class*='col'] > .card { overflow: hidden; }
body.lw-central-console .lw-central-dashboard .row.mt-5 .card-header { background: #fff; border-bottom: 1px solid #e5efe8; padding: 1rem 1.25rem; }
body.lw-central-console .lw-central-dashboard .row.mt-5 .card-header h3 { color: #1a3d28; font-size: 1rem; font-weight: 750; }
body.lw-central-console .lw-central-dashboard .row.mt-5 .table thead th { background: #f2f8f4; border: 0; color: #66806f; font-size: .65rem; letter-spacing: .07em; padding: .72rem 1.25rem; text-transform: uppercase; }
body.lw-central-console .lw-central-dashboard .row.mt-5 .table tbody th, body.lw-central-console .lw-central-dashboard .row.mt-5 .table tbody td { border-color: #e7efe9; color: #587061; font-size: .78rem; padding: .88rem 1.25rem; vertical-align: middle; }
body.lw-central-console .lw-central-dashboard .row.mt-5 .table tbody th a { color: #147d43; font-weight: 750; }
body.lw-central-console .lw-central-dashboard .row.mt-5 .table tbody tr:hover { background: #f4fbf6; }
@media (max-width: 991.98px) { body.lw-central-console .lw-central-dashboard-overview .header-body { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.lw-central-console .lw-central-dashboard { margin-top: -.7rem; } }
@media (max-width: 575.98px) { body.lw-central-console .lw-central-dashboard-overview { padding: 1rem 0 1.8rem !important; } body.lw-central-console .lw-central-dashboard-overview .header-body { grid-template-columns: 1fr; } body.lw-central-console .lw-central-dashboard-overview .card-stats { min-height: 104px !important; } body.lw-central-console .lw-central-dashboard-kpis { grid-template-columns: 1fr; } body.lw-central-console .lw-central-revenue-summary, body.lw-central-console .lw-central-revenue-mix { padding: 1.15rem; } body.lw-central-console .lw-central-revenue-values strong { font-size: 1.55rem; } }
body.lw-central-console.lw-auth-dark .lw-central-dashboard-overview { background: linear-gradient(122deg, #102116, #0c1910 53%, #122719) !important; }
body.lw-central-console.lw-auth-dark .lw-central-dashboard-overview .card-stats, body.lw-central-console.lw-auth-dark .lw-central-kpi-card { background: #13251a !important; border-color: rgba(100, 230, 140, .15) !important; box-shadow: 0 14px 29px rgba(0,0,0,.24) !important; }
body.lw-central-console.lw-auth-dark .lw-central-dashboard-overview .card-stats .h2, body.lw-central-console.lw-auth-dark .lw-central-kpi-card strong { color: #effbf2 !important; }
body.lw-central-console.lw-auth-dark .lw-central-dashboard-overview .card-stats .card-title, body.lw-central-console.lw-auth-dark .lw-central-dashboard-overview .card-stats p, body.lw-central-console.lw-auth-dark .lw-central-kpi-card span, body.lw-central-console.lw-auth-dark .lw-central-kpi-card small { color: #9ab8a6 !important; }
body.lw-central-console.lw-auth-dark .lw-central-health-card .card-body, body.lw-central-console.lw-auth-dark .lw-central-dashboard .row.mt-5 .card-header { background: #13251a !important; }
body.lw-central-console.lw-auth-dark .lw-central-health-list b { background: rgba(55, 205, 103, .13); color: #8cf1af; }
body.lw-central-console.lw-auth-dark .lw-central-dashboard .row.mt-5 .table thead th { background: #182b1e; color: #a6bdaD; }
body.lw-central-console.lw-auth-dark .lw-central-dashboard .row.mt-5 .table tbody th, body.lw-central-console.lw-auth-dark .lw-central-dashboard .row.mt-5 .table tbody td { border-color: rgba(100, 230, 140, .1); color: #b9d0c0; }
body.lw-central-console.lw-auth-dark .lw-central-dashboard .row.mt-5 .table tbody tr:hover { background: #182b1e; }

/* Central vendor profile: direct, scannable vendor and subscription details. */
body.lw-central-console .lw-central-vendor-profile { margin-top: 1.15rem; padding-bottom: 2rem; }
body.lw-central-console .lw-central-vendor-profile-card, body.lw-central-console .lw-central-vendor-subscription-card { background: #fff; border: 1px solid #dcebe1; border-radius: 1rem; box-shadow: 0 12px 28px rgba(20, 77, 42, .075); overflow: hidden; padding: 1.35rem; position: relative; }
body.lw-central-console .lw-central-vendor-profile-card::before, body.lw-central-console .lw-central-vendor-subscription-card::before { background: linear-gradient(90deg, #1aa557, #7edc9c); content: ''; height: 4px; left: 0; position: absolute; right: 0; top: 0; }
body.lw-central-console .lw-central-vendor-subscription-card { background: linear-gradient(140deg, #11311e, #185534) !important; border-color: rgba(91, 225, 136, .23); color: #f4fff6; }
body.lw-central-console .lw-central-vendor-subscription-card::before { background: linear-gradient(90deg, #7ef0a2, #d4ffad); }
body.lw-central-console .lw-central-vendor-profile-head { align-items: flex-start; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.3rem; }
body.lw-central-console .lw-central-vendor-profile-head > div > span { color: #1b9451; display: block; font-size: .65rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
body.lw-central-console .lw-central-vendor-profile-head h2 { color: #173d26; font-size: 1.25rem; font-weight: 760; letter-spacing: -.028em; line-height: 1.3; margin: .18rem 0 0; }
body.lw-central-console .lw-central-vendor-profile-head .btn { border-radius: .55rem; flex: 0 0 auto; font-size: .7rem; padding: .42rem .65rem; }
body.lw-central-console .lw-central-vendor-detail-grid { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.lw-central-console .lw-central-vendor-detail-grid > div { background: #f6fbf7; border: 1px solid #e3efe6; border-radius: .72rem; min-width: 0; padding: .72rem .78rem; }
body.lw-central-console .lw-central-vendor-detail-grid span, body.lw-central-console .lw-central-vendor-plan-grid span, body.lw-central-console .lw-central-vendor-plan-name > span { color: #789081; display: block; font-size: .61rem; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; }
body.lw-central-console .lw-central-vendor-detail-grid strong { color: #254934; display: block; font-size: .78rem; font-weight: 700; margin-top: .22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.lw-central-console .lw-central-vendor-detail-grid .lw-central-vendor-status { color: #168a50; }
body.lw-central-console .lw-central-vendor-subscription-card .lw-central-vendor-profile-head { border-bottom: 1px solid rgba(218, 255, 226, .14); padding-bottom: 1rem; }
body.lw-central-console .lw-central-vendor-subscription-card .lw-central-vendor-profile-head > div > span { color: #92efae; }
body.lw-central-console .lw-central-vendor-subscription-card .lw-central-vendor-profile-head h2 { color: #fff; }
body.lw-central-console .lw-central-vendor-subscription-card .btn-primary { background: #84ed9f; border-color: #84ed9f; box-shadow: none; color: #123a22; }
body.lw-central-console .lw-central-vendor-plan-name { background: rgba(3, 33, 15, .23); border: 1px solid rgba(196, 255, 210, .14); border-radius: .78rem; padding: .85rem .9rem; position: relative; }
body.lw-central-console .lw-central-vendor-plan-name > span, body.lw-central-console .lw-central-vendor-plan-grid span { color: #a8cdb3; }
body.lw-central-console .lw-central-vendor-plan-name > strong { color: #fff; display: block; font-size: 1.22rem; letter-spacing: -.025em; margin-top: .18rem; }
body.lw-central-console .lw-central-vendor-plan-name > b { background: rgba(130, 244, 162, .14); border: 1px solid rgba(145, 255, 176, .22); border-radius: 999px; color: #a9ffc2; font-size: .61rem; font-weight: 800; padding: .3rem .48rem; position: absolute; right: .75rem; top: .75rem; text-transform: uppercase; }
body.lw-central-console .lw-central-vendor-plan-grid { display: grid; gap: .62rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .75rem; }
body.lw-central-console .lw-central-vendor-plan-grid > div { border-bottom: 1px solid rgba(214, 255, 223, .11); min-width: 0; padding: .45rem 0 .62rem; }
body.lw-central-console .lw-central-vendor-plan-grid strong { color: #effff3; display: block; font-size: .76rem; font-weight: 700; margin-top: .25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.lw-central-console .lw-central-vendor-plan-grid strong small { color: #a8d4b5; font-size: .63rem; }
body.lw-central-console .lw-central-vendor-empty-plan { align-items: center; background: rgba(255, 255, 255, .06); border: 1px dashed rgba(207, 255, 219, .2); border-radius: .78rem; display: flex; flex-direction: column; justify-content: center; min-height: 175px; padding: 1.25rem; text-align: center; }
body.lw-central-console .lw-central-vendor-empty-plan i { color: #95f5b1; font-size: 1.45rem; margin-bottom: .55rem; }
body.lw-central-console .lw-central-vendor-empty-plan strong { color: #fff; font-size: .9rem; }
body.lw-central-console .lw-central-vendor-empty-plan span { color: #a7d1b2; font-size: .72rem; line-height: 1.45; margin-top: .3rem; }
@media (max-width: 575.98px) { body.lw-central-console .lw-central-vendor-profile-card, body.lw-central-console .lw-central-vendor-subscription-card { padding: 1.05rem; } body.lw-central-console .lw-central-vendor-detail-grid, body.lw-central-console .lw-central-vendor-plan-grid { grid-template-columns: 1fr; } }
body.lw-central-console.lw-auth-dark .lw-central-vendor-profile-card { background: #13251a !important; border-color: rgba(100, 230, 140, .15); box-shadow: 0 12px 28px rgba(0,0,0,.23); }
body.lw-central-console.lw-auth-dark .lw-central-vendor-profile-head h2 { color: #effbf2; }
body.lw-central-console.lw-auth-dark .lw-central-vendor-detail-grid > div { background: #182b1e; border-color: rgba(100, 230, 140, .1); }
body.lw-central-console.lw-auth-dark .lw-central-vendor-detail-grid strong { color: #dbeee0; }

/* Compact icon controls for the Central Console vendor listing. */
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action { align-items: center; border-radius: .52rem !important; display: inline-flex !important; height: 2rem; justify-content: center; margin: .08rem .15rem .08rem 0 !important; padding: 0 !important; width: 2rem; }
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action i { font-size: .76rem; margin: 0; }
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action.btn-default { background: #eff6f1; border-color: #d7e6dc; color: #4f6e5a; }
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action.btn-default:hover { background: #e2f4e8; border-color: #9fd0ae; color: #148247; }
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action.btn-light { background: #eff8f2; border-color: #d5e9dc; color: #168a50; }
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action.btn-warning { color: #9e6900; }
body.lw-central-console #lwManageVendorsTable .lw-central-icon-action.btn-danger { box-shadow: none; }
body.lw-central-console.lw-auth-dark #lwManageVendorsTable .lw-central-icon-action.btn-default, body.lw-central-console.lw-auth-dark #lwManageVendorsTable .lw-central-icon-action.btn-light { background: #182b1e; border-color: rgba(100, 230, 140, .15); color: #a7e9bc; }

/* Vendor subscription: clear, clickable plan choices that work on desktop and mobile. */
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-flow { padding: 1.35rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option { background: #fbfefc; border: 1px solid #dcece1; border-radius: .95rem; box-shadow: 0 8px 20px rgba(21, 83, 44, .045); height: 100%; padding: 1.1rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option legend { color: #17452a; font-size: 1.03rem; font-weight: 750; letter-spacing: -.02em; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option .my-2 { color: #5e7767; font-size: .78rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option .fa-check { color: #1aa45a !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option .fa-times { color: #b84d4d !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-price { align-items: center; background: #f0f8f3; border: 1px solid #d7e9dd; border-radius: .65rem; color: #266041 !important; cursor: pointer; display: flex; font-size: .78rem; font-weight: 750; gap: .5rem; line-height: 1.25; margin: 0; padding: .68rem .72rem; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; width: 100%; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-price:hover { background: #e9f8ee; border-color: #8acda1; transform: translateY(-1px); }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-price.is-selected { background: #e3f9eb; border-color: #21a65a; box-shadow: 0 0 0 3px rgba(33, 166, 90, .12); color: #126b39 !important; }
body.lw-vendor-console.lw-vendor-subscription-page [data-lw-plan-choice] { accent-color: #18934e; cursor: pointer; flex: 0 0 auto; height: 1rem; margin: 0; width: 1rem; }
body.lw-vendor-console.lw-vendor-subscription-page [data-lw-plan-form] { border-top: 1px solid #e2ede5; margin-top: 1.25rem; padding-top: 1.1rem; }
body.lw-vendor-console.lw-vendor-subscription-page [data-lw-plan-form] .btn-primary { border-radius: .62rem; box-shadow: 0 8px 16px rgba(22, 138, 80, .16); font-size: .8rem; font-weight: 750; padding: .62rem 1rem; }
@media (max-width: 575.98px) { body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-flow { padding: 1rem; } body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option { margin-bottom: .8rem; } }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-option { background: #13271a; border-color: rgba(104, 231, 144, .15); box-shadow: none; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-option legend { color: #e5f7ea; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-option .my-2 { color: #abc4b3; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-price { background: #182e20; border-color: rgba(104, 231, 144, .14); color: #c8ead1 !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-price:hover { background: #1b3825; border-color: rgba(104, 231, 144, .43); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-price.is-selected { background: #193d27; border-color: #42c977; box-shadow: 0 0 0 3px rgba(66, 201, 119, .12); color: #d9f8e1 !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page [data-lw-plan-form] { border-top-color: rgba(104, 231, 144, .13); }

/* A dedicated subscription workspace: plan status first, comparison second, checkout last. */
body.lw-vendor-console.lw-vendor-subscription-page { background: linear-gradient(145deg, #f4faf6 0%, #edf7f0 42%, #f8fbf9 100%); }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-header { background: transparent !important; min-height: 0; padding: 1.55rem 0 .85rem !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-header .lw-page-title { color: #123e26; font-size: clamp(1.7rem, 2.4vw, 2.35rem); font-weight: 800; letter-spacing: -.052em; margin: 0 !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-header .lw-page-title::after { background: linear-gradient(90deg, #1baa5b, #90dc86); border-radius: 999px; content: ''; display: block; height: 4px; margin-top: .6rem; width: 3.15rem; }
body.lw-vendor-console.lw-vendor-subscription-page .container-fluid.pb-5 { max-width: 1440px; padding-bottom: 3rem !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card { background: linear-gradient(130deg, #0b2818 0%, #124a2c 61%, #17663a 100%) !important; border: 1px solid rgba(105, 238, 150, .25) !important; border-radius: 1.15rem !important; box-shadow: 0 20px 40px rgba(13, 70, 37, .2) !important; overflow: hidden; position: relative; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card::before { background: radial-gradient(circle, rgba(147, 255, 181, .22), transparent 66%); content: ''; height: 390px; pointer-events: none; position: absolute; right: -108px; top: -245px; width: 390px; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card::after { background: linear-gradient(90deg, #85f2a5, #d4ffa4); content: ''; height: 4px; left: 0; position: absolute; right: 0; top: 0; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card .card-body { padding: 1.6rem 1.7rem !important; position: relative; z-index: 1; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card .alert { border-radius: .7rem; font-size: .76rem; margin-bottom: 1rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details { align-items: stretch; display: flex; flex-wrap: wrap; gap: .48rem .68rem; margin: 0 !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details legend { color: #9cf8b5; flex: 0 0 100%; font-size: .65rem; font-weight: 800; letter-spacing: .13em; margin: 0; text-transform: uppercase; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details h2 { color: #fff !important; flex: 0 0 100%; font-size: clamp(1.65rem, 3.1vw, 2.3rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.03; margin: .1rem 0 .55rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details .my-2 { align-items: center; background: rgba(2, 27, 13, .28); border: 1px solid rgba(192, 255, 209, .13); border-radius: .65rem; color: #d4eddb; display: flex; flex: 1 1 calc(50% - .68rem); font-size: .75rem; line-height: 1.35; margin: 0 !important; min-width: min(100%, 210px); padding: .58rem .68rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details .my-2 .fa-check { color: #98f6b2 !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details .my-2 .fa-times { color: #e48b8b !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-price { background: rgba(151, 255, 184, .12); border: 1px solid rgba(170, 255, 195, .2); border-radius: .7rem; color: #c8ffd8 !important; flex: 0 0 auto; font-size: .82rem; font-weight: 800; margin: .8rem 0 0 !important; padding: .52rem .72rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-expiry { background: rgba(255, 195, 91, .13); border: 1px solid rgba(255, 212, 130, .2); border-radius: .6rem; color: #ffe0a2 !important; display: inline-flex; font-size: .74rem; font-weight: 700; margin: 1rem 0 0; padding: .5rem .68rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card > .card-body > .btn { border-radius: .6rem; font-size: .75rem; font-weight: 750; margin: 1rem .4rem 0 0; padding: .55rem .8rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card > .card-body > .btn-default { background: rgba(255,255,255,.12); border-color: rgba(217, 255, 226, .22); color: #e6ffed; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card > .card-body > .btn-danger { background: rgba(190, 66, 66, .78); border-color: rgba(255, 180, 180, .2); }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-picker-card { background: rgba(255, 255, 255, .9) !important; border-radius: 1.15rem !important; margin-top: 1.15rem; overflow: hidden; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-picker-card > .card-header, body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card > .card-header { align-items: center; background: #fbfefc; border-bottom: 1px solid #e2eee6; color: #173f27; display: flex; font-size: 1.05rem; font-weight: 800; letter-spacing: -.025em; min-height: 4.2rem; padding: 1rem 1.35rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-picker-card > .card-header::before { background: #e2f8ea; border-radius: .58rem; color: #188d4e; content: '\f0d6'; font-family: 'Font Awesome 5 Free'; font-size: .85rem; font-weight: 900; margin-right: .65rem; padding: .5rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-picker-card .row { row-gap: 1rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option { background: linear-gradient(155deg, #fff, #f6fcf8) !important; border-radius: 1rem !important; min-height: 100%; padding: 1.22rem !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option legend { border-bottom: 1px solid #e1eee5; margin-bottom: .7rem; padding-bottom: .7rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option .text-lg { border-top: 1px solid #e3eee7; margin-top: .85rem !important; padding-top: .78rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option .form-group:last-child, body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-option .text-lg > div:last-child { margin-bottom: 0 !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-flow > fieldset:not(.lw-vendor-plan-option) { background: #f7fbf8; border: 1px solid #e1eee5; border-radius: .85rem; margin-top: 1.15rem; padding: 1rem 1.1rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-subscription-flow > fieldset:not(.lw-vendor-plan-option) > legend { color: #28583c; font-size: .82rem; font-weight: 800; letter-spacing: -.01em; }
body.lw-vendor-console.lw-vendor-subscription-page #card-element { background: #fff !important; border: 1px solid #d5e9db !important; border-radius: .72rem !important; box-shadow: inset 0 1px 0 rgba(13, 94, 44, .04); max-width: 480px; }
body.lw-vendor-console.lw-vendor-subscription-page label:has(input[name='payment_method']) { align-items: center; background: #fff; border: 1px solid #d9e9de; border-radius: .7rem; cursor: pointer; display: inline-flex; min-height: 3.2rem; padding: .45rem .65rem; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; vertical-align: middle; }
body.lw-vendor-console.lw-vendor-subscription-page label:has(input[name='payment_method']):hover, body.lw-vendor-console.lw-vendor-subscription-page label:has(input[name='payment_method']):has(input:checked) { border-color: #52bb79; box-shadow: 0 0 0 3px rgba(36, 170, 88, .11); transform: translateY(-1px); }
body.lw-vendor-console.lw-vendor-subscription-page label:has(input[name='payment_method']) h3 { align-items: center; color: #285b3d; display: flex; font-size: .76rem; gap: .45rem; margin: 0; }
body.lw-vendor-console.lw-vendor-subscription-page label:has(input[name='payment_method']) img { height: 2.1rem !important; max-width: 92px; object-fit: contain; width: auto !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card { border-radius: 1rem !important; overflow: hidden; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card > .card-header::before { background: #e8f3ff; border-radius: .55rem; color: #2878be; content: '\f1c1'; font-family: 'Font Awesome 5 Free'; font-size: .78rem; font-weight: 900; margin-right: .65rem; padding: .5rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card .table { margin: .25rem 0 0 !important; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card .table thead th { background: #f0f8f3; border: 0; color: #658071; font-size: .63rem; padding: .72rem .85rem; }
body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card .table td { border-color: #e4eee7; color: #426050; font-size: .76rem; padding: .82rem .85rem; vertical-align: middle; }
@media (max-width: 767.98px) { body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-card .card-body { padding: 1.25rem !important; } body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-current-plan-details .my-2 { flex-basis: 100%; } body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-plan-picker-card > .card-header, body.lw-vendor-console.lw-vendor-subscription-page .lw-vendor-invoices-card > .card-header { padding: .9rem 1rem; } }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page { background: linear-gradient(145deg, #0b1710, #0d2114 45%, #102016); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-subscription-header .lw-page-title { color: #e9f9ed; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-picker-card { background: #13251a !important; border-color: rgba(103, 231, 146, .15) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-picker-card > .card-header, body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-invoices-card > .card-header { background: #152a1c; border-bottom-color: rgba(103, 231, 146, .13); color: #e2f5e6; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-option { background: linear-gradient(155deg, #14291b, #112319) !important; border-color: rgba(103, 231, 146, .16) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-option legend, body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-subscription-flow > fieldset:not(.lw-vendor-plan-option) > legend { border-color: rgba(103, 231, 146, .13); color: #e0f6e5; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-plan-option .text-lg, body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page [data-lw-plan-form] { border-color: rgba(103, 231, 146, .13); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-subscription-flow > fieldset:not(.lw-vendor-plan-option) { background: #14291b; border-color: rgba(103, 231, 146, .14); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page #card-element { background: #0d1e13 !important; border-color: rgba(103, 231, 146, .2) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page label:has(input[name='payment_method']) { background: #152a1c; border-color: rgba(103, 231, 146, .16); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page label:has(input[name='payment_method']) h3 { color: #d8efdf; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-invoices-card { background: #13251a !important; border-color: rgba(103, 231, 146, .15) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-invoices-card .table thead th { background: #182e20; color: #a9c4b1; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-subscription-page .lw-vendor-invoices-card .table td { border-color: rgba(103, 231, 146, .1); color: #c9dfd0; }

/* Vendor Message Log: filters stay separate, full-height, and easy to scan at every width. */
body.lw-vendor-console.lw-vendor-message-log-page .lw-vendor-message-log-header { background: transparent !important; min-height: 0; padding: 1.45rem 0 .85rem !important; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-vendor-message-log-header .lw-page-title { color: #163f27; font-size: clamp(1.65rem, 2.3vw, 2.2rem); font-weight: 800; letter-spacing: -.045em; margin: 0 !important; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-vendor-message-log-filters { border: 1px solid #dcebe1; border-radius: 1rem; box-shadow: 0 12px 26px rgba(23, 79, 43, .06); overflow: visible; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-vendor-message-log-filters .card-body { padding: 1.15rem 1.3rem !important; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-row { align-items: end; row-gap: 1rem; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-date-row { row-gap: .85rem; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form .form-group { margin: 0 !important; min-width: 0; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form label { color: #587564; display: block; font-size: .66rem; font-weight: 800; letter-spacing: .065em; line-height: 1.2; margin: 0 0 .42rem; text-transform: uppercase; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form .form-control, body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form .selectize-control, body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form .selectize-control .selectize-input { border-radius: .62rem !important; min-height: 2.78rem; width: 100% !important; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form input[type='date'] { padding-left: .7rem !important; padding-right: .55rem !important; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form .selectize-control .selectize-input { align-items: center; border-color: #cfe3d6; display: flex; padding: .56rem .72rem; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-filter-form .selectize-control .selectize-input > input { min-width: 5px !important; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-submit { padding-top: 1.52rem; }
body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-submit .btn { border-radius: .62rem; font-size: .78rem; font-weight: 750; height: 2.78rem; margin: 0; padding: 0 .9rem; }
body.lw-vendor-console.lw-vendor-message-log-page #lwMessageList_wrapper { margin-top: .15rem; }
@media (max-width: 991.98px) { body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-submit { padding-top: 0; } }
@media (max-width: 575.98px) { body.lw-vendor-console.lw-vendor-message-log-page .lw-vendor-message-log-filters .card-body { padding: 1rem !important; } body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-date-row { row-gap: 1rem; } body.lw-vendor-console.lw-vendor-message-log-page .lw-message-log-submit .btn { width: 100%; } }
body.lw-vendor-console.lw-auth-dark.lw-vendor-message-log-page .lw-vendor-message-log-header .lw-page-title { color: #e9f9ed; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-message-log-page .lw-vendor-message-log-filters { background: #13251a !important; border-color: rgba(103, 231, 146, .15); box-shadow: 0 12px 26px rgba(0,0,0,.2); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-message-log-page .lw-message-log-filter-form label { color: #a6c2ae; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-message-log-page .lw-message-log-filter-form .form-control, body.lw-vendor-console.lw-auth-dark.lw-vendor-message-log-page .lw-message-log-filter-form .selectize-control .selectize-input { border-color: rgba(103, 231, 146, .18) !important; }

/* Vendor General Settings: repaired form grid and stable Selectize dropdown controls. */
body.lw-vendor-console .lw-vendor-general-settings { display: grid; gap: 1rem; }
body.lw-vendor-console .lw-vendor-general-settings > h2 { color: #153f26; font-size: 1.35rem; font-weight: 800; letter-spacing: -.035em; margin: 0; }
body.lw-vendor-console .lw-vendor-general-settings > .lw-vendor-settings-section { background: #fbfefc; border: 1px solid #dcebe1; border-radius: .95rem; box-shadow: 0 7px 18px rgba(22, 76, 42, .04); margin: 0; padding: 1.15rem 1.2rem 1.2rem; }
body.lw-vendor-console .lw-vendor-general-settings > .lw-vendor-settings-section > legend { background: #eaf8ef; border: 1px solid #d5ebdc; border-radius: .56rem; color: #187f47; font-size: .73rem; font-weight: 800; letter-spacing: .055em; margin: 0 0 .9rem; padding: .42rem .62rem; text-transform: uppercase; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .row { row-gap: .85rem; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .form-group { margin: 0 !important; min-width: 0; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section label { color: #587463; display: block; font-size: .66rem; font-weight: 800; letter-spacing: .06em; line-height: 1.2; margin: 0 0 .42rem; text-transform: uppercase; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .form-control { border-color: #cfe2d6; border-radius: .62rem !important; min-height: 2.78rem; padding-left: .72rem !important; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control.form-control { border: 0 !important; box-shadow: none !important; height: auto; min-height: 2.78rem; overflow: visible; padding: 0 !important; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-input { align-items: center; border: 1px solid #cfe2d6 !important; border-radius: .62rem !important; box-shadow: none !important; display: flex; min-height: 2.78rem; padding: .58rem .72rem; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-input.focus { border-color: #53b979 !important; box-shadow: 0 0 0 .2rem rgba(28, 152, 77, .12) !important; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-dropdown { border: 1px solid #cfe2d6; border-radius: .62rem; box-shadow: 0 12px 26px rgba(14, 63, 33, .14); margin-top: .3rem; overflow: hidden; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-dropdown .option { color: #315742; font-size: .8rem; padding: .55rem .7rem; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-dropdown .active { background: #e9f8ee; color: #147b41; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section > fieldset { background: #f5fbf7; border: 1px solid #e0eee4; border-radius: .78rem; margin: 1rem 0 0; padding: .95rem 1rem 1rem; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section > fieldset > legend { background: transparent; border: 0; color: #326148; font-size: .75rem; font-weight: 800; margin: 0 0 .75rem; padding: 0; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .text-right { margin-top: 1rem; padding: 0; }
body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .btn-primary { border-radius: .6rem; font-size: .78rem; font-weight: 750; min-width: 6.8rem; padding: .62rem 1rem; }
@media (max-width: 767.98px) { body.lw-vendor-console .lw-vendor-general-settings > .lw-vendor-settings-section { padding: 1rem; } body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .text-right { text-align: left !important; } body.lw-vendor-console .lw-vendor-general-settings .lw-vendor-settings-section .btn-primary { width: 100%; } }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings > h2 { color: #e8f9ec; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings > .lw-vendor-settings-section { background: #13251a; border-color: rgba(103, 231, 146, .15); box-shadow: none; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings > .lw-vendor-settings-section > legend { background: rgba(56, 203, 104, .1); border-color: rgba(103, 231, 146, .16); color: #9af1b5; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section label { color: #aac5b3; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section .form-control, body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-input { border-color: rgba(103, 231, 146, .18) !important; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section > fieldset { background: #152a1c; border-color: rgba(103, 231, 146, .12); }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section > fieldset > legend { color: #c5e6ce; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-dropdown { background: #182e20; border-color: rgba(103, 231, 146, .2); }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-dropdown .option { color: #d4eadb; }
body.lw-vendor-console.lw-auth-dark .lw-vendor-general-settings .lw-vendor-settings-section .selectize-control .selectize-dropdown .active { background: #23452e; color: #d7f8e0; }

/* The QR drawer can be dismissed from its overlay; inner content stays interactive. */
body.lw-vendor-console #lwScanMeDialog { cursor: pointer; }
body.lw-vendor-console #lwScanMeDialog .modal-dialog { cursor: default; }

/* Vendor Console finishing system: restrained depth for everyday pages, with a
   richer command-centre treatment reserved for the dashboard. */
body.lw-vendor-console { background: radial-gradient(circle at 88% -12%, rgba(76, 200, 119, .11), transparent 28rem), linear-gradient(145deg, #f7fbf8 0%, #f1f8f3 45%, #f8fbf9 100%); }
body.lw-vendor-console .main-content { background: transparent; }
body.lw-vendor-console #navbar-main { box-shadow: 0 7px 18px rgba(13, 58, 30, .055); }
body.lw-vendor-console .main-content > .container-fluid > .row > [class*='col-'] > .card:not(.lw-vendor-chat-enhanced) { overflow: hidden; position: relative; transform: translateZ(0); }
body.lw-vendor-console .main-content .btn:not(.lw-whatsapp-bar-icon-btn) { transition: box-shadow .16s ease, transform .16s ease, filter .16s ease; }
body.lw-vendor-console .main-content .btn-primary:hover { box-shadow: 0 9px 18px rgba(19, 136, 73, .24); transform: translateY(-1px); }
body.lw-vendor-console .main-content .btn-default:hover, body.lw-vendor-console .main-content .btn-light:hover { transform: translateY(-1px); }

body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-title { background: linear-gradient(132deg, #e9f8ee 0%, #f8fcf9 48%, #e2f6e9 100%) !important; isolation: isolate; overflow: hidden; padding: 1.55rem 0 .7rem !important; position: relative; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-title::before { background: radial-gradient(circle, rgba(47, 192, 99, .27), rgba(47, 192, 99, 0) 69%); content: ''; height: 25rem; pointer-events: none; position: absolute; right: -8rem; top: -16rem; width: 25rem; z-index: -1; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-title::after { background-image: linear-gradient(rgba(28, 139, 74, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(28, 139, 74, .06) 1px, transparent 1px); background-size: 26px 26px; content: ''; inset: 0 0 auto auto; height: 100%; opacity: .7; pointer-events: none; position: absolute; width: 34%; z-index: -1; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-title .lw-page-title { text-shadow: 0 2px 0 rgba(255,255,255,.8); }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis { background: linear-gradient(132deg, #e9f8ee 0%, #f8fcf9 48%, #e2f6e9 100%) !important; isolation: isolate; overflow: hidden; padding: .85rem 0 2.75rem !important; position: relative; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis::before { background: radial-gradient(circle at 15% 5%, rgba(93, 221, 139, .18), transparent 22rem), radial-gradient(circle at 93% 42%, rgba(72, 158, 226, .12), transparent 19rem); content: ''; inset: 0; pointer-events: none; position: absolute; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .container-fluid { position: relative; z-index: 1; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats { box-shadow: 0 5px 0 rgba(28, 111, 59, .08), 0 17px 28px rgba(19, 80, 40, .1) !important; transform: perspective(850px) translateZ(0); transform-style: preserve-3d; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats:hover { box-shadow: 0 8px 0 rgba(28, 111, 59, .1), 0 25px 36px rgba(19, 80, 40, .16) !important; transform: perspective(850px) rotateX(2deg) rotateY(-1.2deg) translate3d(0, -7px, 12px); }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats .icon-shape { box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 7px 13px color-mix(in srgb, var(--lw-dashboard-accent), transparent 82%) !important; transform: translateZ(18px); transition: transform .22s ease; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats:hover .icon-shape { transform: translateZ(25px) rotate(-7deg) scale(1.06); }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats .h2 { text-shadow: 0 2px 0 rgba(255,255,255,.72); transform: translateZ(10px); }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-'] { animation: lw-dashboard-card-in .48s cubic-bezier(.2,.82,.23,1) both; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(2) { animation-delay: .055s; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(3) { animation-delay: .11s; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(4) { animation-delay: .165s; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(5) { animation-delay: .22s; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-']:nth-child(n+6) { animation-delay: .275s; }
@keyframes lw-dashboard-card-in { from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.97); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }

body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard { margin-top: -1.35rem; padding-bottom: 3rem; position: relative; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-deck { align-items: center; background: linear-gradient(125deg, #113420, #17643b 56%, #1e7a48); border: 1px solid rgba(132, 241, 166, .28); border-radius: 1.05rem; box-shadow: 0 8px 0 rgba(12, 62, 32, .2), 0 20px 36px rgba(12, 63, 32, .19); display: flex; gap: 1.15rem; margin: 0 0 1.15rem; overflow: hidden; padding: .82rem .9rem; position: relative; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-deck::after { background: radial-gradient(circle, rgba(151, 255, 183, .25), transparent 68%); content: ''; height: 15rem; pointer-events: none; position: absolute; right: -6rem; top: -10rem; width: 15rem; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-deck-label { color: #c9f8d5; flex: 0 0 auto; font-size: .62rem; font-weight: 850; letter-spacing: .12em; padding-left: .15rem; position: relative; text-transform: uppercase; z-index: 1; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-actions { display: flex; flex-wrap: wrap; gap: .48rem; position: relative; z-index: 1; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-action { align-items: center; background: rgba(0, 29, 13, .22); border: 1px solid rgba(210, 255, 221, .16); border-radius: .66rem; color: #eefdf2 !important; display: inline-flex; font-size: .71rem; font-weight: 750; gap: .42rem; padding: .5rem .64rem; text-decoration: none !important; transition: background .16s ease, border-color .16s ease, transform .16s ease; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-action i { color: #a8ffc1; font-size: .74rem; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-action:hover { background: rgba(222, 255, 231, .13); border-color: rgba(196, 255, 211, .48); color: #fff !important; transform: translateY(-2px); }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-onboarding { box-shadow: 0 6px 0 #d4e9da, 0 21px 38px rgba(20, 82, 42, .1); transform: perspective(1000px) translateZ(0); }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-onboarding:hover { transform: perspective(1000px) rotateX(.45deg) translateY(-2px); transition: transform .2s ease; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-onboarding li { box-shadow: 0 3px 0 rgba(35, 112, 61, .07), 0 8px 14px rgba(21, 77, 41, .045); transition: box-shadow .16s ease, transform .16s ease; }
body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-onboarding li:hover { box-shadow: 0 5px 0 rgba(35, 112, 61, .08), 0 12px 19px rgba(21, 77, 41, .09); transform: translateY(-2px); }
@media (max-width: 767.98px) { body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-title { padding-top: 1.05rem !important; } body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis { padding-bottom: 1.75rem !important; } body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard { margin-top: -.65rem; } body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-deck { align-items: flex-start; flex-direction: column; gap: .55rem; padding: .8rem; } body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-actions { width: 100%; } body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-command-action { flex: 1 1 calc(50% - .3rem); justify-content: center; } }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page { background: radial-gradient(circle at 88% -12%, rgba(67, 211, 117, .13), transparent 28rem), linear-gradient(145deg, #09130d 0%, #0c1c12 46%, #102016 100%) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-dashboard-title, body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis { background: linear-gradient(132deg, #102719 0%, #0b1710 53%, #102c1a 100%) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-dashboard-title .lw-page-title, body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats .h2 { text-shadow: none; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats { box-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 19px 31px rgba(0, 0, 0, .31) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats .icon-shape { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 7px 15px rgba(0,0,0,.22) !important; }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-onboarding { box-shadow: 0 6px 0 rgba(0,0,0,.28), 0 21px 38px rgba(0,0,0,.27); }
body.lw-vendor-console.lw-auth-dark.lw-vendor-dashboard-page .lw-vendor-onboarding li { box-shadow: 0 3px 0 rgba(0,0,0,.24), 0 8px 14px rgba(0,0,0,.15); }
@media (prefers-reduced-motion: reduce) { body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .header-body > .row > .col-12 > .row > [class*='col-'] { animation: none; } body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-dashboard-kpis .card-stats, body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-onboarding, body.lw-vendor-console.lw-vendor-dashboard-page .lw-vendor-onboarding li { transform: none !important; transition: none !important; } }