/*
  LembahBujang.my Stage 2 Theme V26
  Purpose: replace the broken Bootstrap-looking Stage 2 layer with a stable custom theme.
  Notes: Bootstrap may remain loaded for compatibility, but this file visually supersedes it.
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root{
  --lbj-green:#0d3b38;
  --lbj-green-2:#14504a;
  --lbj-green-3:#082a27;
  --lbj-ink:#0f2e2b;
  --lbj-text:#2d4a47;
  --lbj-muted:#607a76;
  --lbj-lime:#a3e635;
  --lbj-teal:#2dd4bf;
  --lbj-gold:#c9a558;
  --lbj-cream:#f5ece0;
  --lbj-mint:#f0fdfa;
  --lbj-white:#ffffff;
  --lbj-border:rgba(13,59,56,.14);
  --lbj-shadow:0 20px 44px rgba(13,59,56,.12);
  --lbj-soft-shadow:0 10px 26px rgba(13,59,56,.09);
  --lbj-serif:'Cormorant Garamond', Georgia, serif;
  --lbj-sans:'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.lbj-stage2{
  margin:0;
  background:var(--lbj-mint);
  color:var(--lbj-text);
  font-family:var(--lbj-sans);
  font-size:15px;
  line-height:1.7;
  overflow-x:hidden;
}
body.lbj-stage2 a{color:inherit;text-decoration:none}
body.lbj-stage2 a:hover{color:inherit;opacity:.82}
body.lbj-stage2 img{max-width:100%;height:auto}
body.lbj-stage2 ::selection{background:var(--lbj-lime);color:var(--lbj-green)}

body.lbj-stage2 h1,
body.lbj-stage2 h2,
body.lbj-stage2 h3,
body.lbj-stage2 h4,
body.lbj-stage2 .h1,
body.lbj-stage2 .h2,
body.lbj-stage2 .h3,
body.lbj-stage2 .h4{
  font-family:var(--lbj-serif);
  color:var(--lbj-ink);
  letter-spacing:-.015em;
  font-weight:400;
}

body.lbj-stage2 .container,
body.lbj-stage2 .container-fluid{max-width:1200px}

/* Accessibility */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:18px;top:18px;width:auto;height:auto;z-index:99999;background:var(--lbj-lime);color:var(--lbj-green);padding:10px 14px;border:2px solid var(--lbj-green);border-radius:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(163,230,53,.75);outline-offset:3px}

