/* ==========================================================
   CLOUDPELIZZON
   GLOBAL THEME ENGINE 8.3
   ========================================================== */


/* ----------------------------------------------------------
   DARK - menos pesado que o tema anterior
   ---------------------------------------------------------- */

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

  --bg:#07131a;
  --bg2:#0a1d27;

  --panel:#0b1b24;
  --panel2:#102630;

  --line:#244d5e;
  --line2:#327087;

  --text:#f4fbff;
  --soft:#c8d9e2;
  --muted:#8ca7b4;

  --cyan:#52e5ff;
  --blue:#329fff;
  --green:#75efb9;
  --red:#ff7189;
  --amber:#ffd166;

  --shadow:
    0 18px 44px rgba(0,0,0,.25);

  --cp81-bg:#07131a;
  --cp81-surface:#0b1b24;
  --cp81-surface-2:#102630;
  --cp81-surface-3:#15303b;
  --cp81-text:#f4fbff;
  --cp81-text-2:#c2d4dc;
  --cp81-muted:#8ba5b0;
}


/* ----------------------------------------------------------
   LIGHT PREMIUM
   ---------------------------------------------------------- */

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

  --bg:#edf4f7;
  --bg2:#e3eef2;

  --panel:#ffffff;
  --panel2:#f5fafc;

  --line:#bfd4dc;
  --line2:#9bbfcf;

  --text:#112832;
  --soft:#385764;
  --muted:#687f8a;

  --cyan:#007f9f;
  --blue:#126fae;
  --green:#147b58;
  --red:#bc3853;
  --amber:#9a6700;

  --shadow:
    0 14px 32px rgba(25,66,82,.10);

  --cp81-bg:#edf4f7;
  --cp81-surface:#ffffff;
  --cp81-surface-2:#f3f8fa;
  --cp81-surface-3:#e8f2f6;
  --cp81-border:rgba(21,111,145,.18);
  --cp81-border-strong:rgba(21,111,145,.34);
  --cp81-cyan:#007f9f;
  --cp81-blue:#126fae;
  --cp81-text:#112832;
  --cp81-text-2:#3e5d69;
  --cp81-muted:#6d8590;
  --cp81-green:#147b58;
  --cp81-yellow:#9a6700;
  --cp81-red:#bc3853;
}


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

html,
body{
  transition:
    background .2s ease,
    color .2s ease;
}

html[data-theme="dark"] body{
  background:
    linear-gradient(
      180deg,
      #07131a,
      #0a1d27
    ) !important;

  color:var(--text);
}

html[data-theme="light"] body{
  background:
    linear-gradient(
      180deg,
      #f4f8fa,
      #e7f0f4
    ) !important;

  color:var(--text);
}


/* ----------------------------------------------------------
   FUNDO TECNOLOGICO
   ---------------------------------------------------------- */

html[data-theme="light"] .cyber-bg{
  opacity:.27;
}

html[data-theme="light"] .glow{
  opacity:.22;
}

html[data-theme="light"] .scanline{
  opacity:.07;
}


/* ----------------------------------------------------------
   PORTAL SHELL
   ---------------------------------------------------------- */

html[data-theme="dark"] .cp7-shell{
  background:
    linear-gradient(
      180deg,
      #07131a,
      #0a1d27
    ) !important;
}

html[data-theme="dark"] .cp7-sidebar{
  background:#09161e !important;
}

html[data-theme="light"] .cp7-shell{
  background:
    linear-gradient(
      180deg,
      #edf4f7,
      #e7f0f4
    ) !important;
}

html[data-theme="light"] .cp7-sidebar{
  background:
    rgba(248,251,253,.97) !important;

  border-right-color:
    rgba(16,111,148,.16) !important;

  box-shadow:
    10px 0 30px
    rgba(34,79,96,.05);
}


/* ----------------------------------------------------------
   TEXTOS
   ---------------------------------------------------------- */

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong{
  color:#102832;
}

html[data-theme="light"] .cp7-page-head p,
html[data-theme="light"] .cp7-health-left p,
html[data-theme="light"] .cp7-module-card>p,
html[data-theme="light"] .cp7-plan-card>p,
html[data-theme="light"] .cp7-account-hero p,
html[data-theme="light"] .cp7-doc-card p,
html[data-theme="light"] .cp7-equipment-hero p{
  color:#526d79 !important;
}


/* ----------------------------------------------------------
   PAINEIS / CARDS
   ---------------------------------------------------------- */

html[data-theme="dark"] .cp7-panel{
  background:
    linear-gradient(
      145deg,
      #0c1d26,
      #09151c
    ) !important;
}

