:root{
 --sld-cyan:#06b6d4;
 --sld-cyan-dark:#0891b2;
 --sld-cyan-deep:#0e7490;
 --sld-navy:#0f172a;
 --sld-text:#1e293b;
 --sld-muted:#64748b;
 --sld-bg:#f5f9fb;
 --sld-card:#ffffff;
 --sld-border:#dbe7ec;
 --sld-shadow:0 10px 30px rgba(15,23,42,.07);
 --sld-radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--sld-bg)!important;color:var(--sld-text)!important;font-family:"Public Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
a{color:var(--sld-cyan-dark);transition:.2s ease}
a:hover{color:var(--sld-cyan-deep)}
#layout-wrapper,.layout-wrapper,.layout-container{background:var(--sld-bg)!important}
#page-topbar,#page-topbar .navbar-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sld-border)!important;box-shadow:0 2px 16px rgba(15,23,42,.04)!important}
#page-topbar{backdrop-filter:blur(14px)}
.navbar-header{min-height:72px!important}
.navbar-brand-box{background:transparent!important}
.navbar-brand-box img{object-fit:contain}
.app-search .form-control,.header-item .form-control{border:1px solid var(--sld-border)!important;border-radius:10px!important;background:#f8fbfc!important}
.btn-primary,.bg-primary{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important}
.btn-primary:hover,.btn-primary:focus{background:var(--sld-cyan-dark)!important;border-color:var(--sld-cyan-dark)!important}
.btn-outline-primary{color:var(--sld-cyan-dark)!important;border-color:#8bdbea!important}
.btn-outline-primary:hover{background:var(--sld-cyan)!important;color:#fff!important}
.text-primary{color:var(--sld-cyan-dark)!important}
.badge.bg-primary{background:var(--sld-cyan)!important}
.app-menu,.navbar-menu{background:var(--sld-navy)!important;border-right:1px solid rgba(255,255,255,.06)!important}
.navbar-menu .navbar-brand-box{background:var(--sld-navy)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.navbar-menu .navbar-nav .nav-link{color:#cbd5e1!important;border-radius:10px;margin:3px 10px;padding:11px 14px!important;font-size:.95rem!important}
.navbar-menu .navbar-nav .nav-link:hover,.navbar-menu .navbar-nav .nav-link.active{background:rgba(6,182,212,.14)!important;color:#fff!important}
.navbar-menu .navbar-nav .nav-link .menu-icon{color:#67e8f9!important}
.menu-title{color:#94a3b8!important;font-size:.72rem!important;letter-spacing:.12em;text-transform:uppercase}
.layout-page{background:var(--sld-bg)!important}
.page-content{padding:28px!important}
.content-wrapper{background:var(--sld-bg)!important}
.card{border:1px solid var(--sld-border)!important;border-radius:var(--sld-radius)!important;box-shadow:var(--sld-shadow)!important;background:var(--sld-card)!important}
.card-header{background:transparent!important;border-bottom:1px solid var(--sld-border)!important}
.table{--bs-table-border-color:var(--sld-border)}
.table thead th{background:#f1f8fa!important;color:#334155!important;font-weight:700!important;border-bottom:1px solid #cfe5ea!important}
.table tbody tr:hover{background:#f8fcfd!important}
.form-control,.form-select{border:1px solid var(--sld-border)!important;border-radius:10px!important;min-height:42px}
.form-control:focus,.form-select:focus{border-color:#67d7e6!important;box-shadow:0 0 0 .2rem rgba(6,182,212,.12)!important}
.input-group-text{border-color:var(--sld-border)!important;background:#f8fbfc!important}
.alert{border-radius:12px!important}
.breadcrumb{background:transparent!important;padding:0!important}
.breadcrumb-item+.breadcrumb-item::before{color:#94a3b8!important}
.dropdown-menu{border:1px solid var(--sld-border)!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(15,23,42,.12)!important}
.dropdown-item:hover{background:#ecfeff!important;color:var(--sld-cyan-deep)!important}
.pagination .page-link{color:var(--sld-cyan-dark)!important;border-color:var(--sld-border)!important}
.pagination .active .page-link{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important;color:#fff!important}
.nav-tabs{border-color:var(--sld-border)!important}
.nav-tabs .nav-link{color:var(--sld-muted)!important}
.nav-tabs .nav-link.active{color:var(--sld-cyan-deep)!important;border-color:var(--sld-border) var(--sld-border) #fff!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper select{border:1px solid var(--sld-border)!important;border-radius:8px!important;padding:7px 10px!important}
footer{background:var(--sld-navy)!important;color:#cbd5e1!important;border-top:4px solid var(--sld-cyan)!important;padding:48px 0 24px!important}
footer h5,footer h6{color:#fff!important}
footer a{color:#94a3b8!important}footer a:hover{color:#67e8f9!important}
.text-orange{color:var(--sld-cyan)!important}
.bg-orange{background:var(--sld-cyan)!important}
/* Common legacy green/orange inline/component accents */
[style*="#1c6547"],[style*="#ff7a00"]{border-color:var(--sld-cyan)!important}
.ticker-wrapper-h{border-color:var(--sld-cyan)!important;border-radius:10px;overflow:hidden;background:#fff}
.ticker-wrapper-h .heading{background:var(--sld-cyan)!important}
.ticker-wrapper-h .heading:after{border-left-color:var(--sld-cyan)!important}
.news-ticker-h{background:#f0fdff!important}
.news-ticker-h li a{color:var(--sld-navy)!important}
/* Detail / lock presentation */
.sld-content-lock{position:relative;margin-top:24px;border:1px solid #b9e8ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--sld-shadow)}
.sld-lock-overlay{padding:28px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.84),#fff 55%);border-top:1px solid #d7f2f6}
.sld-lock-overlay .sld-lock-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#ecfeff;color:var(--sld-cyan-deep);font-size:22px}
.sld-lock-overlay h3{font-size:20px;margin:0 0 8px;color:var(--sld-navy)}
.sld-lock-overlay p{color:var(--sld-muted);margin:0 auto 18px;max-width:620px}
.sld-lock-overlay .btn{border-radius:10px;padding:10px 18px;font-weight:600}
/* Landing/search hero */
.sld-page-hero{background:linear-gradient(135deg,#0f172a 0%,#123b4a 55%,#06b6d4 140%);color:#fff;border-radius:20px;padding:32px;box-shadow:0 18px 50px rgba(15,23,42,.16);margin-bottom:24px}
.sld-page-hero h1{font-weight:750;letter-spacing:-.02em}
.sld-page-hero p{color:#cbd5e1;max-width:760px}
.sld-search-shell{background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:7px;display:flex;gap:8px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.sld-search-shell input{border:0!important;box-shadow:none!important;min-height:46px}
.sld-search-shell .btn{border-radius:10px;min-width:110px}
/* Responsive */
@media(max-width:991.98px){
 .page-content{padding:18px!important}
 .sld-page-hero{padding:24px;border-radius:16px}
 #page-topbar .navbar-header{padding:0 8px}
}
@media(max-width:575.98px){
 .page-content{padding:12px!important}
 .sld-page-hero{padding:20px}
 .sld-search-shell{display:block;padding:8px}.sld-search-shell .btn{width:100%;margin-top:7px}
 .card{border-radius:12px!important}
}

/* =========================================================
   SLD Modern Responsive Layer v2
   Primary: #0AB39C
   ========================================================= */
:root{
  --sld-cyan:#0AB39C;
  --sld-cyan-rgb:10,179,156;
  --sld-cyan-dark:#078F7D;
  --sld-cyan-deep:#067567;
  --sld-cyan-soft:#E9FBF7;
  --sld-cyan-softer:#F4FCFA;
  --sld-navy:#0F172A;
  --sld-text:#1E293B;
  --sld-muted:#64748B;
  --sld-bg:#F6F9FB;
  --sld-card:#FFFFFF;
  --sld-border:#E2E8F0;
  --sld-shadow:0 8px 28px rgba(15,23,42,.055);
  --sld-shadow-hover:0 16px 40px rgba(15,23,42,.09);
  --sld-radius:16px;
  --sld-radius-sm:11px;
}

html{scroll-behavior:smooth;overflow-x:hidden}
body{min-width:320px;overflow-x:hidden;line-height:1.55}
img,svg,video,iframe{max-width:100%;height:auto}
button,.btn,input,select,textarea{font:inherit}
::selection{background:rgba(var(--sld-cyan-rgb),.18);color:var(--sld-navy)}
:focus-visible{outline:3px solid rgba(var(--sld-cyan-rgb),.25)!important;outline-offset:2px}

/* Global brand treatment */
.btn-primary,.bg-primary{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--sld-cyan-dark)!important;border-color:var(--sld-cyan-dark)!important}
.btn-outline-primary{color:var(--sld-cyan-dark)!important;border-color:rgba(var(--sld-cyan-rgb),.45)!important}
.btn-outline-primary:hover,.btn-outline-primary:focus{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important;color:#fff!important}
.text-primary{color:var(--sld-cyan-dark)!important}
.border-primary{border-color:var(--sld-cyan)!important}

/* Header */
#page-topbar{z-index:1030!important}
#page-topbar .navbar-header{min-height:68px!important;padding-inline:clamp(10px,2vw,24px)!important}
.navbar-header .btn{min-height:40px}
.app-search .form-control,.header-item .form-control{height:42px!important;border-radius:12px!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}
.app-search .form-control:focus,.header-item .form-control:focus{border-color:rgba(var(--sld-cyan-rgb),.55)!important;box-shadow:0 0 0 4px rgba(var(--sld-cyan-rgb),.10)!important}

/* Sidebar / navigation */
.app-menu,.navbar-menu{background:var(--sld-navy)!important}
.navbar-menu .navbar-nav .nav-link{transition:background .18s ease,color .18s ease,transform .18s ease!important}
.navbar-menu .navbar-nav .nav-link:hover{transform:translateX(2px)}
.navbar-menu .navbar-nav .nav-link.active{background:rgba(var(--sld-cyan-rgb),.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--sld-cyan)}

/* Main content */
.page-content{width:100%;max-width:100%;padding:clamp(16px,2.4vw,32px)!important}
.main-content{min-width:0}
.page-title-box{padding:0 0 18px!important}
.page-title-box h4,.page-title-box .page-title{font-weight:750!important;letter-spacing:-.02em}
.breadcrumb{font-size:.86rem;margin-bottom:0}

/* Cards */
.card{border:1px solid var(--sld-border)!important;border-radius:var(--sld-radius)!important;box-shadow:var(--sld-shadow)!important;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.card:hover{box-shadow:var(--sld-shadow-hover)!important}
.card-header{padding:16px 20px!important}
.card-body{padding:20px!important}
.card-title{font-weight:700!important;color:var(--sld-navy)!important}

/* Forms */
.form-label{font-weight:600;color:#334155;margin-bottom:7px}
.form-control,.form-select{min-height:44px!important;border:1px solid #D8E1E8!important;border-radius:11px!important;background:#fff!important;color:var(--sld-text)!important;transition:border-color .18s,box-shadow .18s}
.form-control::placeholder{color:#94A3B8}
.form-control:focus,.form-select:focus{border-color:rgba(var(--sld-cyan-rgb),.65)!important;box-shadow:0 0 0 4px rgba(var(--sld-cyan-rgb),.10)!important}
.input-group .form-control{min-width:0}
.input-group-text{border-color:#D8E1E8!important;background:#F8FAFC!important;color:#64748B!important}

/* Search experience */
.sld-search-shell{width:100%;max-width:100%;border:1px solid #DCE7EA!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.07)!important}
.sld-search-shell:focus-within{border-color:rgba(var(--sld-cyan-rgb),.5)!important;box-shadow:0 0 0 4px rgba(var(--sld-cyan-rgb),.09),0 12px 30px rgba(15,23,42,.07)!important}
.sld-search-shell .form-control{font-size:15px}

/* Tables: keep search/data usable on small screens */
.table-responsive{width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px}
.table-responsive>.table{min-width:680px}
.table{margin-bottom:0!important;color:var(--sld-text)!important}
.table thead th{white-space:nowrap;background:#F3FBF9!important;color:#334155!important;font-size:.82rem;letter-spacing:.01em}
.table td{vertical-align:middle}
.table tbody tr{transition:background .15s ease}
.table tbody tr:hover{background:#F7FCFB!important}

/* DataTables */
.dataTables_wrapper{width:100%;overflow-x:auto;padding-bottom:2px}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper select{min-height:40px;border-radius:10px!important;border:1px solid #D8E1E8!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important;color:#fff!important;border-radius:8px!important}

/* Buttons */
.btn{border-radius:10px!important;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{box-shadow:0 5px 14px rgba(var(--sld-cyan-rgb),.20)!important}
.btn-primary:hover{box-shadow:0 8px 18px rgba(var(--sld-cyan-rgb),.26)!important}

/* Badges / pills */
.badge{border-radius:999px!important;padding:.42em .72em!important;font-weight:650!important}
.badge.bg-primary{background:var(--sld-cyan)!important}

/* Dropdowns */
.dropdown-menu{border:1px solid var(--sld-border)!important;border-radius:13px!important;padding:6px!important;box-shadow:0 18px 45px rgba(15,23,42,.12)!important}
.dropdown-item{border-radius:8px!important;padding:9px 11px!important}
.dropdown-item:hover,.dropdown-item:focus{background:var(--sld-cyan-soft)!important;color:var(--sld-cyan-deep)!important}

/* Hero */
.sld-page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0F172A 0%,#123A42 52%,#0AB39C 145%)!important;border-radius:22px!important;padding:clamp(22px,4vw,42px)!important}
.sld-page-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-130px;background:rgba(var(--sld-cyan-rgb),.16);filter:blur(2px)}
.sld-page-hero>*{position:relative;z-index:1}

/* Detail / lock */
.sld-content-lock{border-color:rgba(var(--sld-cyan-rgb),.24)!important;border-radius:18px!important}
.sld-lock-overlay{background:linear-gradient(180deg,rgba(255,255,255,.92),#fff 70%)!important}
.sld-lock-overlay .sld-lock-icon{background:var(--sld-cyan-soft)!important;color:var(--sld-cyan-deep)!important}
.sld-lock-overlay .btn-primary{background:var(--sld-cyan)!important}

/* Footer */
footer{background:var(--sld-navy)!important;border-top:3px solid var(--sld-cyan)!important}
footer a{transition:color .18s ease,transform .18s ease}
footer a:hover{color:#8EF0DF!important}

/* Legacy accents mapped to brand */
.text-orange,.text-success{color:var(--sld-cyan)!important}
.bg-orange{background:var(--sld-cyan)!important}
.journal-badge,.journal-tag{border-color:rgba(var(--sld-cyan-rgb),.35)!important}

/* Responsive layout */
@media (max-width:1199.98px){
  .page-content{padding:22px!important}
  .card-body{padding:18px!important}
}
@media (max-width:991.98px){
  .page-content{padding:18px!important}
  .navbar-header{min-height:64px!important}
  .sld-page-hero{border-radius:18px!important}
  .row>[class*="col-"]{min-width:0}
  .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{margin-bottom:10px}
}
@media (max-width:767.98px){
  .page-content{padding:14px!important}
  .page-title-box{padding-bottom:12px!important}
  .page-title-box h4{font-size:1.15rem!important}
  .card{border-radius:13px!important}
  .card-header{padding:13px 15px!important}
  .card-body{padding:15px!important}
  .table-responsive>.table{min-width:620px}
  .btn{min-height:40px}
  .sld-page-hero{padding:20px!important;border-radius:16px!important}
  .sld-page-hero h1{font-size:1.45rem!important}
  .sld-page-hero p{font-size:.92rem}
  .sld-search-shell{display:flex!important;flex-direction:column!important;padding:8px!important}
  .sld-search-shell .btn{width:100%;margin-top:0}
  .form-control,.form-select{min-height:42px!important}
  .dropdown-menu{max-width:calc(100vw - 24px)}
}
@media (max-width:575.98px){
  .page-content{padding:10px!important}
  .container,.container-fluid{padding-left:10px!important;padding-right:10px!important}
  .card-body{padding:13px!important}
  .card-header{padding:12px 13px!important}
  .row{--bs-gutter-x:1rem}
  .table-responsive>.table{min-width:560px}
  .sld-page-hero{padding:17px!important}
  .sld-page-hero h1{font-size:1.25rem!important}
  .sld-lock-overlay{padding:22px 15px!important}
  .sld-lock-overlay h3{font-size:18px!important}
  .navbar-header{padding-inline:4px!important}
}

/* Avoid horizontal overflow from legacy fixed-width elements */
.page-content pre,.page-content code,.page-content .table-responsive{max-width:100%}
.page-content iframe{max-width:100%!important}

/* Reduced motion accessibility */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* =========================================================
   SLD Modern UI Layer v3
   Global navigation + sidebar + legacy component normalization
   Primary: #0AB39C
   ========================================================= */

/* ---- Global page chrome ---- */
:root{
  --sld-cyan:#0AB39C;
  --sld-cyan-rgb:10,179,156;
  --sld-cyan-dark:#078F7D;
  --sld-cyan-deep:#05685C;
  --sld-cyan-soft:#E8F9F5;
  --sld-cyan-softer:#F5FCFA;
  --sld-navy:#0F172A;
  --sld-navy-2:#162033;
  --sld-bg:#F3F7F9;
  --sld-border:#DCE6EA;
}

body{background:var(--sld-bg)!important}
.layout-page,.content-wrapper,.page-content,.main-content{background:var(--sld-bg)!important}

/* ---- Fix legacy beige/warning page headers ---- */
.bg-warning-subtle{
  background:linear-gradient(135deg,#FFFFFF 0%,var(--sld-cyan-softer) 100%)!important;
  border:1px solid var(--sld-border)!important;
  border-radius:18px!important;
  color:var(--sld-navy)!important;
}
.bg-warning-subtle .card-body{background:transparent!important}
.bg-warning-subtle h1,.bg-warning-subtle h2,.bg-warning-subtle h3,
.bg-warning-subtle h4,.bg-warning-subtle h5,.bg-warning-subtle h6{color:var(--sld-navy)!important}

/* ---- Top header: consistent everywhere ---- */
#page-topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--sld-border)!important;
  box-shadow:0 4px 20px rgba(15,23,42,.055)!important;
}
#page-topbar .navbar-header{
  min-height:70px!important;
  gap:8px;
}
.navbar-brand-box{display:flex!important;align-items:center!important;justify-content:center!important}
.navbar-brand-box img{max-width:145px!important;height:auto!important}
#topnav-hamburger-icon{
  color:var(--sld-navy)!important;
  border-radius:10px!important;
  background:#F7FAFB!important;
  border:1px solid var(--sld-border)!important;
}
#topnav-hamburger-icon:hover{background:var(--sld-cyan-soft)!important;color:var(--sld-cyan-deep)!important}

/* Header action buttons */
#page-topbar .header-item>.btn,
#page-topbar .header-item>button{
  border-radius:11px!important;
}
#page-topbar .btn-topbar{
  width:42px!important;height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#64748B!important;
  background:#F8FAFC!important;
  border:1px solid var(--sld-border)!important;
}
#page-topbar .btn-topbar:hover{background:var(--sld-cyan-soft)!important;color:var(--sld-cyan-deep)!important;border-color:rgba(var(--sld-cyan-rgb),.35)!important}
#page-topbar .btn-primary{
  min-height:42px!important;
  padding:9px 15px!important;
  border-radius:11px!important;
  box-shadow:0 7px 18px rgba(var(--sld-cyan-rgb),.18)!important;
}
#page-topbar .topbar-user .nav-link{padding:5px!important}
#page-topbar .header-profile-user{width:38px!important;height:38px!important;object-fit:cover}
#page-topbar .topbar-user>a,
#page-topbar .topbar-user .nav-link{color:var(--sld-cyan-deep)!important}
#page-topbar .text-green{color:var(--sld-cyan-deep)!important}

/* ---- Sidebar: polished dark mode ---- */
html[data-sidebar="dark"] .app-menu,
html[data-sidebar="dark"] .navbar-menu{
  background:linear-gradient(180deg,#0F172A 0%,#111C2F 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
}
html[data-sidebar="dark"] .navbar-menu .navbar-brand-box{
  background:rgba(255,255,255,.025)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link{
  color:#B9C7D6!important;
  margin:4px 10px!important;
  padding:10px 13px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  font-size:.94rem!important;
}
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link:hover{
  color:#fff!important;
  background:rgba(var(--sld-cyan-rgb),.10)!important;
  border-color:rgba(var(--sld-cyan-rgb),.14)!important;
  transform:translateX(2px);
}
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(var(--sld-cyan-rgb),.20),rgba(var(--sld-cyan-rgb),.07))!important;
  border-color:rgba(var(--sld-cyan-rgb),.20)!important;
  box-shadow:inset 3px 0 0 var(--sld-cyan)!important;
}
html[data-sidebar="dark"] .navbar-menu .menu-icon,
html[data-sidebar="dark"] .navbar-menu .nav-link i{color:#55D9C5!important}
html[data-sidebar="dark"] .navbar-menu .menu-title{color:#7F91A7!important}
html[data-sidebar="dark"] .navbar-menu .menu-dropdown .nav-link{color:#9FB0C2!important;background:transparent!important;border-color:transparent!important}
html[data-sidebar="dark"] .navbar-menu .menu-dropdown .nav-link:hover{color:#fff!important;background:rgba(var(--sld-cyan-rgb),.08)!important}

/* ---- Sidebar: matching light mode, available through data-sidebar="light" ---- */
html[data-sidebar="light"] .app-menu,
html[data-sidebar="light"] .navbar-menu{
  background:#FFFFFF!important;
  border-right:1px solid var(--sld-border)!important;
  box-shadow:5px 0 22px rgba(15,23,42,.045)!important;
}
html[data-sidebar="light"] .navbar-menu .navbar-brand-box{
  background:#fff!important;
  border-bottom:1px solid var(--sld-border)!important;
}
html[data-sidebar="light"] .navbar-menu .navbar-nav .nav-link{
  color:#526174!important;
  margin:4px 10px!important;
  padding:10px 13px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  font-size:.94rem!important;
}
html[data-sidebar="light"] .navbar-menu .navbar-nav .nav-link:hover{
  color:var(--sld-cyan-deep)!important;
  background:var(--sld-cyan-softer)!important;
  border-color:rgba(var(--sld-cyan-rgb),.15)!important;
}
html[data-sidebar="light"] .navbar-menu .navbar-nav .nav-link.active{
  color:var(--sld-cyan-deep)!important;
  background:var(--sld-cyan-soft)!important;
  border-color:rgba(var(--sld-cyan-rgb),.18)!important;
  box-shadow:inset 3px 0 0 var(--sld-cyan)!important;
}
html[data-sidebar="light"] .navbar-menu .menu-icon,
html[data-sidebar="light"] .navbar-menu .nav-link i{color:var(--sld-cyan-dark)!important}
html[data-sidebar="light"] .navbar-menu .menu-title{color:#8190A1!important}

/* ---- Horizontal quick navigation: fix broken/legacy green buttons ---- */
.custom-navbar{
  width:100%!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid var(--sld-border)!important;
  border-radius:16px!important;
  padding:8px!important;
  box-shadow:0 7px 22px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.nav-menu{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
}
.nav-menu li{
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  width:auto!important;
}
.nav-menu li a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  background:#F1F8F7!important;
  border:1px solid #D8ECE8!important;
  color:#164E46!important;
  font-size:14px!important;
  font-weight:650!important;
  text-decoration:none!important;
  transition:all .18s ease!important;
  white-space:nowrap!important;
}
.nav-menu li a:hover,
.nav-menu li:hover a{
  color:#fff!important;
  background:var(--sld-cyan)!important;
  border-color:var(--sld-cyan)!important;
  box-shadow:0 7px 16px rgba(var(--sld-cyan-rgb),.20)!important;
  transform:translateY(-1px)!important;
}

/* ---- Generic buttons: remove random legacy colors ---- */
.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-secondary{
  border-radius:10px!important;
  font-weight:600!important;
}
.btn-success{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important;color:#fff!important}
.btn-success:hover{background:var(--sld-cyan-dark)!important;border-color:var(--sld-cyan-dark)!important}
.btn-info{background:#0EA5A0!important;border-color:#0EA5A0!important;color:#fff!important}
.btn-warning{background:#E7A83B!important;border-color:#E7A83B!important;color:#fff!important}
.btn-secondary{background:#64748B!important;border-color:#64748B!important;color:#fff!important}

/* DataTables legacy colors */
div.dt-container .dt-paging .dt-paging-button,
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover{
  background:var(--sld-cyan-softer)!important;
  color:var(--sld-cyan-deep)!important;
  border:1px solid rgba(var(--sld-cyan-rgb),.22)!important;
  border-radius:9px!important;
}
div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button.current{
  background:var(--sld-cyan)!important;
  color:#fff!important;
  border-color:var(--sld-cyan)!important;
}

/* ---- Search/filter panels ---- */
.search-form,.search-panel,.filter-panel,.case-search-form{
  border:1px solid var(--sld-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(15,23,42,.055)!important;
}
/* Catch common old aqua blocks without changing their structure */
[class*="search"] .bg-info,
[class*="search"] .bg-info-subtle{
  background:linear-gradient(135deg,#F5FCFB,#E8F9F5)!important;
}

/* ---- Ticker ---- */
.ticker-wrapper-h{
  border:1px solid rgba(var(--sld-cyan-rgb),.25)!important;
  border-radius:0 0 12px 12px!important;
  background:#fff!important;
}
.ticker-wrapper-h .heading{
  background:var(--sld-cyan)!important;
  color:#fff!important;
}
.ticker-wrapper-h .heading:after{border-left-color:var(--sld-cyan)!important}
.news-ticker-h{background:#F5FCFA!important}
.news-ticker-h li a{color:#334155!important}

/* ---- Tables/cards/forms consistency ---- */
.card{background:#fff!important;border-color:var(--sld-border)!important}
.card-header{background:#fff!important}
.table thead th{background:#F0F9F7!important;color:#24433E!important}
.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:#FBFEFD!important}
.table-hover>tbody>tr:hover>*{background-color:#F0FAF8!important}
.form-control,.form-select{background:#fff!important}

/* ---- Header responsive cleanup ---- */
@media(max-width:991.98px){
  #page-topbar .navbar-header{padding-inline:10px!important}
  #page-topbar .header-item .fw-semibold{display:none!important}
  .custom-navbar{border-radius:13px!important}
  .nav-menu{justify-content:center!important}
}
@media(max-width:767.98px){
  #page-topbar .navbar-header{min-height:62px!important}
  #page-topbar .navbar-brand-box{width:auto!important}
  #page-topbar .navbar-brand-box img{max-width:120px!important}
  #page-topbar .header-item.ms-1{margin-left:4px!important}
  #page-topbar .btn-primary{padding:8px 11px!important;min-height:40px!important}
  .custom-navbar{padding:6px!important}
  .nav-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
  .nav-menu li,.nav-menu li a{width:100%!important}
  .nav-menu li a{min-height:40px!important;padding:9px 8px!important;font-size:13px!important}
}
@media(max-width:480px){
  #page-topbar .navbar-brand-box img{max-width:105px!important}
  #page-topbar .btn-primary span{display:none!important}
  #page-topbar .btn-primary{width:42px!important;padding:0!important;display:inline-flex!important;justify-content:center!important}
  .nav-menu{grid-template-columns:1fr 1fr!important}
  .nav-menu li a{font-size:12.5px!important}
}

/* ---- Prevent old fixed-width/inline layouts from breaking mobile ---- */
.row,.container,.container-fluid,.container-xxl,.container-xl,.container-lg{max-width:100%}
.container-p-y{min-width:0!important}
pre,code{max-width:100%;overflow:auto}


/* =========================================================
   SLD MODERN UI PATCH v4
   Fixes inconsistent legacy navigation, sidebar, buttons and
   responsive header/search layouts.
   Primary brand: #0AB39C
   ========================================================= */

:root{
  --sld-cyan:#0AB39C;
  --sld-cyan-rgb:10,179,156;
  --sld-cyan-dark:#078F7D;
  --sld-cyan-deep:#056B5D;
  --sld-cyan-soft:#E8F8F5;
  --sld-navy:#0F172A;
  --sld-sidebar:#101827;
  --sld-sidebar-hover:#172235;
  --sld-sidebar-text:#CBD5E1;
}

/* ---------- Global page surfaces ---------- */
body{background:#F5F8FA!important}
.content-wrapper,.layout-page,.page-content,.main-content{background:#F5F8FA!important}
.bg-warning-subtle{background:#F7FAFC!important}
.bg-light{background:#F8FAFC!important}

/* ---------- Sidebar: dark mode ---------- */
.app-menu,.navbar-menu{
  background:linear-gradient(180deg,#0F172A 0%,#111C2D 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
}
.navbar-menu .navbar-brand-box{
  background:rgba(15,23,42,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.navbar-menu .navbar-nav .nav-link{
  color:var(--sld-sidebar-text)!important;
  border-radius:10px!important;
  margin:3px 10px!important;
  padding:10px 13px!important;
  font-size:.94rem!important;
  line-height:1.35!important;
}
.navbar-menu .navbar-nav .nav-link:hover{
  background:var(--sld-sidebar-hover)!important;
  color:#fff!important;
  transform:none!important;
}
.navbar-menu .navbar-nav .nav-link.active{
  background:rgba(var(--sld-cyan-rgb),.14)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--sld-cyan)!important;
}
.navbar-menu .navbar-nav .nav-link .menu-icon,
.navbar-menu .navbar-nav .nav-link i{color:#67DCCB!important}
.navbar-menu .menu-title{color:#7F8EA3!important}
.navbar-menu .menu-dropdown{background:transparent!important}
.navbar-menu .menu-dropdown .nav-link{font-size:.88rem!important;color:#AAB7C8!important}
.navbar-menu .menu-dropdown .nav-link:hover{color:#fff!important;background:rgba(var(--sld-cyan-rgb),.10)!important}

/* ---------- Sidebar: light theme ---------- */
html[data-bs-theme="light"] .app-menu,
html[data-bs-theme="light"] .navbar-menu{
  background:#FFFFFF!important;
  border-right:1px solid #E2E8F0!important;
}
html[data-bs-theme="light"] .navbar-menu .navbar-brand-box{background:#fff!important;border-bottom:1px solid #E8EEF2!important}
html[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link{color:#475569!important}
html[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link:hover{background:#F0FAF8!important;color:#056B5D!important}
html[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link.active{background:#E8F8F5!important;color:#056B5D!important;box-shadow:inset 3px 0 0 var(--sld-cyan)!important}
html[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link .menu-icon,
html[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link i{color:var(--sld-cyan-dark)!important}
html[data-bs-theme="light"] .navbar-menu .menu-title{color:#94A3B8!important}

/* ---------- Top navigation / header ---------- */
#page-topbar{width:100%!important}
#page-topbar .layout-width{width:100%!important;max-width:100%!important}
#page-topbar .navbar-header{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:68px!important;
}
#page-topbar .navbar-header>.d-flex{align-items:center!important;min-width:0!important}
#page-topbar .navbar-header>.d-flex:last-child{margin-left:auto!important;flex-shrink:0!important}
#page-topbar .navbar-brand-box{flex:0 0 auto!important}
#page-topbar .header-item{flex-shrink:0!important}
#page-topbar .app-search{margin:0!important;min-width:0!important}
#page-topbar .app-search>div:empty{display:none!important}
#page-topbar .btn-primary{white-space:nowrap!important}
#page-topbar .header-item .btn{min-height:40px!important}

/* Tax calculator button */
#page-topbar .header-item .btn.btn-primary{
  border-radius:11px!important;
  padding:9px 14px!important;
  box-shadow:0 6px 16px rgba(var(--sld-cyan-rgb),.18)!important;
}

/* Generic legacy nav buttons */
.nav-menu{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  list-style:none!important;
}
.nav-menu li{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--sld-cyan-rgb),.18)!important;
}
.nav-menu li a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 16px!important;
  background:var(--sld-cyan)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.nav-menu li a:hover,
.nav-menu li:hover a{
  background:var(--sld-cyan-dark)!important;
  color:#fff!important;
}
.nav-menu li a:active{transform:translateY(1px)!important}

/* Page-specific navigation shell */
.custom-navbar{
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
}
.custom-navbar .nav-container{width:100%!important}
.custom-navbar .nav-menu{justify-content:flex-end!important}

/* Case-law search header */
.page-content .card .bg-warning-subtle{
  border-radius:0 0 18px 18px!important;
}
.page-content .card .bg-warning-subtle .card-body{padding-top:20px!important}
.page-content .card .bg-warning-subtle h4{
  margin:0!important;
  color:var(--sld-navy)!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
}

/* Search/filter panel */
.search-panel,.search-form,.filter-panel{border-radius:16px!important}
.page-content .card .table-responsive{border-radius:12px!important}

/* ---------- Modern buttons everywhere ---------- */
.btn{
  min-height:40px;
  border-radius:10px!important;
  font-weight:650!important;
}
.btn-primary,.btn-success,.btn-info{
  background:var(--sld-cyan)!important;
  border-color:var(--sld-cyan)!important;
  color:#fff!important;
}
.btn-primary:hover,.btn-success:hover,.btn-info:hover{
  background:var(--sld-cyan-dark)!important;
  border-color:var(--sld-cyan-dark)!important;
}
.btn-secondary{background:#334155!important;border-color:#334155!important;color:#fff!important}
.btn-outline-secondary{border-color:#CBD5E1!important;color:#475569!important;background:#fff!important}
.btn-outline-secondary:hover{background:#F1F5F9!important;border-color:#94A3B8!important;color:#0F172A!important}

/* ---------- Mobile / tablet header and nav ---------- */
@media (max-width:991.98px){
  #page-topbar .navbar-header{gap:8px!important;padding-inline:10px!important}
  #page-topbar .navbar-brand-box{display:none!important}
  #page-topbar .app-search{display:none!important}
  #page-topbar .header-item.ms-1{margin-left:4px!important}
  .custom-navbar .nav-menu{justify-content:flex-start!important}
}

@media (max-width:767.98px){
  #page-topbar .navbar-header{min-height:62px!important}
  #page-topbar .navbar-header>.d-flex:last-child{gap:2px!important}
  #page-topbar .header-item .btn.btn-primary{padding:8px 10px!important}
  #page-topbar .header-item .btn.btn-primary .d-none.d-sm-inline{display:none!important}
  #page-topbar .header-item .btn.btn-primary i{margin:0!important}
  .nav-menu{justify-content:flex-start!important;gap:6px!important}
  .nav-menu li{flex:1 1 calc(50% - 6px)!important;max-width:calc(50% - 3px)!important}
  .nav-menu li a{width:100%!important;padding:10px 9px!important;font-size:13px!important}
  .custom-navbar .nav-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .custom-navbar .nav-menu li{max-width:none!important;flex:auto!important}
}

@media (max-width:479.98px){
  #page-topbar .navbar-header{padding-inline:7px!important}
  #page-topbar .header-item .btn.btn-primary{min-width:42px!important}
  .nav-menu li a{font-size:12px!important;min-height:40px!important}
  .page-content .card .bg-warning-subtle .card-body{padding:15px!important}
}

/* Prevent legacy inline beige/green blocks from breaking the unified theme */
.nav-menu li[style],
.nav-menu li a[style]{background:var(--sld-cyan)!important;color:#fff!important}
[style*="background: #1c6547"],
[style*="background:#1c6547"],
[style*="background-color:#1c6547"]{background:var(--sld-cyan)!important}
[style*="color:white"], [style*="color: white"]{ }

/* Consistent search section spacing */
.container-xxl.flex-grow-1.container-p-y{max-width:100%!important}


/* =========================================================
   SLD MODERN UI PATCH v5
   Header/navigation alignment + responsive chrome repair
   ========================================================= */

/* The left logo already belongs to the fixed sidebar. Do not reserve a
   second desktop logo column inside the topbar. */
#page-topbar .horizontal-logo{display:none!important}

#page-topbar .navbar-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:68px!important;
  padding:0 18px!important;
  gap:14px!important;
}

#page-topbar .navbar-header > .d-flex:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}

#page-topbar .navbar-header > .d-flex:last-child{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
}

#page-topbar .topnav-hamburger{
  width:46px!important;
  height:46px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 46px!important;
  background:#F8FBFC!important;
  border:1px solid #DCE6EA!important;
  border-radius:12px!important;
  color:#334155!important;
  box-shadow:0 3px 10px rgba(15,23,42,.05)!important;
}

#page-topbar .topnav-hamburger:hover{
  background:var(--sld-cyan-soft)!important;
  border-color:rgba(var(--sld-cyan-rgb),.28)!important;
  color:var(--sld-cyan-deep)!important;
}

#page-topbar .hamburger-icon span{
  background:currentColor!important;
}

#page-topbar .header-item{
  margin-left:6px!important;
}

#page-topbar .header-item:first-child{margin-left:0!important}

#page-topbar .header-item .btn-primary{
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}

#page-topbar .topbar-user{
  min-width:0!important;
}

#page-topbar .topbar-user > span,
#page-topbar .topbar-user > ul{
  display:flex!important;
  align-items:center!important;
}

#page-topbar .topbar-user .text-green a{
  color:var(--sld-cyan-deep)!important;
  font-weight:600!important;
  text-decoration:none!important;
}

/* Keep the page below the fixed topbar and beside the fixed sidebar. */
.layout-page{
  min-height:100vh!important;
}

.content-wrapper{
  min-width:0!important;
}

/* Quick navigation must never become a second broken navbar. */
.custom-navbar{
  position:relative!important;
  z-index:2!important;
  margin:0 0 18px!important;
  min-height:58px!important;
}

.custom-navbar .nav-menu{
  width:100%!important;
}

/* Fix legacy top-level nav links which sometimes inherit old green blocks. */
.custom-navbar .nav-menu li a,
.nav-menu > li > a{
  background:#F4FAF9!important;
  color:#145B51!important;
  border:1px solid #D8ECE8!important;
  box-shadow:none!important;
}

.custom-navbar .nav-menu li a:hover,
.custom-navbar .nav-menu li a:focus,
.nav-menu > li > a:hover,
.nav-menu > li > a:focus{
  background:var(--sld-cyan)!important;
  color:#fff!important;
  border-color:var(--sld-cyan)!important;
}

/* Search forms: avoid legacy fixed widths pushing the navbar/content. */
.search-form,
.search-panel,
.filter-panel,
.case-search-form{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

.search-form .row,
.search-panel .row,
.filter-panel .row,
.case-search-form .row{
  max-width:100%!important;
}

/* Desktop header */
@media (min-width:992px){
  #page-topbar .navbar-header{padding-left:18px!important;padding-right:18px!important}
  #page-topbar .navbar-header > .d-flex:first-child{justify-content:flex-start!important}
  #page-topbar .app-search{display:none!important}
}

/* Tablet */
@media (max-width:991.98px){
  #page-topbar .navbar-header{
    min-height:64px!important;
    padding:0 12px!important;
    gap:8px!important;
  }
  #page-topbar .topnav-hamburger{width:44px!important;height:44px!important;flex-basis:44px!important}
  #page-topbar .header-item{margin-left:4px!important}
  #page-topbar .header-item .btn-primary{padding:8px 11px!important;min-height:40px!important}
  .custom-navbar{margin-bottom:14px!important}
}

/* Mobile */
@media (max-width:767.98px){
  #page-topbar .navbar-header{
    min-height:60px!important;
    padding:0 9px!important;
  }
  #page-topbar .topnav-hamburger{width:42px!important;height:42px!important;flex-basis:42px!important}
  #page-topbar .btn-primary{min-height:40px!important}
  #page-topbar .btn-primary span{display:none!important}
  #page-topbar .btn-primary{width:42px!important;padding:0!important}
  #page-topbar .header-item.d-none.d-sm-flex{display:none!important}
  #page-topbar .topbar-user .text-start{font-size:14px!important}
  .custom-navbar{padding:6px!important;border-radius:13px!important}
  .custom-navbar .nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:420px){
  #page-topbar .navbar-header{padding:0 6px!important}
  #page-topbar .topnav-hamburger{width:40px!important;height:40px!important;flex-basis:40px!important}
  #page-topbar .header-item{margin-left:2px!important}
  .custom-navbar .nav-menu{grid-template-columns:1fr 1fr!important}
  .custom-navbar .nav-menu li a{font-size:12px!important;padding:8px 6px!important}
}