/* Header */
.lbj-site-header{
  position:sticky;top:0;z-index:1040;
  background:rgba(13,59,56,.97);
  color:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(163,230,53,.18);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(16px);
}
.lbj-nav-wrap{width:100%;max-width:1440px;margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;gap:28px}
.lbj-brand{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;gap:14px;min-width:max-content;color:var(--lbj-lime)!important;text-transform:uppercase;letter-spacing:.22em;font:500 13px/1 var(--lbj-serif);line-height:0}
.lbj-brand img{display:block;width:200px;height:auto;max-height:42px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}
.lbj-menu-toggle{display:none;border:1px solid rgba(163,230,53,.38);background:transparent;color:var(--lbj-lime);padding:9px 13px;border-radius:2px;font:600 11px/1 var(--lbj-sans);letter-spacing:.14em;text-transform:uppercase}
.lbj-primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex:1}
.lbj-nav-links{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.lbj-nav-item{position:relative}
.lbj-nav-link,.lbj-nav-button{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.68)!important;font:500 12px/1 var(--lbj-sans);letter-spacing:.055em;background:none;border:0;padding:28px 0;white-space:nowrap}
.lbj-nav-link:hover,.lbj-nav-button:hover,.lbj-nav-item:focus-within>.lbj-nav-button{color:var(--lbj-lime)!important;opacity:1}
.lbj-dropdown{position:absolute;top:calc(100% - 6px);left:-18px;min-width:230px;background:#0b302d;border:1px solid rgba(163,230,53,.2);box-shadow:0 18px 40px rgba(0,0,0,.24);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.18s ease;border-radius:2px}
.lbj-nav-item:hover>.lbj-dropdown,.lbj-nav-item:focus-within>.lbj-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.lbj-dropdown a{display:block;color:rgba(255,255,255,.68)!important;font:500 12px/1.35 var(--lbj-sans);letter-spacing:.035em;padding:12px 13px;border-radius:2px}
.lbj-dropdown a:hover{background:rgba(163,230,53,.1);color:var(--lbj-lime)!important;opacity:1}
.lbj-nav-actions{display:flex;align-items:center;gap:12px;min-width:max-content}
.lbj-header-search{display:flex;align-items:center;gap:6px;min-width:235px}
.lbj-header-search input{width:100%;height:36px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:2px!important;font:400 12px/1 var(--lbj-sans);padding:0 12px!important}
.lbj-header-search input::placeholder{color:rgba(255,255,255,.42)}
.lbj-search-btn{width:38px;height:36px;border:1px solid rgba(163,230,53,.35);background:transparent;color:var(--lbj-lime);display:inline-flex;align-items:center;justify-content:center;border-radius:2px}
.lbj-login-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 20px!important;border:1px solid rgba(163,230,53,.42)!important;color:var(--lbj-lime)!important;font:600 11px/1 var(--lbj-sans)!important;letter-spacing:.1em;text-transform:uppercase;border-radius:1px!important;white-space:nowrap;background:transparent!important}
.lbj-login-pill:hover{background:var(--lbj-lime)!important;color:var(--lbj-green)!important;opacity:1}
.lbj-register-link{color:rgba(255,255,255,.72)!important;font:500 12px/1 var(--lbj-sans);white-space:nowrap}
.lbj-lang{color:rgba(255,255,255,.48)!important;font:600 11px/1 var(--lbj-sans);letter-spacing:.1em}

/* Footer */
.lbj-site-footer{background:var(--lbj-green);color:rgba(255,255,255,.62);position:relative;overflow:hidden;border-top:1px solid rgba(163,230,53,.18);padding:72px 56px 28px}
.lbj-site-footer:before{content:"";position:absolute;inset:0;opacity:.06;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22%3E%3Cpath d=%22M30 4L56 30L30 56L4 30Z%22 fill=%22none%22 stroke=%22%23c9a558%22 stroke-width=%221%22/%3E%3C/svg%3E');background-size:60px 60px}
.lbj-footer-inner{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 2fr;gap:70px}
.lbj-footer-brand{display:flex;align-items:center;gap:14px;color:var(--lbj-lime);font:500 14px/1 var(--lbj-serif);letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px}
.lbj-footer-brand img{height:32px;width:32px;object-fit:contain}
.lbj-footer-text{max-width:440px;color:rgba(255,255,255,.58);font:300 15px/1.75 var(--lbj-sans)}
.lbj-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.lbj-footer-title{font:600 10px/1 var(--lbj-sans);letter-spacing:.22em;color:var(--lbj-lime);text-transform:uppercase;margin-bottom:18px}
.lbj-footer-link{display:block;color:rgba(255,255,255,.56)!important;font:400 13px/1.3 var(--lbj-sans);margin:0 0 12px}
.lbj-footer-link:hover{color:var(--lbj-lime)!important;opacity:1}
.lbj-footer-bottom{position:relative;max-width:1180px;margin:48px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.44);font:400 12px/1.5 var(--lbj-sans)}
.lbj-socials{display:flex;gap:14px;margin-top:22px}.lbj-socials a{width:34px;height:34px;border:1px solid rgba(163,230,53,.24);display:inline-flex;align-items:center;justify-content:center;color:var(--lbj-lime)!important;border-radius:2px}

