/* =========================================================
   PAINEL LF V9 — PNG SIGNATURE BRAND & PREMIUM READABILITY
   Loaded after style.css so every legacy screen inherits V9 safely.
   ========================================================= */
:root{
  --sidebar:306px;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --heading:'Sora','Plus Jakarta Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;
  --brand:#147af3;
  --brand-2:#56b9ff;
  --brand-3:#8ad8ff;
  --navy:#031126;
  --text:#132238;
  --muted:#65758a;
  --border:#dee8f3;
  --shadow-sm:0 4px 14px rgba(15,45,83,.045),0 1px 3px rgba(15,45,83,.035);
  --shadow:0 18px 48px rgba(19,55,99,.085),0 4px 12px rgba(19,55,99,.04);
}
html{font-size:16px}
body{font:500 15px/1.62 var(--font);letter-spacing:-.008em;color:var(--text)}
body.lf-app{background:
  radial-gradient(circle at 78% 0%,rgba(72,151,255,.16),transparent 25%),
  radial-gradient(circle at 100% 70%,rgba(73,178,255,.09),transparent 24%),
  linear-gradient(180deg,#f8fbff 0%,#f3f7fc 58%,#f7faff 100%)}
body.lf-app:before{left:var(--sidebar);top:78px;height:230px;opacity:.88;background:
  radial-gradient(ellipse at 75% 10%,rgba(55,139,255,.15),transparent 28%),
  linear-gradient(164deg,transparent 47.5%,rgba(110,174,255,.10) 48%,transparent 48.7%),
  linear-gradient(174deg,transparent 55%,rgba(255,255,255,.90) 55.5%,transparent 59%)}

/* ---------- V9 PNG SIGNATURE BRAND / SIDEBAR ---------- */
.sidebar{background:
  radial-gradient(circle at 4% 94%,rgba(13,112,255,.30),transparent 29%),
  radial-gradient(circle at 102% 10%,rgba(44,146,255,.16),transparent 30%),
  linear-gradient(180deg,#020d1e 0%,#04162f 48%,#020b19 100%);
  border-right:1px solid rgba(116,183,255,.10);box-shadow:20px 0 58px rgba(4,28,63,.11)}
.sidebar:after{content:"";position:absolute;left:-80px;right:-80px;top:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(72,175,255,.27),transparent);pointer-events:none}
.sidebar-brand{height:138px;padding:16px 14px 15px;align-items:center}
.brand-lockup{position:relative;width:100%;min-height:100px;gap:10px;padding:12px 13px;border:1px solid rgba(112,185,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.058),rgba(255,255,255,.014));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 34px rgba(0,41,94,.14);overflow:hidden;isolation:isolate}
.brand-lockup:before{content:"";position:absolute;width:130px;height:130px;left:-38px;top:-44px;border-radius:50%;background:radial-gradient(circle,rgba(39,163,255,.22),transparent 67%);pointer-events:none;z-index:-1}
.brand-lockup:after{content:"";position:absolute;inset:auto 18px 0 82px;height:1px;background:linear-gradient(90deg,rgba(56,181,255,.38),transparent);pointer-events:none}
.brand-mark{position:relative;width:72px;height:76px;display:grid;place-items:center;flex:0 0 72px}
.brand-mark:after{content:"";position:absolute;inset:12px 7px 10px;border-radius:22px;background:radial-gradient(circle,rgba(34,166,255,.22),transparent 68%);filter:blur(8px);z-index:-1}
.brand-mark .lf-logo-img{width:68px!important;height:72px!important;filter:drop-shadow(0 10px 21px rgba(5,125,240,.30))}
.brand-copy{gap:0;line-height:1;position:relative;z-index:1;min-width:0;padding-top:1px}
.brand-copy strong{font:700 23px/1.06 var(--heading);font-style:italic;letter-spacing:-.055em;color:#f8fbff;text-transform:none;white-space:nowrap}
.brand-copy strong .brand-group{color:#f8fbff;font-weight:650}
.brand-copy strong .brand-lf{color:#36b8ff;font-weight:800;text-shadow:0 0 20px rgba(44,175,255,.18)}
.brand-copy small{margin-top:9px;padding:0 0 0 2px;font:700 9.6px/1 var(--font);letter-spacing:.28em;color:#8ebde8;text-transform:uppercase;white-space:nowrap}
.sidebar-nav{padding:6px 16px 17px}
.nav-link{gap:14px;min-height:51px;padding:0 15px;margin:3px 0;border-radius:12px;font-size:13.8px;font-weight:600;letter-spacing:-.01em;color:#dbe7f6}
.nav-link .icon{width:19px;height:19px;color:#aebed2;stroke-width:1.9}
.nav-link.active{background:linear-gradient(90deg,rgba(14,91,208,.84),rgba(8,55,120,.46));box-shadow:inset 0 0 0 1px rgba(69,157,255,.24),0 10px 28px rgba(0,77,196,.18)}
.nav-link.active:before{top:9px;bottom:9px;width:3px}
.nav-count{min-width:23px;height:23px;padding:0 6px;font-size:10px}
.sidebar-footer{padding:14px 16px 18px}
.security-card{padding:14px 15px;border-radius:14px;gap:12px}
.security-card-icon{width:38px;height:38px;border-radius:11px}
.security-card strong{font-size:11.5px!important;font-weight:700!important}.security-card small{font-size:10.5px!important;line-height:1.35}
.logout-link{font-size:11.5px;padding:9px 12px}

/* ---------- TOPBAR ---------- */
.main-area{margin-left:var(--sidebar)}
.topbar{height:88px;padding:0 36px;background:rgba(255,255,255,.84);border-bottom-color:rgba(207,220,235,.78);box-shadow:0 5px 18px rgba(24,58,98,.025)}
.topbar-search-wrap{max-width:650px}.search-trigger{width:min(100%,620px);height:48px;padding:0 14px 0 16px;border-radius:13px;color:#64748a;background:rgba(255,255,255,.92);box-shadow:0 3px 12px rgba(28,66,110,.035)}
.search-trigger span{font-size:13px;font-weight:500}.search-trigger .icon{width:19px;height:19px}.search-trigger kbd,kbd,.keycap{font-size:10.5px;padding:4px 7px}
.topbar-icon-btn{width:44px;height:44px;border-radius:12px}.notif-badge{min-width:19px;height:19px;font-size:9px}
.user-menu{gap:11px;padding-left:18px}.topbar-avatar{width:42px;height:42px;font-size:11px}.user-menu-copy strong{font-size:13px;font-weight:700;max-width:180px}.user-menu-copy small{font-size:10.5px;margin-top:2px;max-width:180px}.avatar{font-size:11px}

/* ---------- GLOBAL READABILITY ---------- */
.content-body{max-width:1640px;padding:32px 36px 38px}.app-footer{padding:15px 36px 23px;font-size:11px}
.hero-kicker{font-size:10.5px}.hero-title{font-size:clamp(28px,2.5vw,36px)}.hero-description{font-size:14px;line-height:1.65}.meta-chip{font-size:11px;padding:7px 10px}
.btn{min-height:42px;padding:0 16px;border-radius:10px;font-size:12.5px;font-weight:700}.btn-sm{min-height:34px;padding:0 11px;font-size:11.5px}
.input,.field input,.field select,.field textarea{min-height:46px;padding:10px 12px;border-radius:10px;font-size:13.5px}.field label{font-size:11.5px}.field-help{font-size:10.5px}.field textarea{min-height:105px}.alert{font-size:12.5px;padding:12px 14px}
.metric-card{min-height:132px;padding:19px}.metric-label{font-size:12.5px}.metric-value{font-size:clamp(24px,2vw,29px)}.metric-sub{font-size:11px}
.panel{border-radius:17px}.panel-head{min-height:60px;padding:15px 17px}.panel-title{font-size:13px}.panel-title-wrap small{font-size:10.5px}.panel-note{font-size:11px}.panel-body{padding:17px}
.table th{padding:12px 13px;font-size:10.5px;letter-spacing:.01em}.table td{padding:13px;font-size:11.5px;line-height:1.45}.table small{font-size:10.5px}.dash-table th{font-size:10px}.dash-table td{font-size:11px}.dash-table .status-badge{font-size:9.5px}.status-badge{padding:5px 8px;font-size:9.5px;font-weight:700}.detail-label{font-size:9.5px}.detail-value,.detail-box strong{font-size:12.5px}.pix-code{font-size:10.5px}.hash,.signature{font-size:9.5px}.empty-state h3{font-size:15px}.empty-state p,.empty-mini{font-size:11.5px}.quick-action strong{font-size:11.5px}.quick-action small{font-size:10px}
.notif-panel{width:390px}.notif-panel-head span{font-size:12.5px!important}.notif-panel-head small,.notif-panel-head a{font-size:10.5px!important}.notif-item strong{font-size:11.5px}.notif-item p{font-size:10.5px;line-height:1.45}.notif-item time{font-size:9.5px}.notif-icon{width:33px;height:33px}
.command-box{width:min(640px,100%);border-radius:18px}.command-input-wrap{height:62px}.command-input-wrap input{font-size:13.5px}.command-result{padding:11px 12px;font-size:12px}.command-result small{font-size:10px}.command-hint{font-size:10px}.toast{font-size:11.5px;padding:11px 13px}

/* ---------- COMMAND CENTER SCALE ---------- */
.v6-command-center{gap:20px}.v6-hero{border-radius:27px;padding:31px 32px 0}.v6-hero:after{font-size:160px;opacity:.85}.v6-eyebrow,.v6-section-kicker{font-size:10.5px;letter-spacing:.14em}.v6-hero h1{font-family:var(--heading);font-size:34px;line-height:1.15}.v6-hero p{font-size:14px;line-height:1.65}.v6-live-time small{font-size:9.5px}.v6-live-time strong{font-size:19px}.v6-live-time span{font-size:10.5px}.v6-status-strip{padding:13px 32px;margin:25px -32px 0;gap:26px;font-size:11.5px}
.v6-kpi-grid,.v6-executive-grid{gap:15px}.v6-kpi{padding:19px;border-radius:19px;gap:14px;min-height:102px}.v6-kpi-icon{flex-basis:46px;height:46px;border-radius:14px}.v6-kpi span{font-size:12px}.v6-kpi strong{font-family:var(--heading);font-size:24px}.v6-kpi small{font-size:10.5px;line-height:1.35}.v6-kpi>a{width:31px;height:31px}
.v6-panel{border-radius:21px}.v6-panel-head{padding:19px 20px 15px}.v6-panel-head h2{font-family:var(--heading);font-size:16px}.v6-panel-head>a{font-size:11.5px}.v6-count-pill,.v6-ai-badge{font-size:10.5px;padding:6px 10px}
.v6-pulse-copy h3{font-family:var(--heading);font-size:17.5px}.v6-pulse-copy>p{font-size:12.5px}.v6-health-bars>div{grid-template-columns:105px 38px 1fr;font-size:10.5px}.v6-pulse-ring strong{font-family:var(--heading);font-size:40px}.v6-pulse-ring small{font-size:11px}
.v6-attention-item{padding:11px}.v6-attention-item strong{font-size:12px}.v6-attention-item p{font-size:10.5px}.v6-attention-icon{width:36px;height:36px}
.v6-chart-legend{font-size:10.5px}.v6-bar-col>span{font-size:9.5px}.v6-finance-summary small{font-size:10px}.v6-finance-summary strong{font-size:12.5px}
.v6-project-main strong,.v6-invoice-row strong,.v6-meeting strong{font-size:11.8px}.v6-project-main small,.v6-invoice-row small,.v6-meeting small{font-size:10.2px}.v6-project-row>b,.v6-invoice-row>b{font-size:10.5px}.v6-project-row,.v6-invoice-row,.v6-meeting{padding:11px}
.v6-intelligence-lead p{font-size:11.5px!important;line-height:1.55}.v6-insight span{font-size:9.8px!important}.v6-insight strong{font-size:11.5px!important}.v6-insight p{font-size:10px!important;line-height:1.5!important}.v6-live-label{font-size:10px!important}.v6-timeline-item strong{font-size:11.5px!important}.v6-timeline-item small{font-size:10px!important}
.v6-exec-stat span{font-size:10.5px!important}.v6-exec-stat strong{font-family:var(--heading)!important;font-size:21px!important}.v6-exec-stat small{font-size:10px!important}

/* ---------- CUSTOMER 360 / INTELLIGENCE ---------- */
.v6-client-hero h1{font-family:var(--heading);font-size:30px}.v6-client-hero p{font-size:12px}.v6-back{font-size:11px}.v6-client-health span{font-size:10px}.v6-client-health strong{font-family:var(--heading);font-size:42px}.v6-client-health small{font-size:10.5px}.v6-c360-event strong{font-size:11.8px}.v6-c360-event p{font-size:10.5px;line-height:1.5}.v6-c360-event small{font-size:9.8px}.v6-mini-stats span{font-size:10px}.v6-mini-stats strong{font-size:19px}
.v6-pulse-mini strong{font-family:var(--heading);font-size:29px}.v6-pulse-mini span{font-size:9.5px}.v6-decision-card>span{font-size:9.8px}.v6-decision-card h3{font-family:var(--heading);font-size:15.5px}.v6-decision-card p{font-size:11.5px}.v6-decision-card b{font-size:10.5px}

/* ---------- KANBAN / PIPELINE ---------- */
.v6-kanban-toolbar strong{font-size:13px}.v6-kanban-toolbar span{font-size:10.5px}.v6-kanban-toolbar .input{min-height:38px;font-size:12px}.v6-kanban{grid-template-columns:repeat(5,minmax(238px,1fr));gap:12px}.v6-kanban-column{border-radius:17px}.v6-kanban-head{padding:13px}.v6-kanban-head strong{font-size:11.5px}.v6-kanban-head b{font-size:10px}.v6-kanban-card{padding:12px;border-radius:14px}.v6-kanban-card .mono{font-size:9.5px}.v6-priority{font-size:8.5px}.v6-kanban-card h3{font-size:12px}.v6-kanban-card>p{font-size:10px;line-height:1.45}.v6-kanban-meta{font-size:9.5px}.v6-kanban-card summary{font-size:10px}.v6-inline-edit label{font-size:9.5px}.v6-inline-edit input,.v6-inline-edit select{min-height:32px;font-size:10.5px}.v6-kanban-drop-hint{font-size:10.5px}
.v6-pipeline{grid-template-columns:repeat(6,minmax(220px,1fr));gap:12px}.v6-pipeline-head strong{font-size:11.5px}.v6-pipeline-head small{font-size:9.5px}.v6-pipeline-head>b{font-size:10px}.v6-deal-top{font-size:9.5px}.v6-deal-card h3{font-size:11.8px}.v6-deal-card p{font-size:10px}.v6-deal-value{font-family:var(--heading);font-size:15px}.v6-deal-card>small{font-size:9.5px}.v6-deal-move select{font-size:10px;padding:6px}

/* ---------- FINANCIAL ---------- */
.v6-finance-kpis span{font-size:10.5px}.v6-finance-kpis strong{font-family:var(--heading);font-size:20px}.v6-finance-kpis small{font-size:9.8px}.v6-aging span{font-size:10.5px}.v6-aging strong{font-size:11px}.v6-forecast-line>span{font-size:10px}.v6-forecast-line b{font-size:9.5px}.v6-forecast-line strong{font-size:11px}.v6-risk-ring strong{font-family:var(--heading);font-size:24px}.v6-risk-ring span{font-size:9px}.v6-risk-copy p{font-size:12px}.v6-risk-copy small{font-size:9.8px}

/* ---------- LOGIN ---------- */
.login-showcase{padding:42px clamp(40px,6vw,90px)}.login-showcase .brand-lockup{width:max-content;min-width:318px;max-width:390px;background:rgba(255,255,255,.038);padding-right:22px}.login-showcase .brand-mark{width:76px;height:80px;flex-basis:76px}.login-showcase .brand-mark .lf-logo-img{width:72px!important;height:76px!important}.login-showcase .brand-copy strong{font-size:25px}.login-showcase .brand-copy small{font-size:10px}.login-main-copy p{font-size:15px}.login-feature strong{font-size:11.5px}.login-feature span{font-size:10px;line-height:1.45}.login-panel{width:min(460px,100%);padding:38px;border-radius:22px}.login-label{font-size:9.5px;padding:6px 9px}.login-panel h2{font-family:var(--heading);font-size:27px}.login-panel>p{font-size:12.5px;line-height:1.55}.login-form{gap:14px}.login-submit{min-height:48px}.login-foot{font-size:10px}.mobile-brand .brand-lockup{background:#06162f;max-width:330px;margin-inline:auto}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1280px){:root{--sidebar:292px}.content-body,.topbar{padding-left:28px;padding-right:28px}.sidebar-brand{padding-left:12px;padding-right:12px}.brand-copy strong{font-size:20px}.brand-mark{width:64px;height:70px;flex-basis:64px}.brand-mark .lf-logo-img{width:62px!important;height:66px!important}}
@media(max-width:1020px){.user-menu-copy{display:none}.topbar-search-wrap{max-width:none}}
@media(max-width:820px){:root{--sidebar:300px}.sidebar-brand{height:126px}.main-area{margin-left:0}.topbar{height:72px;padding:0 16px}.content-body{padding:23px 16px 30px}.search-trigger{height:42px}.search-trigger span{font-size:11.5px}.brand-lockup{min-height:90px;padding:9px 10px}.brand-mark{width:62px;height:66px;flex-basis:62px}.brand-mark .lf-logo-img{width:60px!important;height:64px!important}.brand-copy strong{font-size:19px}.brand-copy small{font-size:8.7px;letter-spacing:.22em}.mobile-brand .brand-lockup{width:100%;max-width:300px}}
@media(max-width:600px){body{font-size:14px}.hero-title{font-size:26px}.v6-hero h1{font-size:27px}.v6-hero p{font-size:13px}.v6-status-strip{font-size:10.5px}.table th{font-size:10px}.table td{font-size:11px}.btn{font-size:12px}.login-panel{padding:28px 22px}.login-panel h2{font-size:24px}}


/* =========================================================
   V9 — OFFICIAL PNG BRAND
   Uses the exact PNG supplied for Grupo LF. No SVG logo.
   ========================================================= */
.brand-lockup-png{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:98px;
  padding:10px 16px;
  overflow:hidden;
  border:1px solid rgba(126,181,235,.42);
  border-radius:20px;
  background:
    radial-gradient(circle at 22% 18%,rgba(74,180,255,.16),transparent 34%),
    linear-gradient(145deg,rgba(249,252,255,.985),rgba(226,239,253,.965));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 14px 30px rgba(0,54,116,.16);
}
.brand-lockup-png:before{
  width:160px;
  height:160px;
  left:-55px;
  top:-75px;
  background:radial-gradient(circle,rgba(38,153,255,.18),transparent 66%);
}
.brand-lockup-png:after{
  inset:auto 20px 7px 20px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(36,137,244,.18),transparent);
}
.brand-logo-png{
  position:relative;
  z-index:2;
  display:block;
  width:min(100%,250px);
  height:auto;
  max-height:78px;
  object-fit:contain;
  filter:drop-shadow(0 7px 12px rgba(10,70,137,.12));
}
.sidebar-brand{height:134px;padding:15px 14px 14px}
.sidebar-brand .brand-lockup-png{min-height:104px}

.lf-logo-mark-png{
  display:block;
  aspect-ratio:1;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(13,117,231,.24));
}

.login-showcase .brand-lockup-png{
  width:min(100%,390px);
  min-width:0;
  min-height:112px;
  padding:13px 20px;
  background:
    radial-gradient(circle at 20% 20%,rgba(61,176,255,.16),transparent 34%),
    linear-gradient(145deg,rgba(250,253,255,.99),rgba(224,239,255,.97));
}
.login-showcase .brand-logo-png{
  width:min(100%,315px);
  max-height:92px;
}
.mobile-brand .brand-lockup-png{
  width:100%;
  max-width:340px;
  min-height:94px;
  margin-inline:auto;
  padding:10px 16px;
}
.mobile-brand .brand-logo-png{
  width:min(100%,270px);
  max-height:76px;
}

.v6-intelligence-mark .lf-logo-mark-png{
  width:34px!important;
  height:34px!important;
}

@media(max-width:1280px){
  .brand-logo-png{width:min(100%,232px);max-height:72px}
  .sidebar-brand .brand-lockup-png{min-height:98px}
}
@media(max-width:820px){
  .sidebar-brand{height:122px;padding:13px 12px}
  .sidebar-brand .brand-lockup-png{min-height:92px;border-radius:18px}
  .brand-logo-png{width:min(100%,226px);max-height:69px}
  .mobile-brand .brand-logo-png{width:min(100%,260px);max-height:74px}
}