/* STRONGLMB360 V13.2.1 — UX Light Premium Comfort
   Visual-only corrective layer. Loaded after V13.2 to replace the heavy dark background with a clear, comfortable enterprise interface. */
:root{
  --v1321-bg:#f5f7fb;
  --v1321-bg-soft:#eef3f8;
  --v1321-surface:#ffffff;
  --v1321-surface-soft:#f9fbfd;
  --v1321-sidebar:#102132;
  --v1321-sidebar-2:#162b3f;
  --v1321-text:#142033;
  --v1321-muted:#66758a;
  --v1321-border:#dfe7f1;
  --v1321-border-strong:#cfd9e6;
  --v1321-accent:#b88a2a;
  --v1321-accent-soft:#f4e7c4;
  --v1321-blue:#244b73;
  --v1321-success:#1f7a57;
  --v1321-danger:#b53b42;
  --v1321-shadow:0 14px 38px rgba(20,32,51,.10);
  --v1321-shadow-soft:0 8px 22px rgba(20,32,51,.07);
  --v1321-radius:18px;
}
html{background:var(--v1321-bg) !important;}
body,
body.strong-v132-premium-ux,
body.strong-v1321-light-premium-comfort{
  background:
    radial-gradient(circle at 20% 0%, rgba(36,75,115,.08), transparent 32%),
    linear-gradient(180deg,#f8fafc 0%,var(--v1321-bg) 48%,#eef3f8 100%) !important;
  color:var(--v1321-text) !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::before{display:none !important;}
.app,.main,#app,.app-shell,.workspace{
  background:transparent !important;
  color:var(--v1321-text) !important;
}
.main,#content-area,.content-area,.page-content{
  background:transparent !important;
  color:var(--v1321-text) !important;
}
#content-area{padding:26px !important;}
/* Sidebar: still premium, but less aggressive and easier on the eye */
.sidebar{
  background:linear-gradient(180deg,var(--v1321-sidebar) 0%,var(--v1321-sidebar-2) 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:12px 0 34px rgba(16,33,50,.16) !important;
}
.brand{border-bottom:1px solid rgba(255,255,255,.10) !important;}
.brand-mark{
  background:linear-gradient(135deg,#f5df9e,var(--v1321-accent)) !important;
  color:#102132 !important;
  box-shadow:0 10px 24px rgba(184,138,42,.22) !important;
}
.brand-text h1,.sidebar h1,.sidebar h2,.sidebar h3{color:#ffffff !important;}
.brand-text small,.sidebar-footer,.sidebar small{color:rgba(255,255,255,.68) !important;}
.nav-section-title{color:#f5df9e !important; opacity:.92 !important;}
.nav button,.nav a,.nav .nav-item{
  color:rgba(255,255,255,.84) !important;
  background:transparent !important;
  border:1px solid transparent !important;
}
.nav button:hover,.nav a:hover,.nav .nav-item:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.12) !important;
  transform:translateX(2px);
}
.nav button.active,.nav a.active,.nav .active{
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(245,223,158,.28) !important;
  box-shadow:none !important;
  color:#ffffff !important;
}
/* Topbar: light and readable */
.topbar,.header,.app-header{
  background:rgba(255,255,255,.86) !important;
  color:var(--v1321-text) !important;
  border-bottom:1px solid var(--v1321-border) !important;
  box-shadow:0 8px 22px rgba(20,32,51,.06) !important;
  backdrop-filter:blur(14px);
}
.breadcrumb,.muted,.text-muted,.description,.subtitle{color:var(--v1321-muted) !important;}
#page-title,.page-title,h1,h2,h3,h4{
  color:var(--v1321-text) !important;
}
/* Cards and panels: white surfaces, clear hierarchy */
.card,.panel,.module-card,.metric-card,.kpi-card,.dashboard-card,.strong-card,.report-card,
[class*="card"],[class*="panel"],.widget,.section,.module-section{
  background:var(--v1321-surface) !important;
  color:var(--v1321-text) !important;
  border:1px solid var(--v1321-border) !important;
  border-radius:var(--v1321-radius) !important;
  box-shadow:var(--v1321-shadow-soft) !important;
}
.card:hover,.panel:hover,.module-card:hover,.dashboard-card:hover{
  box-shadow:var(--v1321-shadow) !important;
}
.metric-card,.kpi-card,[class*="kpi"],[class*="metric"]{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  overflow:hidden;
}
.metric-card::after,.kpi-card::after{
  height:3px !important;
  background:linear-gradient(90deg,var(--v1321-accent),rgba(184,138,42,.10)) !important;
  opacity:.72 !important;
}
.value,.metric-value,.kpi-value,[class*="value"]{color:#111827 !important;}
.pill,.badge,.status-pill,.tag{
  background:#eef4fb !important;
  color:var(--v1321-blue) !important;
  border:1px solid var(--v1321-border) !important;
  border-radius:999px !important;
}
/* Buttons: gold only as action accent */
button,.btn,.button,input[type="button"],input[type="submit"]{
  border-radius:12px !important;
  border:1px solid var(--v1321-border-strong) !important;
  background:#ffffff !important;
  color:var(--v1321-text) !important;
  box-shadow:0 5px 14px rgba(20,32,51,.06) !important;
}
button.primary,.btn-primary,.button-primary,.login-button,[data-action="primary"],.primary{
  background:linear-gradient(135deg,#d7b45b,var(--v1321-accent)) !important;
  color:#111827 !important;
  border-color:rgba(184,138,42,.45) !important;
  font-weight:760 !important;
}
button:hover,.btn:hover,.button:hover{
  filter:none !important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(20,32,51,.10) !important;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(184,138,42,.28) !important;
  outline-offset:2px;
}
/* Forms and tables */
input,select,textarea{
  background:#ffffff !important;
  color:var(--v1321-text) !important;
  border:1px solid var(--v1321-border-strong) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
input::placeholder,textarea::placeholder{color:#9aa7b7 !important;}
label{color:#344054 !important;}
table{
  background:#ffffff !important;
  color:var(--v1321-text) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
th{
  background:#f0f5fb !important;
  color:#26384f !important;
  border-color:var(--v1321-border) !important;
}
td,th{border-color:var(--v1321-border) !important;}
tr:nth-child(even) td{background:#fbfdff !important;}
/* Modals and technical panels: no floating clutter, but readable when opened */
.modal,.strong-help-panel,.dialog,.popover{
  background:#ffffff !important;
  color:var(--v1321-text) !important;
  border:1px solid var(--v1321-border) !important;
  border-radius:22px !important;
  box-shadow:0 28px 80px rgba(20,32,51,.22) !important;
}
.toast-stack > *,.toast,.alert,.notification{
  background:#ffffff !important;
  color:var(--v1321-text) !important;
  border:1px solid var(--v1321-border) !important;
  box-shadow:0 14px 34px rgba(20,32,51,.16) !important;
}
/* Login: clean institutional premium */
.intro-v10,.login-screen,#login-screen,.intro-shell{
  background:
    radial-gradient(circle at 18% 5%, rgba(184,138,42,.10), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(36,75,115,.10), transparent 34%),
    linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%) !important;
  color:var(--v1321-text) !important;
}
.intro-login-card,.intro-brand-panel,.login-card{
  background:rgba(255,255,255,.92) !important;
  color:var(--v1321-text) !important;
  border:1px solid var(--v1321-border) !important;
  box-shadow:0 24px 60px rgba(20,32,51,.14) !important;
}
.intro-description,.login-help,.login-help-note,.login-footer{color:var(--v1321-muted) !important;}
/* Keep old visual garbage hidden */
[class*="watermark"],[id*="watermark"],.v126-demo-watermark,.v101-watermark,.floating-debug,.debug-floating,.legacy-banner,
[class*="floating"][class*="certification"],[class*="floating"][class*="commercial"]{display:none !important;}
[data-v132-premium-hidden="true"],[data-v1321-ux-hidden="true"]{display:none !important;}
@media (max-width:1100px){
  .app{display:block !important;}
  .sidebar{position:relative !important; width:100% !important; min-height:auto !important;}
  .main{width:100% !important;}
  #content-area{padding:18px !important;}
}
@media (max-width:720px){
  #content-area{padding:14px !important;}
  .topbar{align-items:flex-start !important; gap:12px; flex-direction:column !important;}
  .topbar-actions{width:100%; flex-wrap:wrap;}
  .card,.panel,.module-card,.metric-card,.kpi-card,[class*="card"],[class*="panel"]{border-radius:16px !important;}
}
@media print{
  body,.main,#content-area{background:#ffffff !important;color:#111827 !important;}
  .sidebar,.topbar-actions,.strong-help-launcher,.toast-stack{display:none !important;}
}