/* Core components */
.lbj-section{padding:72px 56px}.lbj-section-dark{background:var(--lbj-green);color:rgba(255,255,255,.66)}.lbj-section-mint{background:var(--lbj-mint)}.lbj-section-white{background:#fff}
.lbj-kicker{font:600 10px/1 var(--lbj-sans);letter-spacing:.22em;color:var(--lbj-teal);text-transform:uppercase;margin-bottom:14px}.lbj-section-dark .lbj-kicker{color:var(--lbj-lime)}
.lbj-heading{font-family:var(--lbj-serif);font-weight:300;line-height:1.08;color:var(--lbj-ink);margin:0}.lbj-section-dark .lbj-heading{color:#fff}
.lbj-card,.card{border:1px solid var(--lbj-border)!important;border-radius:2px!important;background:#fff!important;box-shadow:var(--lbj-soft-shadow)!important;overflow:hidden}
.lbj-card-dark{background:#0b302d!important;border:1px solid rgba(163,230,53,.18)!important;color:rgba(255,255,255,.62)!important}
.card-hover{transition:transform .25s ease,box-shadow .25s ease}.card-hover:hover{transform:translateY(-6px);box-shadow:var(--lbj-shadow)!important}
.lbj-btn,.btn{border-radius:1px!important;font:700 11px/1 var(--lbj-sans)!important;letter-spacing:.12em;text-transform:uppercase;padding:12px 24px!important;box-shadow:none!important;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-primary,.lbj-btn-primary{background:var(--lbj-lime)!important;border-color:var(--lbj-lime)!important;color:var(--lbj-green)!important}.btn-primary:hover,.lbj-btn-primary:hover{filter:brightness(.96);opacity:1}
.btn-outline-primary,.btn-outline-secondary,.lbj-btn-outline{background:transparent!important;border:1px solid rgba(13,59,56,.28)!important;color:var(--lbj-green)!important}.btn-outline-primary:hover,.btn-outline-secondary:hover,.lbj-btn-outline:hover{background:var(--lbj-lime)!important;border-color:var(--lbj-lime)!important;color:var(--lbj-green)!important;box-shadow:0 0 0 1px rgba(163,230,53,.35),0 10px 24px rgba(163,230,53,.28)!important;opacity:1}
.btn-danger{background:#8a2f2f!important;border-color:#8a2f2f!important;color:#fff!important}.btn-success{background:var(--lbj-green)!important;border-color:var(--lbj-green)!important;color:var(--lbj-lime)!important}
.badge{border-radius:2px!important;font-family:var(--lbj-sans);letter-spacing:.04em}.text-bg-primary,.bg-primary{background:var(--lbj-green)!important;color:var(--lbj-lime)!important}.text-bg-danger{background:#8a2f2f!important}.text-bg-success{background:#14504a!important;color:var(--lbj-lime)!important}.text-bg-light{background:#f0fdfa!important;color:var(--lbj-green)!important}

/* Forms */
body.lbj-stage2 .form-control,body.lbj-stage2 .form-select,body.lbj-stage2 textarea{border-radius:2px!important;border:1px solid rgba(13,59,56,.18)!important;background:#fff!important;color:var(--lbj-ink)!important;min-height:44px;font:400 14px/1.4 var(--lbj-sans)!important}
body.lbj-stage2 .form-control:focus,body.lbj-stage2 .form-select:focus,body.lbj-stage2 textarea:focus{border-color:var(--lbj-teal)!important;box-shadow:0 0 0 .2rem rgba(45,212,191,.16)!important}
body.lbj-stage2 label{font:600 12px/1.2 var(--lbj-sans);letter-spacing:.04em;color:var(--lbj-ink)}
.alert{border-radius:2px!important;border:0!important;font-family:var(--lbj-sans)}

/* Auth pages */
.lbj-auth-page{min-height:100vh;background:radial-gradient(ellipse at 50% 20%,rgba(163,230,53,.12),transparent 45%),linear-gradient(150deg,var(--lbj-green) 0%,var(--lbj-green-2) 55%,var(--lbj-green) 100%);display:flex;align-items:center;justify-content:center;padding:42px 20px;color:rgba(255,255,255,.64);position:relative;overflow:hidden}
.lbj-auth-page:before{content:"";position:absolute;inset:0;opacity:.08;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22%3E%3Cpath d=%22M30 4L56 30L30 56L4 30Z%22 fill=%22none%22 stroke=%22%23c9a558%22 stroke-width=%221%22/%3E%3C/svg%3E');background-size:60px 60px}.lbj-auth-card{position:relative;width:100%;max-width:430px;background:#fff;border:1px solid rgba(163,230,53,.22);box-shadow:0 26px 60px rgba(0,0,0,.28);padding:34px;border-radius:2px;color:var(--lbj-text)}
.lbj-auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--lbj-green);font:500 14px/1 var(--lbj-serif);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}.lbj-auth-logo img{height:36px;width:36px;object-fit:contain}
.lbj-auth-title{font:300 38px/1.05 var(--lbj-serif);color:var(--lbj-ink);margin:0 0 8px;text-align:center}.lbj-auth-subtitle{font:400 14px/1.6 var(--lbj-sans);color:var(--lbj-muted);margin:0 0 24px;text-align:center}.lbj-auth-card a{color:var(--lbj-green)!important;text-decoration:underline;text-underline-offset:3px}.lbj-auth-card .btn{width:100%;margin-top:4px}

/* Directory, articles and media */
.lbj-directory-grid,.artisan-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important}.lbj-directory-card{background:#fff;border:1px solid var(--lbj-border);box-shadow:var(--lbj-soft-shadow);border-radius:2px;overflow:hidden;transition:.25s ease}.lbj-directory-card:hover{transform:translateY(-5px);box-shadow:var(--lbj-shadow)}.lbj-directory-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf7f5}.lbj-directory-card-body{padding:22px}.pagination{gap:7px;flex-wrap:wrap}.page-link{border-radius:1px!important;border:1px solid rgba(13,59,56,.18)!important;color:var(--lbj-green)!important;font:600 12px/1 var(--lbj-sans)!important;padding:10px 14px!important}.page-item.active .page-link,.page-link:hover{background:var(--lbj-green)!important;border-color:var(--lbj-green)!important;color:var(--lbj-lime)!important;opacity:1}
.blog-content,.article-content{font:400 17px/1.85 var(--lbj-sans);color:var(--lbj-text)}.blog-content h2,.article-content h2{font-size:36px;margin:36px 0 14px}.blog-content blockquote,.article-content blockquote{border-left:3px solid var(--lbj-lime);background:var(--lbj-mint);padding:18px 22px;color:var(--lbj-green);font-family:var(--lbj-serif);font-size:22px;font-style:italic}

/* WhatsApp */
.lbj-whatsapp-float{position:fixed;right:22px;bottom:72px;z-index:9999;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(0,0,0,.24);font-size:26px}.lbj-whatsapp-float:hover{opacity:1;transform:translateY(-2px)}

/* Legacy page rescue */
body.lbj-stage2 .navbar,body.lbj-stage2 .navbar-light{background:var(--lbj-green)!important}.shadow-sm{box-shadow:var(--lbj-soft-shadow)!important}.rounded,.rounded-3,.rounded-4{border-radius:2px!important}.text-primary{color:var(--lbj-teal)!important}.text-muted{color:var(--lbj-muted)!important}

@media (max-width:1100px){.lbj-nav-wrap{padding:0 24px}.lbj-primary-nav{position:fixed;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#0b302d;border-bottom:1px solid rgba(163,230,53,.18);padding:18px 24px 24px;box-shadow:0 22px 46px rgba(0,0,0,.25)}.lbj-primary-nav.is-open{display:flex}.lbj-menu-toggle{display:inline-flex}.lbj-nav-links{flex-direction:column;align-items:stretch;gap:0}.lbj-nav-link,.lbj-nav-button{padding:15px 0}.lbj-dropdown{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;background:rgba(255,255,255,.04);margin:0 0 10px;padding:6px}.lbj-nav-item:hover>.lbj-dropdown,.lbj-nav-item:focus-within>.lbj-dropdown{display:block}.lbj-nav-actions{flex-wrap:wrap;align-items:stretch}.lbj-header-search{min-width:100%;}.lbj-footer-inner{grid-template-columns:1fr}.lbj-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.lbj-section{padding:54px 22px}.lbj-site-footer{padding:58px 24px 24px}.lbj-footer-grid{grid-template-columns:1fr}.lbj-footer-bottom{display:block}.lbj-directory-grid,.artisan-grid{grid-template-columns:1fr!important}.lbj-auth-card{padding:26px 22px}.lbj-auth-title{font-size:32px}}
@media (min-width:769px) and (max-width:1100px){.lbj-directory-grid,.artisan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ===================================================================
   Dashboards — single source of truth (rebuilt, replaces v27/v29/v30
   patch layers below). The shell is a plain 2-column CSS Grid applied
   directly to .lbj-dashboard-shell > .lbj-sidebar + .lbj-dashboard-content.
   There is no Bootstrap .row/.col-* in the shell markup, so there is
   nothing left here to fight with !important.
   =================================================================== */
body.lbj-dashboard-body{background:#eef7f4;color:var(--lbj-text);margin:0;min-height:100vh}

.lbj-dashboard-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#eef7f4}

/* Sidebar */
.lbj-sidebar{background:#032d24;color:rgba(255,255,255,.74);border-right:1px solid rgba(163,230,53,.16);position:sticky;top:0;height:100vh;overflow-y:auto;padding:28px 22px}
.lbj-sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 18px;color:#fff;text-decoration:none}
.lbj-sidebar-brand img{display:block;width:min(100%,180px);height:auto;max-height:none;object-fit:contain;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 6px 16px rgba(0,0,0,.22))}
.lbj-sidebar-brand span{display:block;font:500 22px/1.05 var(--lbj-serif);letter-spacing:.01em;color:#fff}
.lbj-sidebar-kicker{color:var(--lbj-gold);font:800 12px/1.35 var(--lbj-sans);text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px}
.lbj-sidebar-nav{display:flex;flex-direction:column;gap:5px}
.lbj-sidebar-nav a{display:flex;align-items:center;min-height:42px;padding:11px 13px;border-radius:5px;color:rgba(255,255,255,.78);text-decoration:none;font:700 14px/1.25 var(--lbj-sans)}
.lbj-sidebar-nav a:hover,.lbj-sidebar-nav a.active{background:rgba(163,230,53,.16);color:var(--lbj-lime)}
.lbj-sidebar-logout{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14)}

/* Content column */
.lbj-dashboard-content{padding:34px 42px 54px;min-width:0;overflow-x:hidden}
.lbj-dashboard-title{font:400 34px/1.1 var(--lbj-serif);color:var(--lbj-ink);margin:0}
.lbj-dashboard-lead{color:var(--lbj-muted);font:400 14px/1.6 var(--lbj-sans)}
.lbj-dashboard-kicker{margin:0 0 6px;color:var(--lbj-gold);text-transform:uppercase;letter-spacing:.15em;font:700 11px/1 var(--lbj-sans)}
.lbj-dashboard-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.lbj-dashboard-content h1,.lbj-dashboard-content h2,.lbj-dashboard-content h3,.lbj-dashboard-content h4,.lbj-dashboard-content h5{color:var(--lbj-ink)}
.lbj-dashboard-content .text-muted{color:var(--lbj-muted)}

/* Card grid utility for stat cards / product cards inside dashboard
   content. Bootstrap's .row/.col-* still works fine for internal
   content grids (that was never the source of the layout bug — only
   using it for the outer sidebar/content shell was), this is offered
   as a lighter-weight alternative for new markup. */
.lbj-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}

.lbj-dashboard-card,.lbj-dashboard-content .card{border:1px solid rgba(3,45,36,.08);border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(3,45,36,.075)}
.lbj-dashboard-content .card-body{padding:22px}

.lbj-dashboard-content .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
.lbj-dashboard-content .table{--bs-table-bg:transparent;--bs-table-striped-bg:rgba(163,230,53,.04);border-color:rgba(3,45,36,.08)}
.lbj-dashboard-content .table thead th{background:#f4f7ee;color:var(--lbj-ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(3,45,36,.12)}
.lbj-dashboard-content .table td,.lbj-dashboard-content .table th{vertical-align:middle;padding:13px 12px;border-color:rgba(3,45,36,.08)}
.lbj-dashboard-content table{min-width:640px}

.lbj-dashboard-content .form-control,.lbj-dashboard-content .form-select,.lbj-dashboard-content textarea{border-radius:4px;border:1px solid rgba(3,45,36,.18);box-shadow:none;width:100%}
.lbj-dashboard-content .form-control:focus,.lbj-dashboard-content .form-select:focus{border-color:var(--lbj-lime);box-shadow:0 0 0 .2rem rgba(163,230,53,.20)}
.lbj-dashboard-content textarea{min-height:150px}

.lbj-dashboard-content .btn{border-radius:4px;font-weight:700;min-height:44px;white-space:nowrap}
.lbj-dashboard-content .btn-primary,.lbj-dashboard-content .btn-outline-primary:hover,.lbj-dashboard-content .page-item.active .page-link{background:var(--lbj-green);border-color:var(--lbj-green);color:#fff}
.lbj-dashboard-content .btn-outline-primary,.lbj-dashboard-content .page-link{color:var(--lbj-green);border-color:rgba(3,45,36,.22);background:#fff}

.lbj-dashboard-content .pagination{gap:6px;flex-wrap:wrap}
.lbj-dashboard-content .page-link{border-radius:4px;min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center}

.lbj-unread{background:#f5faec;border-left:4px solid var(--lbj-lime)}
.lbj-dashboard-body .bg-light{background:transparent}
.lbj-dashboard-body .border-end{border-right:0}
.lbj-dashboard-body .min-vh-100{min-height:0}

/* Responsive: sidebar narrows, then collapses to a horizontal
   scroll nav above the content below 992px. */
@media (max-width:1199.98px){
  .lbj-dashboard-shell{grid-template-columns:260px minmax(0,1fr)}
  .lbj-dashboard-content{padding:28px 30px 46px}
}
@media (max-width:991.98px){
  .lbj-dashboard-shell{grid-template-columns:1fr;min-height:0}
  .lbj-sidebar{position:relative;top:auto;height:auto;overflow:visible;padding:20px 18px 16px;border-right:0;border-bottom:1px solid rgba(163,230,53,.18)}
  .lbj-sidebar-brand{margin-bottom:14px;gap:10px}
  .lbj-sidebar-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:0 0 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .lbj-sidebar-nav a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
  .lbj-sidebar-logout{margin-top:0;padding-top:10px;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
  .lbj-dashboard-content{padding:22px 18px 38px}
  .lbj-dashboard-page-head{display:block}
  .lbj-dashboard-page-head .btn,.lbj-dashboard-page-head form{margin-top:14px;width:100%}
  .lbj-dashboard-page-head button{width:100%}
}
@media (max-width:575.98px){
  .lbj-sidebar{padding:18px 14px 14px}
  .lbj-sidebar-brand img{width:min(100%,144px)}
  .lbj-sidebar-brand span{font-size:20px}
  .lbj-sidebar-nav a{font-size:13px}
  .lbj-dashboard-content{padding:18px 14px 34px}
  .lbj-dashboard-grid{grid-template-columns:1fr}
  .lbj-dashboard-content .btn{width:100%}
  .lbj-dashboard-content table{min-width:100%}
}