/**
 * GLL Corporate Design System
 * Inspired by elite international law firm aesthetics.
 * Sharp geometry · Warm off-white · Cormorant serif headings · Gold accent
 * Overrides the Notion-soft defaults with minimal corporate authority.
 * ─────────────────────────────────────────────────────────────────────────
 * SCOPE: Admin (.default-theme) + Account (.n-main, .gll-pg, .gll-dash) only.
 * Public/frontend pages are NOT affected.
 * Load ORDER: must come AFTER admin/style.css and modern-forms.css
 */

/* ================================================================
   0. CORPORATE FONT — Cormorant Garamond (serif headings)
================================================================ */
/* @import removed — Cormorant Garamond is self-hosted via gll-fonts.css */

/* ================================================================
   1. DESIGN TOKEN OVERRIDES — Kill softness, add authority
   :root vars are safe globally — they only apply where referenced
================================================================ */
:root {
    --n-radius-sm:   0px !important;
    --n-radius:      0px !important;
    --n-radius-lg:   0px !important;
    --n-radius-pill: 2px !important;

    --n-shadow:       0 1px 0 rgba(0,0,0,0.09), 1px 0 0 rgba(0,0,0,0.04) !important;
    --n-shadow-hover: 0 0 0 1.5px #B8922A !important;

    --n-bg:          #ffffff !important;
    --n-bg-warm:     #f4f1eb !important;
    --n-bg-sidebar:  #f0ece4 !important;
    --n-bg-hover:    rgba(0,0,0,0.04) !important;
    --n-bg-active:   rgba(184,146,42,0.07) !important;

    --n-border:       rgba(0,0,0,0.13) !important;
    --n-border-light: rgba(0,0,0,0.08) !important;
    --n-border-input: #c8c2b8 !important;
    --n-divider:      rgba(0,0,0,0.10) !important;

    --n-font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;

    --n-bg-active-text: #8a6a10 !important;
}

/* ================================================================
   2. GLOBAL RESET — strip rounded corners (admin + account only)
================================================================ */
:root,
.gll-pg,
.n-main,
.n-sidebar,
.n-layout,
.default-theme {
    --n-radius:    0px !important;
    --n-radius-sm: 0px !important;
    --n-radius-lg: 0px !important;
    --n-radius-xl: 0px !important;
}

.default-theme *,
.gll-dash *,
.n-layout *,
.n-main *,
.n-sidebar *,
.gll-pg * {
    border-radius: 0 !important;
}

.default-theme .badge,
.default-theme .badge-pill,
.default-theme .n-badge,
.n-main .badge,
.n-main .badge-pill,
.gll-pg .badge,
.gll-pg .badge-pill,
.default-theme .phpls-tile-free-badge { border-radius: 2px !important; }

/* ================================================================
   3. BODY & PAGE BACKGROUND
================================================================ */
.default-theme body,
body.default-theme {
    background: #f4f1eb !important;
}

.default-theme .mid-container {
    background: #f4f1eb !important;
}

.default-theme .mid-container .container-wrapper {
    background: #f4f1eb !important;
}

/* ================================================================
   4. SIDEBAR — Crisp, editorial, warm off-white
================================================================ */
.default-theme .sidebar {
    background: #f0ece4 !important;
    border-right: 1px solid #dcd7ce !important;
    box-shadow: none !important;
}

.default-theme .navbar > .nav-brand-section {
    background: #f0ece4 !important;
    border-right: 1px solid #dcd7ce !important;
    border-bottom: 1px solid #dcd7ce !important;
}

.default-theme .sidebar .sidebar-nav li > a {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 5px 16px !important;
    font-size: 12.5px !important;
    letter-spacing: 0.01em !important;
    color: #5a5650 !important;
    border-left: 2px solid transparent !important;
    transition: background 0.1s, color 0.1s, border-color 0.1s !important;
}

.default-theme .sidebar .sidebar-nav li > a:hover {
    background: rgba(0,0,0,0.04) !important;
    color: #1a1a1a !important;
    border-left-color: rgba(184,146,42,0.4) !important;
}

.default-theme .sidebar .sidebar-nav li.active > a {
    background: rgba(184,146,42,0.07) !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
    border-left: 2px solid #B8922A !important;
}

