/* ==========================================================
   CLOUDPELIZZON PORTAL DO CLIENTE
   V15.3 - LIGHT THEME FINAL OVERRIDE
   ========================================================== */

/* ----------------------------------------------------------
   VARIAVEIS
   ---------------------------------------------------------- */

html[data-theme="light"]{
  color-scheme:light;

  --bg:#eef6fa;
  --bg2:#e7f1f6;
  --panel:#ffffff;
  --panel2:#f5fafc;
  --line:#c7e1ec;
  --line2:#8acbdf;
  --text:#102735;
  --soft:#365767;
  --muted:#678494;

  --cp81-bg:#eef6fa;
  --cp81-surface:#ffffff;
  --cp81-surface-2:#f6fbfd;
  --cp81-surface-3:#edf7fa;
  --cp81-border:rgba(16,126,166,.16);
  --cp81-border-strong:rgba(16,126,166,.30);
  --cp81-text:#102735;
  --cp81-text-2:#3f6172;
  --cp81-muted:#6f8b99;

  --cp14-bg:#eef6fa;
  --cp14-panel:#ffffff;
  --cp14-panel2:#f6fbfd;
  --cp14-border:rgba(22,132,171,.18);
  --cp14-text:#102735;
  --cp14-text2:#456777;
}

/* ----------------------------------------------------------
   FUNDO GLOBAL
   ---------------------------------------------------------- */

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 72% 9%,rgba(25,199,242,.10),transparent 30%),
    linear-gradient(135deg,#f7fbfd 0%,#edf6fa 48%,#e6f1f6 100%)!important;
  color:#102735!important;
}

html[data-theme="light"] .cyber-bg{
  background:
    linear-gradient(rgba(16,119,155,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,119,155,.035) 1px,transparent 1px)!important;
  background-size:40px 40px!important;
  opacity:.75!important;
}

html[data-theme="light"] .cyber-bg .glow{
  opacity:.14!important;
}

html[data-theme="light"] .cyber-bg .scanline{
  opacity:.015!important;
}

/* ----------------------------------------------------------
   SHELL / SIDEBAR / MAIN
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-shell{
  background:transparent!important;
  color:#102735!important;
}

html[data-theme="light"] .cp7-sidebar{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(241,249,252,.98)
    )!important;
  border-right:1px solid #cae2eb!important;
  box-shadow:14px 0 40px rgba(20,83,110,.06)!important;
}

html[data-theme="light"] .cp7-brand{
  background:#ffffff!important;
  border-color:#c8e4ee!important;
}

html[data-theme="light"] .cp7-brand span{
  color:#254d60!important;
}

html[data-theme="light"] .cp7-nav-item{
  color:#294d5e!important;
}

html[data-theme="light"] .cp7-nav-item:hover{
  color:#07384d!important;
  background:#e9f7fc!important;
  border-color:#b6e5f4!important;
}

html[data-theme="light"] .cp7-nav-item.active{
  color:#04384e!important;
  background:
    linear-gradient(
      90deg,
      rgba(35,192,241,.18),
      rgba(27,146,230,.09)
    )!important;
  border-color:#42bfe8!important;
  box-shadow:
    inset 0 0 22px rgba(36,191,238,.08),
    0 7px 20px rgba(32,125,163,.07)!important;
}

html[data-theme="light"] .cp7-nav-separator{
  color:#698695!important;
  border-color:#dcecf2!important;
}

html[data-theme="light"] .cp7-sidebar-footer{
  color:#587686!important;
  border-color:#d6e9f0!important;
}

html[data-theme="light"] .cp7-core-online{
  color:#587686!important;
}

html[data-theme="light"] .cp7-link-button{
  color:#24556c!important;
}

html[data-theme="light"] .cp14-main,
html[data-theme="light"] .cp12-main,
html[data-theme="light"] .cp11-main,
html[data-theme="light"] .cp7-main{
  background:
    radial-gradient(
      circle at 84% 5%,
      rgba(24,184,231,.07),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(247,252,254,.97),
      rgba(237,246,250,.98)
    )!important;
  color:#102735!important;
}

html[data-theme="light"] .cp14-content{
  color:#102735!important;
}

html[data-theme="light"] .cp14-ambient{
  opacity:.16!important;
}

/* ----------------------------------------------------------
   HEADERS
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-page-head{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.96),
      rgba(239,249,253,.96)
    )!important;
  border-color:#bcdde9!important;
  box-shadow:0 16px 38px rgba(30,100,128,.05)!important;
}

html[data-theme="light"] .cp7-page-head h1,
html[data-theme="light"] .cp7-page-head h2{
  color:#0c2838!important;
}

html[data-theme="light"] .cp7-page-head p{
  color:#486a7a!important;
}

html[data-theme="light"] .cp7-page-head small{
  color:#007da8!important;
}

/* ----------------------------------------------------------
   PAINEIS GERAIS
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-panel{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(247,251,253,.98)
    )!important;
  border-color:#c4e1eb!important;
  color:#102735!important;
  box-shadow:0 12px 32px rgba(29,89,115,.05)!important;
}

html[data-theme="light"] .cp7-panel h1,
html[data-theme="light"] .cp7-panel h2,
html[data-theme="light"] .cp7-panel h3,
html[data-theme="light"] .cp7-panel strong{
  color:#102735!important;
}

html[data-theme="light"] .cp7-panel p,
html[data-theme="light"] .cp7-panel span{
  color:#486879!important;
}

html[data-theme="light"] .cp7-panel small{
  color:#087da5!important;
}

/* ----------------------------------------------------------
   MINHA INSTALACAO
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-install-hero{
  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(30,190,236,.10),
      transparent 32%
    ),
    #ffffff!important;
}

html[data-theme="light"] .cp7-install-status{
  color:#087050!important;
  background:#eefbf6!important;
  border-color:#a9e3ce!important;
}

html[data-theme="light"] .cp7-metric{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f4fafc
    )!important;
  border-color:#c6e1eb!important;
}

html[data-theme="light"] .cp7-metric > small{
  color:#087ca3!important;
}

html[data-theme="light"] .cp7-metric h3{
  color:#102735!important;
}

html[data-theme="light"] .cp7-metric p{
  color:#567485!important;
}

/* ----------------------------------------------------------
   ICONES
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-icon3d{
  background:
    linear-gradient(
      145deg,
      rgba(243,252,255,.98),
      rgba(226,246,252,.96)
    )!important;
  border-color:#98d8eb!important;
  box-shadow:
    inset 0 0 18px rgba(42,191,230,.10),
    0 6px 18px rgba(26,112,144,.08)!important;
}

/* ----------------------------------------------------------
   MODULOS - ARTES PREMIUM EM LIGHT MODE
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-module-card{
  background:#ffffff!important;
  border-color:#b9dce8!important;
  box-shadow:
    0 16px 38px rgba(25,89,116,.07)!important;
}

html[data-theme="light"] .cp7-module-card::before{
  opacity:.20!important;
  filter:saturate(.92) contrast(.92)!important;
}

html[data-theme="light"] .cp7-module-card::after{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.68) 28%,
      rgba(249,253,255,.92) 56%,
      rgba(246,251,253,.99) 100%
    ),
    linear-gradient(
      135deg,
      rgba(18,176,223,.08),
      transparent 42%
    )!important;
}

html[data-theme="light"] .cp7-module-card h3{
  color:#0d2737!important;
}

html[data-theme="light"] .cp7-module-card p{
  color:#466676!important;
}

html[data-theme="light"] .cp7-module-card li{
  color:#35596a!important;
}

html[data-theme="light"] .cp7-module-price{
  background:rgba(255,255,255,.88)!important;
  border-color:#b7dfea!important;
  color:#527384!important;
}

html[data-theme="light"] .cp7-module-price strong{
  color:#082b3c!important;
}

html[data-theme="light"] .cp7-badge{
  color:#075a7a!important;
  background:#edf9fd!important;
  border-color:#abdceb!important;
}

html[data-theme="light"] .cp7-badge.success{
  color:#08704f!important;
  background:#edf9f5!important;
  border-color:#afe2ce!important;
}

/* ----------------------------------------------------------
   CARDS E GRIDS ANTIGOS DO V7
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-data-card,
html[data-theme="light"] .cp7-ticket-kpis article,
html[data-theme="light"] .cp7-admin-metrics article,
html[data-theme="light"] .cp7-report-kpis article,
html[data-theme="light"] .cp7-update-card{
  background:#ffffff!important;
  border-color:#c7e1ea!important;
  color:#102735!important;
}

html[data-theme="light"] .cp7-data-card strong,
html[data-theme="light"] .cp7-update-card h3{
  color:#102735!important;
}

/* ----------------------------------------------------------
   FORMULARIOS
   ---------------------------------------------------------- */

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;
  color:#143142!important;
  border-color:#b8d9e5!important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#849ca8!important;
}