html[data-theme="light"] .cp7-panel,
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-data-card,
html[data-theme="light"] .cp7-action,
html[data-theme="light"] .cp7-ticket-description,
html[data-theme="light"] .cp7-sla-strip>div,
html[data-theme="light"] .cp7-message,
html[data-theme="light"] .cp7-temp-data,
html[data-theme="light"] .cp7-warning-box{
  background:
    rgba(255,255,255,.94) !important;

  border-color:
    rgba(17,109,143,.16) !important;

  box-shadow:
    0 14px 34px
    rgba(28,76,94,.07) !important;
}

html[data-theme="light"] .cp7-message.staff{
  background:#edf7fa !important;
}


/* ----------------------------------------------------------
   NAVIGATION
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-nav-item{
  color:#284650;
}

html[data-theme="light"] .cp7-nav-item:hover,
html[data-theme="light"] .cp7-nav-item.active{
  background:
    linear-gradient(
      90deg,
      rgba(37,167,204,.12),
      rgba(255,255,255,.55)
    ) !important;

  border-color:
    rgba(22,123,158,.20) !important;

  color:#0c4053 !important;
}

html[data-theme="light"] .cp7-nav-separator{
  border-color:
    rgba(22,123,158,.12);
}

html[data-theme="light"] .cp7-sidebar-footer{
  border-color:
    rgba(22,123,158,.12);
}


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

html[data-theme="light"] .cp7-icon3d{
  background:
    linear-gradient(
      145deg,
      #f8fdff,
      #dceef4
    ) !important;

  border-color:
    rgba(0,126,161,.24) !important;

  color:#007f9f !important;

  box-shadow:
    7px 10px 20px
    rgba(31,91,111,.10),
    inset 1px 1px
    rgba(255,255,255,.8) !important;
}


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

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .cp81-rich-editor{
  background:#ffffff !important;

  border-color:#b8cfd8 !important;

  color:#132c36 !important;
}

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


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

html[data-theme="light"] .cp7-table td,
html[data-theme="light"] .cp82-table td,
html[data-theme="light"] .cp-report-table td{
  color:#294852 !important;
}

html[data-theme="light"] .cp7-table th,
html[data-theme="light"] .cp82-table th,
html[data-theme="light"] .cp-report-table th{
  color:#587580 !important;
}

html[data-theme="light"] .cp7-table tbody tr:nth-child(even),
html[data-theme="light"] .cp82-table tbody tr:nth-child(even),
html[data-theme="light"] .cp-report-table tbody tr:nth-child(even){
  background:
    rgba(19,128,164,.035) !important;
}


/* ----------------------------------------------------------
   PLANOS / MODULOS
   ---------------------------------------------------------- */

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

html[data-theme="light"] .cp7-module-card.licensed,
html[data-theme="light"] .cp7-plan-card.current{
  background:
    radial-gradient(
      circle at 80% 12%,
      rgba(20,123,88,.09),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #ffffff,
      #f2faf6
    ) !important;
}

html[data-theme="light"] .cp7-current-plan{
  background:#edf9f3 !important;
}


/* ----------------------------------------------------------
   ADMIN
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-user-avatar{
  background:
    linear-gradient(
      145deg,
      #edf8fb,
      #d8edf4
    ) !important;

  color:#007f9f !important;
}

html[data-theme="light"] .cp7-user-tags span{
  background:#eef6f9 !important;
}


/* ----------------------------------------------------------
   REPORT CENTER
   ---------------------------------------------------------- */

html[data-theme="light"] .cp-report-card,
html[data-theme="light"] .cp-report-kpi,
html[data-theme="light"] .cp-report-chart,
html[data-theme="light"] .cp-report-table-card{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f3f9fb
    ) !important;

  border-color:
    rgba(18,113,148,.16) !important;

  box-shadow:
    0 14px 34px
    rgba(28,76,94,.07) !important;
}

html[data-theme="light"] .cp-report-card p,
html[data-theme="light"] .cp-report-kpi span,
html[data-theme="light"] .cp-report-bar>div{
  color:#5e7781 !important;
}

html[data-theme="light"] .cp-report-offline{
  background:
    radial-gradient(
      circle at center,
      rgba(199,143,0,.06),
      #ffffff 60%
    ) !important;
}


/* ----------------------------------------------------------
   REPORTS V8.2
   ---------------------------------------------------------- */

html[data-theme="light"] .cp82-panel,
html[data-theme="light"] .cp82-kpi,
html[data-theme="light"] .cp82-chart-card,
html[data-theme="light"] .cp82-table-panel{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f3f9fb
    ) !important;

  border-color:
    rgba(18,113,148,.16) !important;

  box-shadow:
    0 14px 34px
    rgba(28,76,94,.07) !important;
}