.default-theme .sidebar .sidebar-nav li.active > a > i {
    color: #B8922A !important;
}

.default-theme .sidebar .sidebar-nav ul.mega-menu li > a {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 4px 16px 4px 36px !important;
    font-size: 12px !important;
    color: #6a6560 !important;
    border-left: 2px solid transparent !important;
}

.default-theme .sidebar .sidebar-nav ul.mega-menu li.active > a {
    background: rgba(184,146,42,0.07) !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
    border-left: 2px solid #B8922A !important;
}

.default-theme .sidebar .sidebar-nav ul.mega-menu li > a:hover {
    background: rgba(0,0,0,0.04) !important;
    color: #1a1a1a !important;
}

.default-theme .sidebar .sidebar-nav ul.mega-menu ul.mega-menu li > a,
.default-theme .sidebar .sidebar-nav ul.mega-menu ul.mega-menu li.active > a {
    padding-left: 52px !important;
}

.default-theme .sidebar .sidebar-nav > li + li.has-divider {
    border-top: 1px solid #dcd7ce !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
}

.default-theme .sidebar .sidebar-nav .badge,
.default-theme .sidebar .sidebar-nav .badge-pill {
    border-radius: 2px !important;
    background: rgba(0,0,0,0.07) !important;
    font-size: 10px !important;
    padding: 1px 5px !important;
    letter-spacing: 0.03em !important;
}

/* ================================================================
   5. TOPBAR / NAVBAR
================================================================ */
.default-theme .topbar,
.default-theme .navbar > .nav-menu-section {
    background: #ffffff !important;
    border-bottom: 1px solid #dcd7ce !important;
    box-shadow: none !important;
}

.default-theme .topbar-icon {
    border-radius: 0 !important;
}

/* ================================================================
   6. CARDS & PANELS — Border replaces shadow (admin + account only)
================================================================ */
.default-theme .card,
.n-main .card,
.gll-pg .card {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #dcd7ce !important;
    background: #ffffff !important;
}

.default-theme .card:hover,
.n-main .card:hover,
.gll-pg .card:hover {
    box-shadow: none !important;
    border-color: #B8922A !important;
}

.default-theme .card .card-header,
.n-main .card .card-header,
.gll-pg .card .card-header {
    border-radius: 0 !important;
    background: #f7f5f1 !important;
    border-bottom: 1px solid #dcd7ce !important;
    padding: 14px 20px !important;
}

.default-theme .card .card-body,
.n-main .card .card-body,
.gll-pg .card .card-body {
    border-radius: 0 !important;
    padding: 20px !important;
}

.default-theme .card .card-footer,
.gll-dash .card .card-footer,
.gll-pg .card .card-footer {
    border-radius: 0 !important;
    background: #f7f5f1 !important;
    border-top: 1px solid #dcd7ce !important;
}

