/* FIX_CHECKO_UI_V2: ajuste visual suave Checko ERP premium, sin tocar lógica. */
:root{
    --checko-bg:#f6f8fb;
    --checko-surface:#ffffff;
    --checko-surface-soft:#fbfdff;
    --checko-border:#e3e9f2;
    --checko-text:#172033;
    --checko-muted:#6b778c;
    --checko-primary:#3b82f6;
    --checko-primary-soft:#edf5ff;
    --checko-navy:#18243a;
    --checko-navy-2:#22314d;
    --checko-shadow:0 10px 26px rgba(20, 35, 65, .055);
}

html,body{
    font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:400 !important;
    color:var(--checko-text) !important;
    background:var(--checko-bg) !important;
}

body,button,input,select,textarea,a,span,small,div,label,td,th{
    font-weight:400;
    letter-spacing:-.003em;
}

strong,b,h1,h2,h3,h4,h5,h6,
.panel-page-title,.panel-brand-title,.panel-nav-label,
.proy-card-title,.task-card-title,.kpi-value,.proy-kpi-value,.task-kpi strong{
    font-weight:600 !important;
}

.panel-sidebar{
    background:
        radial-gradient(circle at top right, rgba(96,165,250,.10), transparent 28%),
        linear-gradient(180deg, #172238 0%, #111a2d 100%) !important;
    box-shadow:10px 0 28px rgba(17, 24, 39, .10) !important;
}

.panel-brand{
    min-height:64px !important;
    padding:12px 14px !important;
    gap:11px !important;
}

.checko-brand-mark{
    width:40px;
    height:40px;
    border-radius:14px;
    flex-shrink:0;
    filter:drop-shadow(0 10px 20px rgba(59,130,246,.18));
}

.panel-brand-title{
    font-size:.98rem !important;
    line-height:1.05 !important;
}

.panel-brand-title span{
    font-weight:400 !important;
    opacity:.92;
}

.panel-brand-subtitle{
    font-size:.68rem !important;
    opacity:.78 !important;
}

.panel-nav{padding:10px 7px 12px !important;}
.panel-nav-section{margin-bottom:9px !important;}
.panel-nav-caption{
    font-size:.58rem !important;
    letter-spacing:.14em !important;
    font-weight:600 !important;
    padding:0 10px 6px !important;
}
.panel-nav-list{gap:4px !important;}
.panel-nav-link{
    min-height:35px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    color:rgba(255,255,255,.82) !important;
}
.panel-nav-link:hover{transform:translateX(1px) !important;background:rgba(255,255,255,.055) !important;}
.panel-nav-link.active{
    background:linear-gradient(135deg, rgba(96,165,250,.18), rgba(59,130,246,.10)) !important;
    border-color:rgba(147,197,253,.20) !important;
}
.panel-nav-icon{
    width:27px !important;
    height:27px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.065) !important;
}
.panel-nav-label{font-size:.82rem !important;}
.panel-nav-desc{font-size:.64rem !important;color:rgba(255,255,255,.55) !important;}

.panel-header{
    min-height:65px !important;
    background:rgba(255,255,255,.88) !important;
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--checko-border) !important;
}
.panel-page-title{font-size:1.12rem !important;color:#142033 !important;}
.panel-page-subtitle{font-size:.82rem !important;color:var(--checko-muted) !important;}

.panel-summary-strip,
.panel-user-button,
.panel-icon-button,
.top-create-summary,
.panel-global-filter-label,
.proy-card,.task-card,.erp-card,.panel-card{
    border-color:var(--checko-border) !important;
    box-shadow:var(--checko-shadow) !important;
}

.panel-summary-item strong,
.panel-summary-item span,
.panel-global-filter-text,
.top-create-summary span{
    font-weight:600 !important;
}

.panel-content{background:var(--checko-bg) !important;}

input,select,textarea,
.form-group input,.form-group select,
.task-field input,.task-field select{
    min-height:40px !important;
    border-color:#dce5f0 !important;
    border-radius:13px !important;
    font-size:.86rem !important;
    font-weight:400 !important;
    color:#172033 !important;
    background:#fff !important;
}

label,.form-group label,.task-field label{
    font-size:.7rem !important;
    font-weight:500 !important;
    color:#6b778c !important;
    letter-spacing:.025em !important;
}

.proy-hero,.task-hero-main{
    background:
        radial-gradient(circle at top right, rgba(147,197,253,.18), transparent 30%),
        linear-gradient(135deg,#22314d 0%,#334155 52%,#5b7fb7 100%) !important;
    box-shadow:0 12px 28px rgba(31,41,55,.10) !important;
}
.proy-hero-title,.task-hero-main h2{font-size:1.12rem !important;font-weight:600 !important;}
.proy-hero-subtitle,.task-hero-main p{font-size:.86rem !important;font-weight:400 !important;}
.proy-hero-chip,.task-hero-chip{font-weight:500 !important;background:rgba(255,255,255,.095) !important;}

.proy-kpi,.task-kpi{
    border-color:var(--checko-border) !important;
    box-shadow:0 6px 18px rgba(20,35,65,.045) !important;
}
.proy-kpi-label,.task-kpi span{
    font-size:.66rem !important;
    font-weight:500 !important;
    color:#68768b !important;
}
.proy-kpi-value,.task-kpi strong{font-size:1.12rem !important;font-weight:600 !important;}
.proy-kpi-meta,.task-kpi small{font-size:.76rem !important;color:#6b778c !important;}

.proy-btn,.task-btn,.proy-action-link,.task-action-link,
.proy-menu-link,.proy-menu-button,.task-menu-link,.task-menu-button{
    font-weight:500 !important;
    border-radius:13px !important;
}
.proy-btn:hover,.task-btn:hover,.proy-action-link:hover,.task-action-link:hover{
    transform:translateY(-1px) !important;
}
.proy-btn.primary,.task-btn.primary,.proy-action-link.primary,.task-action-link.primary,
.top-create-summary{
    background:linear-gradient(135deg,#2f63d9 0%,#5797f6 100%) !important;
}

.proy-row,.task-row{
    border-color:#e5ebf3 !important;
    box-shadow:none !important;
}
.proy-row:hover,.task-row:hover{box-shadow:0 10px 24px rgba(20,35,65,.055) !important;}
.proy-main strong,.task-main strong{font-size:.94rem !important;font-weight:600 !important;}
.proy-main small,.task-main small{font-size:.78rem !important;color:#6b778c !important;}
.proy-mini span,.task-mini span{font-size:.62rem !important;font-weight:500 !important;color:#6b778c !important;}
.proy-mini strong,.task-mini strong{font-size:.82rem !important;font-weight:500 !important;}
.proy-chip,.task-chip{font-weight:500 !important;font-size:.7rem !important;}

.erp-toast,.erp-confirm-modal{font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif !important;}

@media(max-width:992px){
    html,body{font-size:14px !important;}
    .panel-sidebar{box-shadow:18px 0 38px rgba(17,24,39,.18) !important;}
}