html[data-theme="light"] .cp82-head p,
html[data-theme="light"] .cp82-bar-label span,
html[data-theme="light"] .cp82-kpi>span{
  color:#607983 !important;
}


/* ----------------------------------------------------------
   V8.1 CHAMADOS
   ---------------------------------------------------------- */

html[data-theme="light"] [class*="cp81-"][class*="card"],
html[data-theme="light"] [class*="cp81-"][class*="panel"],
html[data-theme="light"] [class*="cp81-"][class*="box"],
html[data-theme="light"] [class*="cp81-"][class*="message"],
html[data-theme="light"] [class*="cp81-"][class*="editor"]{
  border-color:
    rgba(18,113,148,.16) !important;
}


/* ----------------------------------------------------------
   LOGIN
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-login{
  background:#edf4f7 !important;
}

html[data-theme="light"] .cp7-login-scene{
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(0,154,205,.15),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #edf7fa,
      #dfeef3
    ) !important;
}

html[data-theme="light"] .cp7-login-side{
  background:
    linear-gradient(
      180deg,
      #f8fbfd,
      #e7f1f5
    ) !important;
}

html[data-theme="light"] .cp7-login-card,
html[data-theme="light"] .cp7-node{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf6f9
    ) !important;

  border-color:
    rgba(19,126,162,.20) !important;

  box-shadow:
    0 24px 55px
    rgba(37,82,99,.11) !important;
}


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

.cp-theme-sidebar{
  margin-top:auto;
  padding:
    13px 5px 4px;

  border-top:
    1px solid
    rgba(74,214,249,.11);
}

.cp-theme-sidebar>small{
  display:block;
  margin-bottom:8px;

  color:var(--muted);

  font-size:7px;
  font-weight:900;

  letter-spacing:.14em;
}

.cp-theme-sidebar form{
  display:flex;
  align-items:center;
  gap:8px;
}

.cp-theme-sidebar form>strong{
  color:var(--muted);

  font-size:7px;
  letter-spacing:.06em;
}

.cp-theme-switch{
  display:flex;
  align-items:center;
  gap:6px;

  padding:0;

  border:0;
  background:transparent;

  color:var(--text);
}

.cp-theme-switch i{
  position:relative;

  width:40px;
  height:21px;

  border:
    1px solid
    rgba(59,179,214,.30);

  border-radius:99px;

  background:
    rgba(59,179,214,.12);
}

.cp-theme-switch i b{
  position:absolute;

  top:3px;
  left:3px;

  width:13px;
  height:13px;

  border-radius:50%;

  background:var(--cyan);

  transition:
    transform .2s ease;
}

.cp-theme-switch[data-current="dark"] i b{
  transform:
    translateX(19px);
}


/* login/public */

.cp-theme-public{
  position:fixed;

  top:18px;
  right:18px;

  z-index:999;
}

.cp-theme-public button{
  min-height:36px;

  padding:0 13px;

  border:
    1px solid
    rgba(72,209,245,.25);

  border-radius:10px;

  background:
    var(--panel);

  color:var(--text);

  font-size:10px;
  font-weight:800;

  box-shadow:var(--shadow);
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:760px){

  .cp-theme-sidebar form>strong{
    display:none;
  }

}

/* === CLOUDPELIZZON V8.3.1 START === */