/* Stat/metric cards */
.default-theme .card .display-5,
.default-theme .card .display-6,
.default-theme .card .display-7 {
    font-family: var(--n-font-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
}

/* ================================================================
   7. PAGE HEADINGS — Serif, authoritative (admin + account only)
================================================================ */
.default-theme h1, .default-theme .h1,
.default-theme h2, .default-theme .h2,
.default-theme h3, .default-theme .h3,
.n-main h1, .n-main .h1,
.n-main h2, .n-main .h2,
.n-main h3, .n-main .h3,
.gll-pg h1, .gll-pg .h1,
.gll-pg h2, .gll-pg .h2,
.gll-pg h3, .gll-pg .h3 {
    font-family: var(--n-font-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}

.default-theme .container-wrapper > h1:first-child,
.default-theme .container-wrapper > .page-heading,
.default-theme .page-title h1,
.default-theme .page-title h2 {
    font-family: var(--n-font-serif) !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: #1a1a1a !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #dcd7ce !important;
    margin-bottom: 24px !important;
}

.default-theme .page-title p,
.default-theme .page-title .lead {
    color: #7a7570 !important;
    font-size: 13px !important;
    margin-top: 4px !important;
}

/* ================================================================
   8. TABLES — Minimal, editorial (admin + account only)
================================================================ */
.default-theme .table,
.n-main .table,
.gll-pg .table {
    border-color: #dcd7ce !important;
}

.default-theme .table thead th,
.default-theme .table > thead > tr > th,
.n-main .table thead th,
.gll-pg .table thead th {
    background: #f4f1eb !important;
    border-bottom: 1px solid #c8c2b8 !important;
    border-top: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #7a7570 !important;
    padding: 10px 16px !important;
}

.default-theme .table tbody tr td,
.n-main .table tbody tr td,
.gll-pg .table tbody tr td {
    border-top: 1px solid #ece8e0 !important;
    padding: 12px 16px !important;
    vertical-align: middle !important;
    font-size: 13.5px !important;
    color: #2a2a2a !important;
}

.default-theme .table tbody tr:hover td,
.n-main .table tbody tr:hover td,
.gll-pg .table tbody tr:hover td {
    background: #faf8f4 !important;
}

.default-theme .table-striped tbody tr:nth-of-type(odd),
.n-main .table-striped tbody tr:nth-of-type(odd) {
    background: #faf8f4 !important;
}

/* ================================================================
   9. BUTTONS — Sharp, authoritative (admin + account only)
================================================================ */
.default-theme .btn,
.default-theme button.btn,
.n-main .btn,
.gll-pg .btn {
    border-radius: 0 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    transition: all 0.15s !important;
}

.default-theme .btn-primary,
.default-theme .btn-primary:not(:disabled),
.n-main .btn-primary,
.gll-pg .btn-primary {
    background: #B8922A !important;
    border-color: #B8922A !important;
    color: #ffffff !important;
}

.default-theme .btn-primary:hover,
.n-main .btn-primary:hover,
.gll-pg .btn-primary:hover {
    background: #9a7820 !important;
    border-color: #9a7820 !important;
}

.default-theme .btn-secondary,
.n-main .btn-secondary,
.gll-pg .btn-secondary {
    background: #ffffff !important;
    border: 1px solid #c8c2b8 !important;
    color: #2a2a2a !important;
}

.default-theme .btn-secondary:hover,
.n-main .btn-secondary:hover,
.gll-pg .btn-secondary:hover {
    background: #f4f1eb !important;
    border-color: #9a9088 !important;
    color: #1a1a1a !important;
}

.default-theme .btn-danger,
.n-main .btn-danger,
.gll-pg .btn-danger {
    background: #ffffff !important;
    border: 1px solid #d94040 !important;
    color: #d94040 !important;
}
.default-theme .btn-danger:hover,
.n-main .btn-danger:hover,
.gll-pg .btn-danger:hover {
    background: #d94040 !important;
    color: #ffffff !important;
}

.default-theme .btn-sm, .n-main .btn-sm, .gll-pg .btn-sm { padding: 5px 12px !important; font-size: 11px !important; }
.default-theme .btn-lg, .n-main .btn-lg, .gll-pg .btn-lg { padding: 11px 24px !important; font-size: 13.5px !important; }

/* ================================================================
   10. FORM INPUTS — Sharp edges, clean (admin + account only)
================================================================ */
.default-theme .form-control,
.default-theme input[type="text"],
.default-theme input[type="email"],
.default-theme input[type="password"],
.default-theme input[type="number"],
.default-theme input[type="search"],
.default-theme input[type="url"],
.default-theme textarea,
.default-theme select,
.n-main .form-control,
.n-main textarea,
.n-main select,
.gll-pg .form-control,
.gll-pg textarea,
.gll-pg select {
    border-radius: 0 !important;
    border: 1px solid #c8c2b8 !important;
    background: #ffffff !important;
    font-size: 13.5px !important;
    color: #1a1a1a !important;
    padding: 8px 12px !important;
    box-shadow: none !important;
    transition: border-color 0.15s !important;
}

.default-theme .form-control:focus,
.default-theme input[type="text"]:focus,
.default-theme input[type="email"]:focus,
.default-theme textarea:focus,
.default-theme select:focus,
.n-main .form-control:focus,
.gll-pg .form-control:focus {
    border-color: #B8922A !important;
    box-shadow: 0 0 0 2px rgba(184,146,42,0.12) !important;
    outline: none !important;
}

.default-theme .form-select,
.n-main .form-select,
.gll-pg .form-select {
    border-radius: 0 !important;
    border: 1px solid #c8c2b8 !important;
}

/* Labels */
.default-theme label,
.default-theme .form-label,
.n-main label,
.n-main .form-label,
.gll-pg label,
.gll-pg .form-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #5a5650 !important;
    margin-bottom: 5px !important;
}

/* Input group */
.default-theme .input-group > .form-control,
.default-theme .input-group > input {
    border-radius: 0 !important;
}
.default-theme .input-group-text,
.n-main .input-group-text,
.gll-pg .input-group-text {
    border-radius: 0 !important;
    background: #f4f1eb !important;
    border: 1px solid #c8c2b8 !important;
    font-size: 13px !important;
}

/* ================================================================
   11. DROPDOWNS & MODALS (admin + account only)
================================================================ */
.default-theme .dropdown-menu,
.n-main .dropdown-menu,
.gll-pg .dropdown-menu {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
    background: #ffffff !important;
}

.default-theme .dropdown-item,
.n-main .dropdown-item,
.gll-pg .dropdown-item {
    border-radius: 0 !important;
    font-size: 13px !important;
    padding: 7px 16px !important;
}

.default-theme .dropdown-item:hover,
.n-main .dropdown-item:hover,
.gll-pg .dropdown-item:hover {
    background: #f4f1eb !important;
    color: #1a1a1a !important;
}

.default-theme .modal-content,
.n-main .modal-content,
.gll-pg .modal-content {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.14) !important;
}