/* ----------------------------------------------------------
   TABELAS
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-table-wrap{
  background:#ffffff!important;
}

html[data-theme="light"] .cp7-table{
  color:#193848!important;
}

html[data-theme="light"] .cp7-table th{
  color:#476877!important;
  background:#edf7fa!important;
  border-color:#d3e7ee!important;
}

html[data-theme="light"] .cp7-table td{
  border-color:#e0edf2!important;
}

/* ----------------------------------------------------------
   TIMELINE / EMPTY STATES
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-empty,
html[data-theme="light"] .cp7-empty-state{
  color:#557687!important;
}

html[data-theme="light"] .cp7-timeline{
  color:#36596a!important;
}

/* ----------------------------------------------------------
   TEMA SWITCH
   ---------------------------------------------------------- */

html[data-theme="light"] .cp-theme-sidebar{
  background:#f7fbfd!important;
  border-color:#c7e3ed!important;
}

html[data-theme="light"] .cp-theme-sidebar small,
html[data-theme="light"] .cp-theme-sidebar strong{
  color:#31596d!important;
}

html[data-theme="light"] .cp-theme-switch{
  background:#e7f5fa!important;
  border-color:#9bd7e9!important;
}

/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

html[data-theme="light"] footer,
html[data-theme="light"] .cp7-footer{
  color:#577585!important;
  border-color:#d8e9ef!important;
}

/* ----------------------------------------------------------
   BOTOES
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-secondary{
  color:#075270!important;
  background:
    linear-gradient(
      180deg,
      #f6fcfe,
      #e7f6fb
    )!important;
  border-color:#9ed8e9!important;
}

html[data-theme="light"] .cp7-secondary:hover{
  background:#dff3fa!important;
}

html[data-theme="light"] .cp7-primary{
  color:#02151e!important;
}

/* ----------------------------------------------------------
   RESPONSIVO
   ---------------------------------------------------------- */

@media (max-width:980px){
  html[data-theme="light"] .cp7-sidebar{
    box-shadow:none!important;
  }
}