/* NEST IN - PREMIUM CORPORATE DASHBOARD THEME V2 */

#dashboardView.dcc-dashboard{
  --dcc-navy:#17233c;
  --dcc-blue:#3156d3;
  --dcc-blue-dark:#2444b0;
  --dcc-gold:#c89b52;
  --dcc-bg:#f7f8fc;
  --dcc-card:#ffffff;
  --dcc-text:#17233c;
  --dcc-muted:#687386;
  --dcc-border:#e4e8f0;
  --dcc-soft:#eef2ff;

  background:var(--dcc-bg)!important;
  color:var(--dcc-text)!important;
}

/* HERO */
#dashboardView.dcc-dashboard .ops-home-hero{
  background:
    linear-gradient(
      125deg,
      #17233c 0%,
      #22345c 55%,
      #3156d3 100%
    )!important;

  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 16px 38px rgba(25,39,72,.18)!important;
}

#dashboardView.dcc-dashboard .ops-home-kicker{
  color:#d9c08a!important;
}

#dashboardView.dcc-dashboard .ops-home-copy h1{
  color:#fff!important;
}

#dashboardView.dcc-dashboard .ops-home-copy p{
  color:#dce3f3!important;
}

#dashboardView.dcc-dashboard .ops-home-tools label{
  color:#cbd4ea!important;
}

#dashboardView.dcc-dashboard .ops-home-tools select{
  background:#fff!important;
  color:#17233c!important;
  border:1px solid #dce2ef!important;
}

/* COMMAND CENTER */
#dashboardView .dcc-command-copy strong{
  color:#17233c!important;
}

#dashboardView .dcc-command-copy span{
  color:#718096!important;
}

#dashboardView .dcc-status{
  background:#fff!important;
  border-color:#e2e7f0!important;
  color:#536174!important;
}

#dashboardView .dcc-status::before{
  background:#31a36f!important;
}

/* QUICK ACTIONS */
#dashboardView.dcc-dashboard .dcc-quick-actions > *{
  background:#fff!important;
  border:1px solid #e2e6ef!important;
  color:#17233c!important;
  box-shadow:0 5px 16px rgba(28,40,72,.055)!important;
}

#dashboardView.dcc-dashboard .dcc-quick-actions > *:hover{
  border-color:#bac7ed!important;
  background:#f8faff!important;
  box-shadow:0 10px 24px rgba(49,86,211,.11)!important;
}

/* QUICK RENT PAY - primary business action */
#dashboardView.dcc-dashboard .dcc-rent-action{
  background:
    linear-gradient(145deg,#3156d3,#2444b0)!important;
  border-color:#3156d3!important;
  box-shadow:0 9px 22px rgba(49,86,211,.20)!important;
}

#dashboardView.dcc-dashboard .dcc-rent-action *{
  color:#fff!important;
}

#dashboardView.dcc-dashboard .dcc-rent-action:hover{
  background:
    linear-gradient(145deg,#365ee1,#2444b0)!important;
  transform:translateY(-2px);
}

/* KPI / STAT CARDS */
#dashboardView.dcc-dashboard .ops-stat-card,
#dashboardView.dcc-dashboard [class*="metric-card"]{
  background:#fff!important;
  border:1px solid #e3e7ef!important;
  color:#17233c!important;
  box-shadow:0 5px 18px rgba(29,40,68,.055)!important;
}

#dashboardView.dcc-dashboard .ops-stat-card strong,
#dashboardView.dcc-dashboard [class*="metric-card"] strong{
  color:#17233c!important;
}

/* MAIN DASHBOARD PANELS */
#dashboardView.dcc-dashboard .ops-card{
  background:#fff!important;
  border:1px solid #e3e7ef!important;
  box-shadow:0 6px 20px rgba(29,40,68,.055)!important;
}

#dashboardView.dcc-dashboard .ops-card-head{
  border-bottom:1px solid #edf0f5!important;
}

#dashboardView.dcc-dashboard .ops-card-head h2{
  color:#17233c!important;
}

#dashboardView.dcc-dashboard .ops-section-kicker{
  color:#3156d3!important;
}

/* BUTTONS INSIDE DASHBOARD */
#dashboardView.dcc-dashboard button:not(.dcc-rent-action){
  border-radius:10px!important;
}

#dashboardView.dcc-dashboard .btn-primary{
  background:#3156d3!important;
  border-color:#3156d3!important;
  color:#fff!important;
}

#dashboardView.dcc-dashboard .btn-primary:hover{
  background:#2444b0!important;
  border-color:#2444b0!important;
}

/* INPUTS */
#dashboardView.dcc-dashboard input,
#dashboardView.dcc-dashboard select{
  border-color:#dce2ec!important;
}

#dashboardView.dcc-dashboard input:focus,
#dashboardView.dcc-dashboard select:focus{
  border-color:#3156d3!important;
  box-shadow:0 0 0 3px rgba(49,86,211,.10)!important;
}

/* STATUS COLORS - use color only when it has meaning */
#dashboardView .status-success{
  color:#18865b!important;
}

#dashboardView .status-warning{
  color:#a36a10!important;
}

#dashboardView .status-danger{
  color:#c2444f!important;
}

/* REMOVE EXCESS GREEN/GOLD FROM DASHBOARD */
#dashboardView.dcc-dashboard [style*="#123f39"],
#dashboardView.dcc-dashboard [style*="#176052"]{
  color:inherit;
}

@media(max-width:850px){
  #dashboardView.dcc-dashboard .ops-home-hero{
    background:
      linear-gradient(145deg,#17233c,#3156d3)!important;
  }
}