.default-theme .modal-header,
.n-main .modal-header {
    border-radius: 0 !important;
    border-bottom: 1px solid #dcd7ce !important;
    background: #f7f5f1 !important;
    padding: 16px 20px !important;
}

.default-theme .modal-footer,
.n-main .modal-footer {
    border-radius: 0 !important;
    border-top: 1px solid #dcd7ce !important;
    background: #f7f5f1 !important;
}

/* ================================================================
   12. ALERTS & BADGES (admin + account only)
================================================================ */
.default-theme .alert,
.n-main .alert,
.gll-pg .alert {
    border-radius: 0 !important;
    border-left-width: 3px !important;
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    font-size: 13.5px !important;
}

.default-theme .alert-success, .n-main .alert-success  { background: #f3faf9 !important; border-left-color: #2a9d99 !important; color: #1d6e6b !important; }
.default-theme .alert-danger, .n-main .alert-danger    { background: #fdf4f4 !important; border-left-color: #d94040 !important; color: #9a2020 !important; }
.default-theme .alert-warning, .n-main .alert-warning  { background: #fdf7ee !important; border-left-color: #B8922A !important; color: #7a5a10 !important; }
.default-theme .alert-info, .n-main .alert-info        { background: #f0f6ff !important; border-left-color: #0075de !important; color: #004fa0 !important; }

.default-theme .badge,
.n-main .badge,
.gll-pg .badge {
    border-radius: 2px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    padding: 2px 6px !important;
    text-transform: uppercase !important;
}

/* ================================================================
   13. PAGINATION & BREADCRUMB (admin + account only)
================================================================ */
.default-theme .page-item .page-link,
.n-main .page-item .page-link,
.gll-pg .page-item .page-link {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    color: #5a5650 !important;
    font-size: 12.5px !important;
}

.default-theme .page-item.active .page-link,
.n-main .page-item.active .page-link,
.gll-pg .page-item.active .page-link {
    background: #B8922A !important;
    border-color: #B8922A !important;
    color: #ffffff !important;
}

.default-theme .breadcrumb,
.n-main .breadcrumb,
.gll-pg .breadcrumb {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}

.default-theme .breadcrumb-item a { color: #B8922A !important; font-size: 12.5px !important; }
.default-theme .breadcrumb-item.active { color: #7a7570 !important; font-size: 12.5px !important; }

/* ================================================================
   14. ACCOUNT DASHBOARD — n- prefixed components
================================================================ */
.n-sidebar {
    background: #f0ece4 !important;
    border-right: 1px solid #dcd7ce !important;
    box-shadow: none !important;
}

.n-sidebar .n-nav-section-label {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #9a9088 !important;
    padding: 16px 16px 6px !important;
}

.n-nav-item {
    border-radius: 0 !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    color: #5a5650 !important;
    border-left: 2px solid transparent !important;
    transition: all 0.1s !important;
}

.n-nav-item:hover {
    background: rgba(0,0,0,0.04) !important;
    color: #1a1a1a !important;
    border-left-color: rgba(184,146,42,0.4) !important;
    text-decoration: none !important;
}

.n-nav-item.active,
.n-nav-item--active {
    background: rgba(184,146,42,0.07) !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
    border-left-color: #B8922A !important;
}

.n-nav-icon {
    color: #9a9088 !important;
    width: 18px !important;
    text-align: center !important;
}

.n-nav-item.active .n-nav-icon,
.n-nav-item--active .n-nav-icon {
    color: #B8922A !important;
}

.n-user-block {
    border-radius: 0 !important;
    border-bottom: 1px solid #dcd7ce !important;
    padding: 16px !important;
    background: #f0ece4 !important;
}

.n-user-avatar {
    border-radius: 0 !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    font-family: var(--n-font-serif) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

/* ================================================================
   15. ACCOUNT DASHBOARD CARDS (gll-dash)
================================================================ */
.gll-dash-showcase-card {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: none !important;
    background: #ffffff !important;
    transition: border-color 0.15s !important;
}

.gll-dash-showcase-card:hover {
    border-color: #B8922A !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.gll-dash-showcase-icon {
    border-radius: 0 !important;
    background: rgba(184,146,42,0.07) !important;
}

.gll-dash-stat-card {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: none !important;
}

.gll-dash-page-title h1 {
    font-family: var(--n-font-serif) !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: #1a1a1a !important;
}

/* ================================================================
   16. ACCOUNT HERO — hide old version
================================================================ */
.gll-acct-hero { display: none !important; }

/* ================================================================
   17. ACCOUNT WRAPPER LAYOUT
================================================================ */
.n-layout {
    background: #f4f1eb !important;
}

.n-main {
    background: #f4f1eb !important;
}

.n-page-header {
    border-bottom: 1px solid #dcd7ce !important;
    background: #ffffff !important;
    padding: 20px 28px !important;
}

.n-page-header h1,
.n-page-header h2 {
    font-family: var(--n-font-serif) !important;
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: #1a1a1a !important;
}

.n-content-wrapper {
    padding: 28px !important;
}

/* ================================================================
   18. ACCOUNT ACTION BUTTONS
================================================================ */
.gll-dash-action-btn,
.gll-dash-add-btn {
    border-radius: 0 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

/* ================================================================
   19. LISTING CARDS (account listings list only)
================================================================ */
.n-main .phpls-listing-card,
.n-main .n-listing-card,
.gll-pg .phpls-listing-card,
.gll-pg .n-listing-card {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: none !important;
}

.n-main .phpls-listing-card:hover,
.n-main .n-listing-card:hover,
.gll-pg .phpls-listing-card:hover,
.gll-pg .n-listing-card:hover {
    border-color: #B8922A !important;
    box-shadow: none !important;
}

/* ================================================================
   20. MODERN FORMS OVERRIDE (admin + account only)
================================================================ */
.default-theme .phpls-form-section,
.n-main .phpls-form-section,
.gll-pg .phpls-form-section {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.default-theme .phpls-form-section-header,
.n-main .phpls-form-section-header,
.gll-pg .phpls-form-section-header {
    border-radius: 0 !important;
    background: #f7f5f1 !important;
    border-bottom: 1px solid #dcd7ce !important;
}

.default-theme .phpls-form-section-title,
.n-main .phpls-form-section-title,
.gll-pg .phpls-form-section-title {
    font-family: var(--n-font-serif) !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #1a1a1a !important;
}

.default-theme .phpls-step,
.default-theme .phpls-step-indicator {
    border-radius: 0 !important;
}

.default-theme .phpls-step-indicator.active,
.default-theme .phpls-step-indicator--active {
    background: #B8922A !important;
    color: #ffffff !important;
}

/* ================================================================
   21. PRICING TILES (admin + account only)
================================================================ */
.default-theme .phpls-tile-radio .phpls-tile-item,
.n-main .phpls-tile-radio .phpls-tile-item,
.gll-pg .phpls-tile-radio .phpls-tile-item {
    border-radius: 0 !important;
    border: 1px solid #dcd7ce !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.default-theme .phpls-tile-radio .phpls-tile-item--on,
.n-main .phpls-tile-radio .phpls-tile-item--on,
.gll-pg .phpls-tile-radio .phpls-tile-item--on {
    border: 1.5px solid #B8922A !important;
    background: #fdf9f0 !important;
}

.default-theme .phpls-tile-radio .phpls-tile-check,
.n-main .phpls-tile-radio .phpls-tile-check,
.gll-pg .phpls-tile-radio .phpls-tile-check {
    border-radius: 0 !important;
    border: 1.5px solid #B8922A !important;
    background: #B8922A !important;
}

/* ================================================================
   22. RESPONSIVE (admin + account only)
================================================================ */
@media (max-width: 860px) {
    .gll-acct-hero-content { padding: 28px 24px 24px 28px !important; }
    .gll-acct-hero-stats   { padding: 0 28px !important; }
    .gll-acct-hero-name    { font-size: 1.8rem !important; }
}

@media (max-width: 576px) {
    .gll-acct-hero-content { padding: 22px 18px 20px 22px !important; }
    .gll-acct-hero-stats   { padding: 0 22px !important; }
    .gll-acct-hero-name    { font-size: 1.5rem !important; }
    .gll-acct-hero-avatar  { width: 48px !important; height: 48px !important; }
}

/* ================================================================
   23. BUG FIXES
================================================================ */

/* FIX 1 — Category filter hidden by display:flex !important */
.default-theme .phpls-list-item[style*="display: none"],
.default-theme .phpls-list-item[style*="display:none"] {
    display: none !important;
}

/* FIX 2 — Table overflow */
.default-theme .container-wrapper .card,
.default-theme .container-wrapper > .table-responsive {
    overflow-x: auto !important;
}
.default-theme .mid-container .container-wrapper {
    overflow-x: hidden !important;
}
.default-theme .table-responsive,
.n-main .table-responsive,
.gll-pg .table-responsive { overflow-x: auto !important; }

.default-theme .card .card-body > .table,
.default-theme .card > .table {
    display: block !important;
    overflow-x: auto !important;
    width: 100% !important;
}

/* FIX 3 — Search/filter input styling */
.default-theme .phpls-tree-search .phpls-tile-search-input,
.default-theme .phpls-tile-search-input,
.default-theme .phpls-tile-search-bar input,
.default-theme input[id$="-search"] {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    font-size: 13.5px !important;
    height: 38px !important;
    padding: 8px 36px 8px 36px !important;
}

.default-theme .phpls-tile-search-bar {
    display: flex !important;
    align-items: center !important;
}

.default-theme .input-group input[type="text"],
.default-theme .input-group input[type="search"] {
    height: 38px !important;
    font-size: 13.5px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
}

.default-theme .input-group .btn,
.default-theme .input-group button {
    height: 38px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* FIX 4 — Image upload preview */
.default-theme [class*="dropzone"],
.default-theme [class*="file-upload"],
.default-theme [class*="image-preview"],
.default-theme [class*="upload-preview"],
.default-theme .phpls-upload-preview,
.default-theme .phpls-file-preview {
    display: block !important;
    min-height: 60px !important;
    overflow: visible !important;
}

.default-theme [class*="dropzone"] img,
.default-theme [class*="preview"] img,
.default-theme .phpls-upload-preview img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ================================================================
   24. ZERO REMAINING ROUNDED CORNERS (admin + account only)
================================================================ */

/* Datatable */
.default-theme .n-datatable .n-table-wrap,
.n-main .n-datatable .n-table-wrap,
.gll-pg .n-datatable .n-table-wrap        { border-radius: 0 !important; }

.default-theme .n-datatable .n-pagination a,
.default-theme .n-datatable .n-pagination span,
.n-main .n-datatable .n-pagination a,
.gll-pg .n-datatable .n-pagination a      { border-radius: 0 !important; }

.default-theme .n-datatable select,
.n-main .n-datatable select,
.gll-pg .n-datatable select               { border-radius: 0 !important; }

/* Account gll-pg cards */
.gll-pg-card                      { border-radius: 0 !important; }
.gll-pg-card-header               { border-radius: 0 !important; }
.gll-pg-card-body                 { border-radius: 0 !important; }

/* Scoped Bootstrap card variants */
.default-theme .card,
.default-theme .card-header,
.default-theme .card-body,
.default-theme .card-footer,
.default-theme .card-img-top,
.n-main .card, .n-main .card-header,
.n-main .card-body, .n-main .card-footer,
.gll-pg .card, .gll-pg .card-header,
.gll-pg .card-body, .gll-pg .card-footer  { border-radius: 0 !important; }

/* Scoped badges */
.default-theme .badge, .default-theme .badge-pill, .default-theme .n-badge,
.n-main .badge, .n-main .badge-pill,
.gll-pg .badge, .gll-pg .badge-pill,
.default-theme .tag, .default-theme .label { border-radius: 2px !important; }

/* Scoped form elements */
.default-theme .form-control, .default-theme .form-select,
.default-theme .input-group-text, .default-theme .btn,
.default-theme .dropdown-menu, .default-theme .dropdown-item,
.n-main .form-control, .n-main .form-select, .n-main .btn,
.gll-pg .form-control, .gll-pg .form-select, .gll-pg .btn { border-radius: 0 !important; }

/* Scoped pagination */
.default-theme .page-link, .default-theme .page-item,
.n-main .page-link, .gll-pg .page-link    { border-radius: 0 !important; }
.default-theme .pagination .page-item:first-child .page-link,
.default-theme .pagination .page-item:last-child .page-link { border-radius: 0 !important; }

/* Scoped modals */
.default-theme .modal-content, .default-theme .modal-header,
.default-theme .modal-footer               { border-radius: 0 !important; }

/* Scoped tooltips & popovers */
.default-theme .tooltip, .default-theme .tooltip-inner,
.default-theme .popover, .default-theme .popover-header,
.default-theme .popover-body               { border-radius: 0 !important; }

/* Scoped progress bars */
.default-theme .progress, .default-theme .progress-bar,
.n-main .progress, .gll-pg .progress      { border-radius: 0 !important; }

/* Avatars and user blocks */
.n-user-avatar, .default-theme .avatar     { border-radius: 0 !important; }

/* Account nav tree */
.n-nav-item, .n-tree-item                  { border-radius: 0 !important; }

/* Sidebar badges */
.default-theme .sidebar-nav .badge,
.default-theme .sidebar-nav .badge-pill    { border-radius: 2px !important; }

/* ================================================================
   25. TABLE OVERFLOW — Fix account content areas
================================================================ */
.gll-pg-card     { overflow: visible !important; }
.gll-pg-card-body { overflow-x: auto !important; min-width: 0 !important; }

.n-main          { overflow-x: hidden !important; }
.n-main > *      { min-width: 0 !important; }

.default-theme .n-datatable .n-table th,
.gll-pg-card .table th,
.n-main .table th { white-space: nowrap !important; }

.default-theme .n-datatable .n-table td,
.gll-pg-card .table td { vertical-align: middle !important; }

/* ================================================================
   26. REMOVE TOP PAGINATION — CSS safety net
================================================================ */
.gll-pg-card-body > .n-pagination:first-child,
.n-datatable > .n-pagination:first-child,
.gll-pg > .n-pagination:first-child { display: none !important; }

/* ================================================================
   28. DATATABLE BULK BAR & PAGINATION SPACING
================================================================ */
.n-datatable .n-bulk-bar {
    padding: 10px 12px !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
}

.n-datatable .n-pagination {
    padding: 8px 12px !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
}

/* ================================================================
   27. RESPONSIVE TABLES — mobile safety
================================================================ */
@media (max-width: 768px) {
    .gll-pg-card-body,
    .n-table-wrap,
    .default-theme .table-responsive,
    .n-main .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }

    .n-main { overflow-x: hidden !important; }
}