/* Tema claro refinado */
html[data-theme="light"] body,
html[data-theme="light"] .cp7-shell {
  background:
    radial-gradient(circle at 85% 0%, rgba(31,160,205,.10), transparent 35%),
    linear-gradient(180deg, #e6f0f4 0%, #dce9ef 100%) !important;
}

html[data-theme="light"] .cp7-sidebar {
  background: linear-gradient(180deg, #d6e6ed, #e5eff3) !important;
  border-right: 1px solid rgba(20,104,137,.16) !important;
}

/* Logo com fundo escuro para manter contraste */
html[data-theme="light"] .cp7-brand {
  margin: 10px 8px 18px !important;
  padding: 14px 12px 12px !important;
  border-radius: 15px !important;

  background:
    radial-gradient(circle at 25% 5%, rgba(45,194,240,.18), transparent 34%),
    linear-gradient(145deg, #071f2d, #0b4057) !important;

  border: 1px solid rgba(61,205,245,.22) !important;
  box-shadow: 0 14px 28px rgba(19,58,73,.18) !important;
}

html[data-theme="light"] .cp7-brand img {
  opacity: 1 !important;
  filter: none !important;
}

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


/* ==========================================================
   CHAMADOS - LIGHT MODE
   ========================================================== */

html[data-theme="light"] .cp7-ticket-kpis article,
html[data-theme="light"] .cp7-ticket-form,
html[data-theme="light"] .cp7-ticket-list-panel,
html[data-theme="light"] .cp7-ticket-detail-grid .cp7-panel,
html[data-theme="light"] .cp7-admin-ticket-box,
html[data-theme="light"] .cp7-ticket-description,
html[data-theme="light"] .cp7-sla-strip > div,
html[data-theme="light"] .cp7-message,
html[data-theme="light"] .cp7-reply {
  background: linear-gradient(145deg, #ffffff, #f1f7f9) !important;
  border-color: rgba(16,112,148,.17) !important;
  color: #102c38 !important;
  box-shadow: 0 12px 28px rgba(28,72,89,.07) !important;
}

html[data-theme="light"] .cp7-ticket-kpis strong,
html[data-theme="light"] .cp7-ticket-form h2,
html[data-theme="light"] .cp7-ticket-list-panel h3,
html[data-theme="light"] .cp7-ticket-card h3,
html[data-theme="light"] .cp7-ticket-description,
html[data-theme="light"] .cp7-ticket-detail-grid strong {
  color: #102c38 !important;
}

html[data-theme="light"] .cp7-ticket-form p,
html[data-theme="light"] .cp7-ticket-form label,
html[data-theme="light"] .cp7-ticket-card,
html[data-theme="light"] .cp7-ticket-meta,
html[data-theme="light"] .cp7-ticket-code,
html[data-theme="light"] .cp7-ticket-detail-grid p {
  color: #506f7b !important;
}

html[data-theme="light"] .cp7-ticket-card {
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(16,112,148,.12) !important;
}

html[data-theme="light"] .cp7-ticket-card:hover {
  background: #ffffff !important;
  border-color: rgba(7,139,184,.28) !important;
}

/* V8.1 */
html[data-theme="light"] [class^="cp81-"],
html[data-theme="light"] [class*=" cp81-"] {
  --cp81-bg: #e6f0f4;
  --cp81-surface: #ffffff;
  --cp81-surface-2: #f2f7f9;
  --cp81-surface-3: #e7f1f5;

  --cp81-border: rgba(18,110,145,.16);
  --cp81-border-strong: rgba(18,110,145,.28);

  --cp81-text: #102c38;
  --cp81-text-2: #395b68;
  --cp81-muted: #6d8792;

  --cp81-cyan: #087fa7;
  --cp81-blue: #126fae;
  --cp81-green: #137a56;
  --cp81-yellow: #986700;
  --cp81-red: #b43852;
}

html[data-theme="light"] [class*="cp81-card"],
html[data-theme="light"] [class*="cp81-panel"],
html[data-theme="light"] [class*="cp81-kpi"],
html[data-theme="light"] [class*="cp81-form"],
html[data-theme="light"] [class*="cp81-list"],
html[data-theme="light"] [class*="cp81-history"] {
  background: linear-gradient(145deg, #ffffff, #f2f8fa) !important;
  border-color: rgba(18,110,145,.16) !important;
  color: #102c38 !important;
}


/* ==========================================================
   BUTTON SYSTEM
   ========================================================== */

.cp7-primary,
.cp7-secondary,
.cp81-primary,
.cp81-secondary {
  min-height: 42px !important;
  padding: 0 17px !important;

  border-radius: 10px !important;

  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease !important;
}

.cp7-primary:hover,
.cp7-secondary:hover,
.cp81-primary:hover,
.cp81-secondary:hover {
  transform: translateY(-1px);
}

html[data-theme="light"] .cp7-primary,
html[data-theme="light"] .cp81-primary {
  background: linear-gradient(135deg, #087da6, #14aad3) !important;
  border: 1px solid #087da6 !important;
  color: #ffffff !important;

  box-shadow: 0 9px 20px rgba(8,125,166,.18) !important;
}

html[data-theme="light"] .cp7-secondary,
html[data-theme="light"] .cp81-secondary {
  background: linear-gradient(180deg, #ffffff, #e9f4f7) !important;
  border: 1px solid rgba(8,125,166,.28) !important;
  color: #086f91 !important;

  box-shadow: 0 7px 17px rgba(30,77,95,.08) !important;
}

/* Modulos - CTA */
html[data-theme="light"] .cp7-module-card .cp7-secondary {
  width: auto !important;
  border-radius: 11px !important;

  background:
    linear-gradient(135deg, #087da6, #14aad3) !important;

  color: #ffffff !important;

  border:
    1px solid #087da6 !important;

  box-shadow:
    0 9px 20px rgba(8,125,166,.17) !important;
}


/* ==========================================================
   THEME SWITCH
   ========================================================== */

.cp-theme-sidebar {
  margin: 10px 5px 5px !important;
  padding: 11px 10px !important;

  border-radius: 12px !important;

  border:
    1px solid rgba(47,154,190,.17) !important;
}

html[data-theme="light"] .cp-theme-sidebar {
  background: rgba(255,255,255,.48) !important;
}

.cp-theme-sidebar form {
  gap: 9px !important;
}

.cp-theme-switch {
  padding: 4px 7px !important;

  border-radius: 999px !important;

  border:
    1px solid rgba(43,159,198,.23) !important;

  background:
    rgba(42,166,207,.08) !important;
}

.cp-theme-switch i {
  width: 42px !important;
  height: 22px !important;
}

.cp-theme-switch i b {
  width: 14px !important;
  height: 14px !important;

  background:
    linear-gradient(135deg, #21bfe7, #087da6) !important;

  box-shadow:
    0 2px 6px rgba(0,99,133,.22) !important;
}

/* === CLOUDPELIZZON V8.3.1 END === */


/* ==========================================================
   CLOUDPELIZZON V8.3.2
   CONTRASTE + TICKETS + BUTTON REFINEMENT
   ========================================================== */


/* ----------------------------------------------------------
   CONTRASTE GLOBAL
   ---------------------------------------------------------- */

html[data-theme="light"] {
  --cp-light-main-text: #102b37;
  --cp-light-secondary-text: #365560;
  --cp-light-muted-text: #526f7a;
  --cp-light-soft-text: #66818c;
}


html[data-theme="light"] .cp7-page-head p,
html[data-theme="light"] .cp7-panel p,
html[data-theme="light"] .cp7-action span,
html[data-theme="light"] .cp7-data-card small,
html[data-theme="light"] .cp7-health-left p,
html[data-theme="light"] .cp7-module-card > p,
html[data-theme="light"] .cp7-plan-card > p,
html[data-theme="light"] .cp7-account-hero p,
html[data-theme="light"] .cp7-equipment-hero p {
  color: var(--cp-light-secondary-text) !important;
  opacity: 1 !important;
}


html[data-theme="light"] .cp7-module-card li,
html[data-theme="light"] .cp7-plan-card li,
html[data-theme="light"] .cp7-action span,
html[data-theme="light"] .cp7-ticket-kpis span,
html[data-theme="light"] .cp7-ticket-meta,
html[data-theme="light"] .cp7-sidebar-footer,
html[data-theme="light"] .cp7-core-online {
  color: var(--cp-light-muted-text) !important;
  opacity: 1 !important;
}


html[data-theme="light"] .cp7-main label,
html[data-theme="light"] .cp7-main legend {
  color: #294955 !important;
  opacity: 1 !important;
}


html[data-theme="light"] .cp7-main small {
  opacity: 1 !important;
}


/* categorias continuam tecnológicas, porém legíveis */

html[data-theme="light"] .cp7-page-head small,
html[data-theme="light"] .cp7-panel-title small,
html[data-theme="light"] .cp7-ticket-form > small {
  color: #08789d !important;
}


/* Sidebar */

html[data-theme="light"] .cp7-nav-item span {
  color: #24434e !important;
  opacity: 1 !important;
}

html[data-theme="light"] .cp7-nav-separator span,
html[data-theme="light"] .cp-theme-sidebar > small,
html[data-theme="light"] .cp-theme-sidebar form > strong {
  color: #42636f !important;
  opacity: 1 !important;
}


/* ----------------------------------------------------------
   CHAMADOS
   A página possui o rich editor da V8.1.
   :has() permite isolar o tratamento nela.
   ---------------------------------------------------------- */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
article {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f1f7f9
    ) !important;

  border-color:
    rgba(17,111,146,.17) !important;

  color:
    #102b37 !important;

  box-shadow:
    0 11px 28px
    rgba(27,69,86,.07) !important;
}


/* quatro indicadores */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp7-ticket-kpis article {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf6f9
    ) !important;

  border:
    1px solid
    rgba(14,118,154,.16) !important;
}


html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp7-ticket-kpis strong {
  color:
    #0d3443 !important;

  opacity:
    1 !important;
}


html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp7-ticket-kpis span {
  color:
    #456570 !important;

  opacity:
    1 !important;
}


/* formulário */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
h1,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
h2,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
h3,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
strong {
  color:
    #102b37 !important;

  opacity:
    1 !important;
}


html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
p,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
label {
  color:
    #385966 !important;

  opacity:
    1 !important;
}


/* inputs */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
input,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
select,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
textarea,

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp81-rich-editor {
  background:
    #ffffff !important;

  color:
    #102b37 !important;

  border:
    1px solid
    #a9c7d2 !important;

  border-radius:
    9px !important;
}


/* histórico */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp7-ticket-card {
  background:
    rgba(255,255,255,.80) !important;

  border-color:
    rgba(18,110,145,.12) !important;

  color:
    #183946 !important;
}


html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp7-ticket-card:hover {
  background:
    #ffffff !important;

  border-color:
    rgba(7,139,184,.30) !important;
}


html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
.cp7-ticket-meta span {
  background:
    #e7f2f6 !important;

  border:
    1px solid
    rgba(13,119,155,.12) !important;

  color:
    #31535f !important;
}


/* anexos / upload */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
[class*="attach"],

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
[class*="upload"] {
  background:
    #eaf4f7 !important;

  border-color:
    rgba(13,119,155,.18) !important;

  color:
    #315560 !important;
}


/* ----------------------------------------------------------
   VARIÁVEIS V8.1
   ---------------------------------------------------------- */

html[data-theme="light"] {
  --cp81-bg: #e6f0f4;
  --cp81-surface: #ffffff;
  --cp81-surface-2: #f1f7f9;
  --cp81-surface-3: #e7f1f5;

  --cp81-border: rgba(18,110,145,.17);
  --cp81-border-strong: rgba(18,110,145,.31);

  --cp81-text: #102b37;
  --cp81-text-2: #365864;
  --cp81-muted: #536f7a;

  --cp81-cyan: #087ba2;
  --cp81-blue: #126eab;
  --cp81-green: #137653;
  --cp81-yellow: #8b6100;
  --cp81-red: #b13850;
}


/* ----------------------------------------------------------
   BOTÕES
   ---------------------------------------------------------- */

.cp7-primary,
.cp7-secondary,
.cp81-primary,
.cp81-secondary,
.cp-report-export-button {
  border-radius:
    9px !important;

  font-weight:
    900 !important;

  letter-spacing:
    .045em !important;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    filter .15s ease !important;
}


.cp7-primary:hover,
.cp7-secondary:hover,
.cp81-primary:hover,
.cp81-secondary:hover,
.cp-report-export-button:hover {
  transform:
    translateY(-1px);

  filter:
    brightness(1.025);
}


html[data-theme="light"] .cp7-primary,
html[data-theme="light"] .cp81-primary {
  background:
    linear-gradient(
      135deg,
      #067da7,
      #16acd4
    ) !important;

  border:
    1px solid
    #067da7 !important;

  color:
    #ffffff !important;

  box-shadow:
    0 8px 18px
    rgba(6,125,167,.17) !important;
}


html[data-theme="light"] .cp7-secondary,
html[data-theme="light"] .cp81-secondary {
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #e8f3f6
    ) !important;

  border:
    1px solid
    rgba(7,125,165,.27) !important;

  color:
    #096e8e !important;

  box-shadow:
    0 6px 15px
    rgba(28,74,91,.07) !important;
}


/* módulo disponível */

html[data-theme="light"]
.cp7-module-card
.cp7-secondary {
  background:
    linear-gradient(
      135deg,
      #087da6,
      #15a9d1
    ) !important;

  color:
    white !important;

  border:
    1px solid
    #087da6 !important;
}


/* botão upload na tela chamado */

html[data-theme="light"]
.cp7-main:has(.cp81-rich-editor)
button:not(.cp7-primary) {
  border-radius:
    8px !important;

  border:
    1px solid
    rgba(7,123,163,.25) !important;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #e6f2f6
    ) !important;

  color:
    #087495 !important;

  box-shadow:
    0 5px 12px
    rgba(28,74,91,.06) !important;
}


/* ==========================================================
   FIM V8.3.2
   ========================================================== */


/* ==========================================================
   CLOUDPELIZZON V8.3.3 START
   REFINAMENTO VISUAL FINAL
   - azul da marca
   - menos branco lavado
   - remove resíduos escuros em Chamados
   ========================================================== */

html[data-theme="light"]{
  --cp-brand-1:#00A8E0;
  --cp-brand-2:#0077C8;
  --cp-brand-3:#005C99;
  --cp-brand-4:#0E3F73;

  --cp-light-bg:#dfeef5;
  --cp-light-surface:#f7fbfd;
  --cp-light-panel:#ffffff;
  --cp-light-panel-2:#eef7fb;
  --cp-light-border:#b9d4e1;

  --cp-light-text:#123444;
  --cp-light-text-2:#2f5667;
  --cp-light-muted:#54727f;

  --cp-light-chip:#e6f4fb;
  --cp-light-chip-border:#b7dcec;
}


/* ----------------------------------------------------------
   BASE GERAL
   ---------------------------------------------------------- */

html[data-theme="light"] body,
html[data-theme="light"] .cp7-shell,
html[data-theme="light"] .cp7-main{
  background:var(--cp-light-bg) !important;
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-content,
html[data-theme="light"] .cp7-page-head,
html[data-theme="light"] .cp7-grid,
html[data-theme="light"] .cp7-columns{
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-panel,
html[data-theme="light"] article,
html[data-theme="light"] .cp7-data-card,
html[data-theme="light"] .cp7-action,
html[data-theme="light"] .cp7-module-card,
html[data-theme="light"] .cp7-plan-card,
html[data-theme="light"] .cp7-table-wrap,
html[data-theme="light"] .cp7-admin-card,
html[data-theme="light"] .cp7-equipment-card,
html[data-theme="light"] .cp7-account-card{
  background:linear-gradient(180deg,#ffffff 0%, #f8fcfe 100%) !important;
  border:1px solid var(--cp-light-border) !important;
  color:var(--cp-light-text) !important;
  box-shadow:0 10px 24px rgba(16,68,98,.07) !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong{
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] span,
html[data-theme="light"] label,
html[data-theme="light"] small{
  color:var(--cp-light-text-2) !important;
  opacity:1 !important;
}

html[data-theme="light"] .cp7-page-head small,
html[data-theme="light"] .cp7-panel-title small,
html[data-theme="light"] .cp7-nav-separator span,
html[data-theme="light"] .cp-theme-sidebar form > strong{
  color:var(--cp-brand-2) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}


/* ----------------------------------------------------------
   SIDEBAR / ÍCONES
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-sidebar{
  background:linear-gradient(180deg,#e4f1f7 0%, #d8eaf3 100%) !important;
  border-right:1px solid rgba(0,119,200,.12) !important;
}

html[data-theme="light"] .cp7-nav-item{
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-nav-item.active,
html[data-theme="light"] .cp7-nav-item:hover{
  background:rgba(0,119,200,.08) !important;
  border-color:rgba(0,119,200,.22) !important;
}

html[data-theme="light"] .cp7-nav-item span{
  color:#1d4557 !important;
  font-weight:700 !important;
}

html[data-theme="light"] .cp7-nav-item i,
html[data-theme="light"] .cp7-action i,
html[data-theme="light"] .cp7-module-card i,
html[data-theme="light"] .cp7-plan-card i,
html[data-theme="light"] .cp7-data-card i,
html[data-theme="light"] .cp7-admin-card i,
html[data-theme="light"] .cp7-equipment-card i{
  color:var(--cp-brand-2) !important;
}

html[data-theme="light"] .cp7-nav-icon,
html[data-theme="light"] .cp7-action-icon,
html[data-theme="light"] .cp7-module-icon,
html[data-theme="light"] .cp7-plan-icon,
html[data-theme="light"] .cp7-data-icon{
  background:linear-gradient(180deg,#ffffff 0%, #e8f5fc 100%) !important;
  border:1px solid rgba(0,119,200,.18) !important;
  box-shadow:0 8px 18px rgba(0,119,200,.10) !important;
}

html[data-theme="light"] svg{
  color:var(--cp-brand-2) !important;
}


/* ----------------------------------------------------------
   INPUTS / FORMULÁRIOS
   ---------------------------------------------------------- */

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff !important;
  border:1px solid #9fc7d8 !important;
  color:var(--cp-light-text) !important;
  border-radius:10px !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#6a8a97 !important;
  opacity:1 !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  outline:none !important;
  border-color:var(--cp-brand-1) !important;
  box-shadow:0 0 0 3px rgba(0,168,224,.13) !important;
}


/* ----------------------------------------------------------
   BOTÕES - AZUL DA MARCA
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-primary,
html[data-theme="light"] .cp81-primary,
html[data-theme="light"] button.cp7-primary,
html[data-theme="light"] button.cp81-primary{
  background:linear-gradient(135deg,var(--cp-brand-1) 0%, var(--cp-brand-2) 100%) !important;
  border:1px solid var(--cp-brand-2) !important;
  color:#ffffff !important;
  border-radius:10px !important;
  box-shadow:0 10px 22px rgba(0,119,200,.18) !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}

html[data-theme="light"] .cp7-primary:hover,
html[data-theme="light"] .cp81-primary:hover,
html[data-theme="light"] button.cp7-primary:hover,
html[data-theme="light"] button.cp81-primary:hover{
  filter:brightness(1.03) !important;
  transform:translateY(-1px);
}

html[data-theme="light"] .cp7-secondary,
html[data-theme="light"] .cp81-secondary,
html[data-theme="light"] button.cp7-secondary,
html[data-theme="light"] button.cp81-secondary,
html[data-theme="light"] .cp-report-export-button{
  background:linear-gradient(180deg,#ffffff 0%, #edf7fc 100%) !important;
  border:1px solid rgba(0,119,200,.22) !important;
  color:var(--cp-brand-2) !important;
  border-radius:10px !important;
  box-shadow:0 7px 16px rgba(0,119,200,.07) !important;
  font-weight:800 !important;
}

html[data-theme="light"] .cp7-secondary:hover,
html[data-theme="light"] .cp81-secondary:hover,
html[data-theme="light"] button.cp7-secondary:hover,
html[data-theme="light"] button.cp81-secondary:hover,
html[data-theme="light"] .cp-report-export-button:hover{
  background:linear-gradient(180deg,#ffffff 0%, #e4f4fb 100%) !important;
}


/* ----------------------------------------------------------
   MÓDULOS / PLANOS - BOTÕES FEIOS -> REFINO
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-module-card .cp7-secondary,
html[data-theme="light"] .cp7-plan-card .cp7-secondary{
  background:linear-gradient(135deg,var(--cp-brand-1) 0%, var(--cp-brand-2) 100%) !important;
  border:1px solid var(--cp-brand-2) !important;
  color:#ffffff !important;
}

html[data-theme="light"] .cp7-module-card .cp7-secondary:hover,
html[data-theme="light"] .cp7-plan-card .cp7-secondary:hover{
  filter:brightness(1.04) !important;
}

html[data-theme="light"] .cp7-module-card li,
html[data-theme="light"] .cp7-plan-card li{
  color:var(--cp-light-text-2) !important;
}


/* ----------------------------------------------------------
   CHAMADOS - REMOVE RESQUÍCIOS ESCUROS
   ---------------------------------------------------------- */

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor){
  background:var(--cp-light-bg) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-kpis article{
  background:linear-gradient(180deg,#ffffff 0%, #f2f9fc 100%) !important;
  border:1px solid var(--cp-light-border) !important;
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-kpis strong,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-kpis b{
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-kpis span,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-kpis small{
  color:var(--cp-light-text-2) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-rich-editor,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-editor,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-editor-shell,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-editor-toolbar,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-dropzone,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-upload-box{
  background:#ffffff !important;
  color:var(--cp-light-text) !important;
  border-color:#a8cddd !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-card,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-ticket-card,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-ticket-item{
  background:linear-gradient(180deg,#ffffff 0%, #f7fbfd 100%) !important;
  border:1px solid rgba(0,119,200,.12) !important;
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-card:hover,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-ticket-card:hover,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-ticket-item:hover{
  background:#ffffff !important;
  border-color:rgba(0,119,200,.24) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-meta span,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-badge,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) [class*="badge"],
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) [class*="chip"]{
  background:var(--cp-light-chip) !important;
  border:1px solid var(--cp-light-chip-border) !important;
  color:var(--cp-brand-3) !important;
  box-shadow:none !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-history,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-message-list,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-attachments{
  background:transparent !important;
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) button:not(.cp7-primary):not(.cp81-primary){
  background:linear-gradient(180deg,#ffffff 0%, #edf7fc 100%) !important;
  border:1px solid rgba(0,119,200,.22) !important;
  color:var(--cp-brand-2) !important;
  border-radius:9px !important;
}

html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-upload-box small,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp81-dropzone small,
html[data-theme="light"] .cp7-main:has(.cp81-rich-editor) .cp7-ticket-card small{
  color:var(--cp-light-text-2) !important;
}


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

html[data-theme="light"] .cp7-table th{
  background:#edf7fc !important;
  color:var(--cp-brand-3) !important;
}

html[data-theme="light"] .cp7-table td{
  color:var(--cp-light-text) !important;
}

html[data-theme="light"] .cp7-status,
html[data-theme="light"] .cp7-pill,
html[data-theme="light"] .cp7-badge{
  background:var(--cp-light-chip) !important;
  border:1px solid var(--cp-light-chip-border) !important;
  color:var(--cp-brand-3) !important;
}


/* ==========================================================
   CLOUDPELIZZON V8.3.3 END
   ========================================================== */