*{box-sizing:border-box}
:root{
  --bg:#08080b;
  --panel:#111116;
  --panel2:#16161d;
  --line:#292933;
  --text:#f7f7fa;
  --muted:#8e8e9b;
  --gold:#d9b85f;
  --purple:#7c5cff;
  --green:#55d68b;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
}

.app{
  display:grid;
  grid-template-columns:250px 1fr;
  min-height:100vh;
}

.sidebar{
  background:#0d0d12;
  border-right:1px solid var(--line);
  padding:28px 18px;
}

.logo{
  font-size:24px;
  font-weight:800;
  padding:0 12px 28px;
}

.logo span{color:var(--gold)}

.menu{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.menu button{
  border:0;
  background:transparent;
  color:#aaaab5;
  text-align:left;
  padding:13px 15px;
  border-radius:10px;
  cursor:pointer;
  font-size:14px;
}

.menu button:hover,
.menu button.active{
  background:#191920;
  color:#fff;
}

.menu button.active{
  border-left:3px solid var(--gold);
}

.main{
  padding:32px;
}

.top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:30px;
}

.top h1{
  margin:0;
  font-size:28px;
}

.status{
  background:#112018;
  color:var(--green);
  border:1px solid #214831;
  padding:9px 14px;
  border-radius:30px;
  font-size:13px;
}

.cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:25px;
}

.card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:21px;
}

.card small{
  color:var(--muted);
}

.card strong{
  display:block;
  font-size:28px;
  margin-top:10px;
}

.grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:16px;
}

.box{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px;
}

.box h2{
  font-size:17px;
  margin:0 0 20px;
}

.integration{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid #22222a;
}

.integration:last-child{
  border-bottom:0;
}

.badge{
  font-size:12px;
  padding:6px 10px;
  border-radius:20px;
}

.online{
  background:#112018;
  color:var(--green);
}

.offline{
  background:#241719;
  color:#ff7c85;
}

.page{display:none}
.page.active{display:block}

.placeholder{
  padding:45px;
  text-align:center;
  color:var(--muted);
}

@media(max-width:900px){
  .app{grid-template-columns:1fr}
  .sidebar{display:none}
  .cards{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr}
}

@media(max-width:550px){
  .cards{grid-template-columns:1fr}
  .main{padding:20px}
}

/* === CLIENTES === */

.page-subtitle{
  margin-top:5px;
  color:#8f93a3;
  font-size:13px;
}

.clients-count{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:12px;
  color:#b9bdca;
  background:#111116;
}

.clients-table-wrap{
  width:100%;
  overflow-x:auto;
}

.clients-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.clients-table th{
  text-align:left;
  padding:13px 14px;
  color:#8f93a3;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-bottom:1px solid var(--line);
}

.clients-table td{
  padding:15px 14px;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
}

.clients-table tbody tr:last-child td{
  border-bottom:0;
}

.clients-table tbody tr:hover{
  background:rgba(255,255,255,.02);
}

.client-name{
  font-weight:700;
  color:#f2f2f4;
}

.client-muted{
  color:#9ba0ad;
}

.client-status{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
}

.client-status.active{
  color:#45e782;
  background:rgba(34,197,94,.11);
}

.client-status.inactive{
  color:#ff6969;
  background:rgba(239,68,68,.11);
}

.clients-message{
  padding:25px 10px;
  text-align:center;
  color:#8f93a3;
}

.clients-error{
  color:#ff6969;
}

/* === FIM CLIENTES === */


/* === FORMULARIO CLIENTES === */

.clients-actions{
  display:flex;
  gap:10px;
  align-items:center;
}

.client-primary-btn,
.client-secondary-btn{
  border:0;
  border-radius:9px;
  padding:9px 14px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.client-primary-btn{
  color:#fff;
  background:#e62b2b;
}

.client-primary-btn:hover{
  background:#f13636;
}

.client-primary-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.client-secondary-btn{
  background:#1a1a20;
  color:#c5c7d0;
  border:1px solid var(--line);
}


.client-row-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.client-delete-btn{
  background:rgba(239,68,68,.08);
  border:1px solid rgba(239,68,68,.28);
  color:#ff6b6b;
  border-radius:7px;
  padding:6px 10px;
  cursor:pointer;
  font-size:11px;
}

.client-delete-btn:hover{
  background:rgba(239,68,68,.16);
  border-color:#ef4444;
  color:#fff;
}

.client-edit-btn{
  background:#18181e;
  border:1px solid var(--line);
  color:#d6d7dd;
  border-radius:7px;
  padding:6px 10px;
  cursor:pointer;
  font-size:11px;
}

.client-edit-btn:hover{
  border-color:#e62b2b;
  color:#fff;
}

.client-modal-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.72);
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
}

.client-modal{
  width:min(650px,100%);
  max-height:90vh;
  overflow-y:auto;
  background:#111116;
  border:1px solid #2a2a32;
  border-radius:14px;
  box-shadow:0 25px 80px rgba(0,0,0,.55);
}

.client-modal-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:22px 24px;
  border-bottom:1px solid var(--line);
}

.client-modal-header h2{
  margin:0;
  font-size:20px;
}

.client-modal-close{
  background:none;
  border:0;
  color:#8f93a3;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.client-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:17px;
  padding:24px;
}

.client-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.client-field.full{
  grid-column:1 / -1;
}

.client-field label{
  font-size:12px;
  color:#a8abb7;
  font-weight:600;
}

.client-field input,
.client-field select{
  width:100%;
  box-sizing:border-box;
  background:#0b0b0f;
  border:1px solid #292932;
  color:#f1f1f3;
  border-radius:8px;
  padding:11px 12px;
  outline:none;
}

.client-field input:focus,
.client-field select:focus{
  border-color:#e62b2b;
}

.client-form-error{
  min-height:18px;
  padding:0 24px;
  color:#ff6565;
  font-size:12px;
}

.client-modal-footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:20px 24px 24px;
}

@media(max-width:700px){
  .client-form-grid{
    grid-template-columns:1fr;
  }

  .client-field.full{
    grid-column:auto;
  }

  .clients-actions{
    flex-direction:column;
    align-items:flex-end;
  }
}

/* === FIM FORMULARIO CLIENTES === */


/* === MODAL EXCLUIR CLIENTE === */

.delete-modal-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(3px);
}

.delete-modal{
  width:min(420px,100%);
  background:#111116;
  border:1px solid #292932;
  border-radius:15px;
  padding:28px;
  box-shadow:0 30px 100px rgba(0,0,0,.65);
  text-align:center;
}

.delete-modal-icon{
  width:48px;
  height:48px;
  margin:0 auto 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.28);
  color:#ff5d5d;
  font-size:23px;
  font-weight:800;
}

.delete-modal h2{
  margin:0 0 10px;
  color:#f4f4f5;
  font-size:20px;
}

.delete-modal p{
  margin:0;
  color:#a8abb7;
  font-size:13px;
  line-height:1.6;
}

.delete-modal p strong{
  color:#fff;
}

.delete-modal-warning{
  margin-top:18px;
  padding:11px 13px;
  border-radius:9px;
  background:rgba(239,68,68,.07);
  border:1px solid rgba(239,68,68,.15);
  color:#e88989;
  font-size:12px;
}

.delete-modal-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:24px;
}

.delete-confirm-btn{
  border:1px solid #ef4444;
  border-radius:9px;
  padding:9px 15px;
  background:#dc2626;
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.delete-confirm-btn:hover{
  background:#ef4444;
}

.delete-confirm-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* === FIM MODAL EXCLUIR CLIENTE === */


/* === RENOVACOES === */

.renewal-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

.renewal-badge.ok{
  color:#45e782;
  background:rgba(34,197,94,.11);
}

.renewal-badge.upcoming{
  color:#6db8ff;
  background:rgba(59,130,246,.11);
}

.renewal-badge.urgent,
.renewal-badge.today{
  color:#f4c85d;
  background:rgba(234,179,8,.11);
}

.renewal-badge.expired{
  color:#ff6969;
  background:rgba(239,68,68,.11);
}

.renewal-badge.no_expiration{
  color:#aeb1bc;
  background:rgba(255,255,255,.05);
}

.renewal-link-active{
  color:#45e782;
}

.renewal-link-inactive{
  color:#ff6969;
}

/* === FIM RENOVACOES === */


/* === ESTOQUE === */

.inventory-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}

.inventory-stat{
  background:#111116;
  border:1px solid var(--line);
  border-radius:12px;
  padding:17px 18px;
}

.inventory-stat small{
  display:block;
  color:#8f93a3;
  font-size:11px;
  margin-bottom:8px;
}

.inventory-stat strong{
  color:#f4f4f5;
  font-size:24px;
}

.inventory-status{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}

.inventory-status.available{
  color:#45e782;
  background:rgba(34,197,94,.11);
}

.inventory-status.reserved{
  color:#f4c85d;
  background:rgba(234,179,8,.11);
}

.inventory-status.delivered{
  color:#6db8ff;
  background:rgba(59,130,246,.11);
}

.inventory-status.invalid{
  color:#ff6969;
  background:rgba(239,68,68,.11);
}

@media(max-width:900px){
  .inventory-summary{
    grid-template-columns:repeat(2,1fr);
  }
}

/* === FIM ESTOQUE === */


/* === ADICIONAR CODIGOS === */

.inventory-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.inventory-modal-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(3px);
}

.inventory-modal{
  width:min(680px,100%);
  max-height:90vh;
  overflow-y:auto;
  background:#111116;
  border:1px solid #292932;
  border-radius:15px;
  box-shadow:0 30px 100px rgba(0,0,0,.65);
}

.inventory-modal-body{
  padding-top:2px;
}

.inventory-codes-input{
  width:100%;
  min-height:190px;
  resize:vertical;
  box-sizing:border-box;
  background:#0b0b0f;
  border:1px solid #292932;
  border-radius:9px;
  padding:13px;
  color:#f1f1f3;
  font-family:monospace;
  font-size:13px;
  line-height:1.6;
  outline:none;
}

.inventory-codes-input:focus{
  border-color:#e62b2b;
}

.inventory-code-counter{
  margin-top:7px;
  font-size:11px;
  color:#8f93a3;
}

.inventory-code-counter strong{
  color:#f2f2f4;
}

.inventory-add-result{
  margin:0 24px 4px;
  padding:13px 14px;
  border-radius:9px;
  background:rgba(34,197,94,.08);
  border:1px solid rgba(34,197,94,.18);
  color:#7ee6a2;
  font-size:12px;
  line-height:1.6;
}

@media(max-width:700px){
  .inventory-top-actions{
    flex-direction:column;
    align-items:flex-end;
  }
}

/* === FIM ADICIONAR CODIGOS === */


/* === INVENTORY GROUPED SECTIONS === */

.inventory-grouped-box{
  padding:0;
  background:transparent;
  border:0;
}

.inventory-groups{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.inventory-group{
  overflow:hidden;
  background:#111116;
  border:1px solid #292932;
  border-radius:14px;
}

.inventory-group-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid #24242c;
}

.inventory-group-title-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.inventory-group-title{
  margin:0;
  color:#f4f4f6;
  font-size:15px;
  font-weight:700;
}

.inventory-group-subtitle{
  color:#85899a;
  font-size:11px;
}

.inventory-group-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:27px;
  padding:0 9px;
  border-radius:999px;
  background:#1d1d25;
  border:1px solid #30303a;
  color:#f2f2f4;
  font-size:12px;
  font-weight:700;
}

.inventory-group-count.available{
  color:#62e895;
  background:rgba(34,197,94,.09);
  border-color:rgba(34,197,94,.16);
}

.inventory-group-count.reserved{
  color:#f4c867;
  background:rgba(245,158,11,.09);
  border-color:rgba(245,158,11,.18);
}

.inventory-group-count.delivered{
  color:#72b6ff;
  background:rgba(59,130,246,.09);
  border-color:rgba(59,130,246,.18);
}

.inventory-group-count.invalid{
  color:#ff7373;
  background:rgba(239,68,68,.09);
  border-color:rgba(239,68,68,.18);
}

.inventory-group-table-wrap{
  overflow-x:auto;
}

.inventory-group-table{
  width:100%;
  border-collapse:collapse;
}

.inventory-group-table th{
  padding:13px 20px;
  text-align:left;
  color:#85899f;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  border-bottom:1px solid #202028;
  white-space:nowrap;
}

.inventory-group-table td{
  padding:14px 20px;
  color:#e9e9ed;
  font-size:12px;
  border-bottom:1px solid #202028;
  vertical-align:top;
}

.inventory-group-table tr:last-child td{
  border-bottom:0;
}

.inventory-group-table td strong{
  color:#f7f7f8;
}

.inventory-group-muted{
  color:#85899a;
  font-size:11px;
  line-height:1.5;
}

.inventory-group-empty{
  padding:22px 20px;
  color:#686c7c;
  font-size:12px;
}

.inventory-plan-separator{
  margin-top:5px;
  color:#85899a;
  font-size:11px;
}

@media(max-width:800px){
  .inventory-group-header{
    padding:15px;
  }

  .inventory-group-table th,
  .inventory-group-table td{
    padding:12px 15px;
  }
}

/* === FIM INVENTORY GROUPED SECTIONS === */


/* === STOCK PRODUCTS UI === */

.stock-products-box{
  margin-top:18px;
  overflow:hidden;
  background:#111116;
  border:1px solid #292932;
  border-radius:14px;
}

.stock-products-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 22px;
  border-bottom:1px solid #272730;
}

.stock-products-heading h2{
  margin:0 0 4px;
  color:#f5f5f7;
  font-size:17px;
}

.stock-products-table{
  width:100%;
  border-collapse:collapse;
}

.stock-products-table th{
  padding:14px 22px;
  text-align:left;
  color:#8c90a0;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  border-bottom:1px solid #292932;
  white-space:nowrap;
}

.stock-products-table td{
  padding:18px 22px;
  color:#e8e8ec;
  font-size:12px;
  border-bottom:1px solid #22222a;
  vertical-align:middle;
}

.stock-products-table tbody tr:last-child td{
  border-bottom:0;
}

.stock-product-name{
  color:#f5f5f7;
  font-weight:700;
}

.stock-product-sub{
  margin-top:4px;
  color:#7f8393;
  font-size:11px;
}

.stock-qty{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:29px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(34,197,94,.09);
  border:1px solid rgba(34,197,94,.17);
  color:#67e99a;
  font-size:12px;
  font-weight:700;
}

.stock-qty.zero{
  background:#1b1b22;
  border-color:#303039;
  color:#8b8f9e;
}

.stock-edit-btn{
  height:35px;
  padding:0 15px;
  border:1px solid #363642;
  border-radius:8px;
  background:#17171e;
  color:#f1f1f3;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.stock-edit-btn:hover{
  border-color:#ef3038;
  color:#fff;
}

.stock-editor-modal{
  width:min(760px,100%);
}

.stock-editor-body{
  padding:22px 24px 4px;
}

.stock-editor-notice{
  margin-bottom:18px;
  padding:12px 14px;
  border:1px solid #2d2d37;
  border-radius:9px;
  background:#15151b;
  color:#999dab;
  font-size:11px;
  line-height:1.55;
}

.stock-editor-notice strong{
  color:#67e99a;
}

.stock-editor-textarea{
  min-height:330px;
}

.stock-editor-meta{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-top:8px;
  color:#85899a;
  font-size:11px;
}

.stock-editor-meta strong{
  color:#f3f3f5;
}

@media(max-width:700px){

  .stock-products-table th,
  .stock-products-table td{
    padding:13px;
  }

  .stock-editor-meta{
    flex-direction:column;
    gap:4px;
  }
}

/* === FIM STOCK PRODUCTS UI === */


/* === INVENTORY HISTORY UI === */

.history-filters{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px 180px;
  gap:12px;
  margin-bottom:18px;
}

.history-search-wrap,
.history-filter-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.history-search-wrap label,
.history-filter-field label{
  color:#85899a;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

.history-search-wrap input,
.history-filter-field select{
  width:100%;
  height:41px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid #292932;
  border-radius:9px;
  background:#111116;
  color:#eeeeF2;
  outline:none;
  font-size:12px;
}

.history-search-wrap input:focus,
.history-filter-field select:focus{
  border-color:#e62b2b;
}

.history-box{
  overflow:hidden;
  background:#111116;
  border:1px solid #292932;
  border-radius:14px;
}

.history-table{
  width:100%;
  border-collapse:collapse;
}

.history-table th{
  padding:13px 15px;
  text-align:left;
  color:#85899a;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  border-bottom:1px solid #292932;
  white-space:nowrap;
}

.history-table td{
  padding:15px;
  color:#e8e8ec;
  font-size:11px;
  border-bottom:1px solid #22222a;
  vertical-align:middle;
}

.history-table tbody tr:last-child td{
  border-bottom:0;
}

.history-client-name{
  color:#f4f4f6;
  font-weight:700;
}

.history-client-sub{
  margin-top:4px;
  color:#7f8393;
  font-size:10px;
  white-space:nowrap;
}

.history-code{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid #303039;
  border-radius:7px;
  background:#0c0c10;
  color:#d8dae1;
  font-family:monospace;
  font-size:11px;
  white-space:nowrap;
}

.history-code.revealed{
  color:#75eba1;
  border-color:rgba(34,197,94,.23);
  background:rgba(34,197,94,.06);
}

.history-status{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
}

.history-status.delivered{
  color:#70e79b;
  background:rgba(34,197,94,.09);
  border:1px solid rgba(34,197,94,.16);
}

.history-status.reserved{
  color:#f2c765;
  background:rgba(245,158,11,.09);
  border:1px solid rgba(245,158,11,.16);
}

.history-status.invalid{
  color:#ff7676;
  background:rgba(239,68,68,.09);
  border:1px solid rgba(239,68,68,.16);
}

.history-action-btn{
  height:31px;
  padding:0 10px;
  border:1px solid #363642;
  border-radius:7px;
  background:#17171e;
  color:#f1f1f3;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}

.history-action-btn:hover{
  border-color:#e62b2b;
}

.history-action-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

@media(max-width:900px){
  .history-filters{
    grid-template-columns:1fr;
  }
}

/* === FIM INVENTORY HISTORY UI === */


.client-field-hint{
  margin-top:7px;
  color:#85879a;
  font-size:12px;
  line-height:1.35;
}




.finance-toolbar{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.finance-period{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.finance-period button{
  border:1px solid #30313d;
  background:#111217;
  color:#ddd;
  padding:9px 14px;
  border-radius:8px;
  cursor:pointer;
}

.finance-period button.active{
  border-color:#e2c15b;
  color:#fff;
}

.finance-summary-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

.finance-card{
  background:#111217;
  border:1px solid #30313d;
  border-radius:14px;
  padding:20px;
  min-height:108px;
}

.finance-card-label{
  color:#a7a8b3;
  font-size:13px;
  margin-bottom:12px;
}

.finance-card-value{
  color:#fff;
  font-size:27px;
  font-weight:700;
  line-height:1.1;
}

.finance-card-sub{
  color:#858694;
  font-size:12px;
  margin-top:10px;
}

.finance-positive{
  color:#35d07f;
}

.finance-negative{
  color:#ff7070;
}

.finance-accent{
  color:#e2c15b;
}

.finance-section{
  background:#111217;
  border:1px solid #30313d;
  border-radius:14px;
  padding:20px;
  margin-top:16px;
}

.finance-section h2{
  font-size:17px;
  margin:0 0 8px 0;
}

.finance-section p{
  color:#9b9ca8;
  margin:0;
}

.finance-table{
  width:100%;
  border-collapse:collapse;
  margin-top:16px;
}

.finance-table th,
.finance-table td{
  padding:13px 10px;
  border-bottom:1px solid #282933;
  text-align:left;
}

.finance-table th{
  color:#9698a5;
  font-size:12px;
  font-weight:600;
}

.finance-table td{
  color:#ddd;
  font-size:14px;
}

@media(max-width:1050px){
  .finance-summary-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .finance-summary-grid{
    grid-template-columns:1fr;
  }
}




.cv-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.cv-trust-field{display:grid;gap:7px}.cv-trust-field.full{grid-column:1/-1}.cv-trust-field label{font-size:12px;color:#9cb0cf;text-transform:uppercase;letter-spacing:.04em}.cv-trust-field select,.cv-trust-field input,.cv-trust-field textarea{width:100%;min-height:44px;border:1px solid #314765;border-radius:10px;background:#0d1930;color:#f7f9ff;padding:10px 12px;font-size:14px;outline:none;box-sizing:border-box}.cv-trust-field textarea{min-height:70px;resize:vertical}.cv-trust-field select:focus,.cv-trust-field input:focus,.cv-trust-field textarea:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.14)}.cv-trust-info{padding:11px 12px;border:1px solid #30425f;border-radius:10px;background:#0b1729;color:#aabbd4;font-size:12px;line-height:1.5}.cv-trust-info strong{color:#fff}.cv-trust-history{margin-top:16px}.cv-trust-row{padding:12px 0;border-top:1px solid rgba(120,145,180,.18)}.cv-trust-row:first-child{border-top:0}.cv-trust-row-top{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cv-trust-row small{color:#8295b3}.cv-trust-pill{display:inline-flex;align-items:center;border:1px solid #344b6d;border-radius:999px;padding:4px 8px;font-size:11px;color:#c5d2e5}.cv-trust-pill.paid{border-color:#2b7d5c;color:#77e3ae}.cv-trust-pill.pending{border-color:#826b2d;color:#ffd879}.cv-trust-pill.error{border-color:#7c3d4c;color:#ff9bac}@media(max-width:700px){.cv-trust-grid{grid-template-columns:1fr}.cv-trust-field.full{grid-column:auto}}



#whatsapp .wa58-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
#whatsapp .wa58-sub{margin-top:7px;color:#8fa5c5;font-size:13px}
#whatsapp .wa58-note{margin:0 0 16px;padding:13px 15px;border:1px solid rgba(111,92,255,.35);border-radius:12px;background:rgba(72,57,160,.14);color:#b8c8df;font-size:13px;line-height:1.55}
#whatsapp .wa58-note strong{color:#fff}
#whatsapp .wa58-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}
#whatsapp .wa58-card{border:1px solid rgba(95,118,158,.24)!important;background:linear-gradient(145deg,rgba(20,35,65,.96),rgba(17,28,54,.96))!important;color:#eef4ff!important}
#whatsapp .wa58-card h2{margin:4px 0 0;font-size:18px;color:#fff}
#whatsapp .wa58-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#whatsapp .wa58-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#8f7cff}
#whatsapp .wa58-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;border:1px solid #405475;font-size:12px;font-weight:700;color:#b9c8dd;background:#172640}
#whatsapp .wa58-pill.connected{border-color:rgba(44,193,121,.45);color:#76e1aa;background:rgba(23,112,70,.18)}
#whatsapp .wa58-pill.qr{border-color:rgba(246,189,59,.48);color:#ffd878;background:rgba(138,96,21,.18)}
#whatsapp .wa58-pill.error{border-color:rgba(236,78,99,.45);color:#ff9ba9;background:rgba(132,37,52,.18)}
#whatsapp .wa58-status-lines{display:grid;gap:0;margin-top:16px;border-top:1px solid rgba(116,141,179,.16)}
#whatsapp .wa58-status-lines>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(116,141,179,.12)}
#whatsapp .wa58-status-lines span{color:#879bb9;font-size:12px}
#whatsapp .wa58-status-lines strong{color:#f7f9ff;font-size:13px;text-align:right;overflow-wrap:anywhere}
#whatsapp .wa58-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
#whatsapp .wa58-btn{min-height:42px;padding:9px 14px;border:1px solid #6c5ce7;border-radius:10px;background:linear-gradient(135deg,#6952e4,#5540c8);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#whatsapp .wa58-btn.secondary{background:#162641;border-color:#3b5378;color:#d7e2f2}
#whatsapp .wa58-btn.danger{background:rgba(146,40,57,.24);border-color:#7a3545;color:#ffb0bb}
#whatsapp .wa58-btn:disabled{opacity:.55;cursor:wait}
#whatsapp .wa58-message{min-height:18px;margin-top:12px;color:#93a8c7;font-size:12px;line-height:1.5}
#whatsapp .wa58-message.ok{color:#75dba7}#whatsapp .wa58-message.error{color:#ff9bab}
#whatsapp .wa58-qr-card{text-align:center}
#whatsapp .wa58-qr-card .wa58-kicker,#whatsapp .wa58-qr-card h2{text-align:left}
#whatsapp .wa58-qr-box{width:min(300px,100%);aspect-ratio:1;margin:16px auto 10px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#fff;padding:13px;box-sizing:border-box;overflow:hidden}
#whatsapp .wa58-qr-box img{display:block;width:100%;height:100%;object-fit:contain}
#whatsapp .wa58-qr-placeholder{color:#66758b;font-size:13px;padding:20px}
#whatsapp .wa58-help{color:#8699b7;font-size:12px;line-height:1.5;text-align:left}
#whatsapp .wa58-test{margin-top:16px}
#whatsapp .wa58-test-grid{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:12px;margin-top:15px}
#whatsapp .wa58-test-grid label{display:grid;gap:7px}
#whatsapp .wa58-test-grid label.full{grid-column:auto}
#whatsapp .wa58-test-grid label span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8fa2bf}
#whatsapp .wa58-test-grid input,#whatsapp .wa58-test-grid textarea{width:100%;box-sizing:border-box;border:1px solid #344b70;border-radius:10px;background:#0c182d;color:#f3f6fb;padding:10px 12px;font:inherit;font-size:14px;outline:none}
#whatsapp .wa58-test-grid input{min-height:44px}#whatsapp .wa58-test-grid textarea{min-height:74px;resize:vertical}
#whatsapp .wa58-test-grid input:focus,#whatsapp .wa58-test-grid textarea:focus{border-color:#7661ed;box-shadow:0 0 0 3px rgba(118,97,237,.13)}
@media(max-width:800px){#whatsapp .wa58-grid{grid-template-columns:1fr}#whatsapp .wa58-test-grid{grid-template-columns:1fr}}



#cobrancas{--cb-border:rgba(106,130,171,.25);--cb-muted:#8fa4c3;--cb-panel:#111c33;--cb-panel2:#0d172a;--cb-purple:#7457ed;--cb-green:#2bd087}
#cobrancas .cb59-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.cb59-sub{margin-top:7px;color:var(--cb-muted);font-size:13px}.cb59-head-actions,.cb59-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cb59-pill{display:inline-flex;align-items:center;min-height:31px;padding:5px 10px;border:1px solid #435573;border-radius:999px;background:#17243b;color:#aebed4;font-size:12px;font-weight:700}.cb59-pill.ok{border-color:rgba(43,208,135,.45);background:rgba(43,208,135,.12);color:#73e7ad}.cb59-pill.error{border-color:rgba(235,80,100,.4);background:rgba(235,80,100,.1);color:#ffa2af}.cb59-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.cb59-stat{min-height:86px;padding:16px;border:1px solid var(--cb-border);border-radius:13px;background:linear-gradient(145deg,rgba(20,34,62,.97),rgba(14,24,45,.97))}.cb59-stat small{display:block;color:var(--cb-muted);font-size:11px}.cb59-stat strong{display:block;margin-top:8px;color:#fff;font-size:25px}.cb59-box{margin-bottom:16px;border:1px solid var(--cb-border)!important;background:linear-gradient(145deg,rgba(18,31,57,.98),rgba(14,24,45,.98))!important;color:#eef4ff!important}.cb59-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.cb59-title span{display:block;color:#8d79ff;font-size:10px;font-weight:800;letter-spacing:.13em}.cb59-title h2{margin:5px 0 0;color:#fff;font-size:18px}.cb59-btn{min-height:41px;padding:9px 14px;border:1px solid #715bdf;border-radius:9px;background:linear-gradient(135deg,#6d55e5,#5940ca);color:#fff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.cb59-btn.secondary{border-color:#3b506f;background:#172640;color:#d9e5f5}.cb59-btn:disabled{opacity:.55;cursor:wait}.cb59-switch-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid rgba(112,135,170,.14)}.cb59-switch-row:last-of-type{border-bottom:0}.cb59-switch-row strong{display:block;color:#f5f8ff;font-size:13px}.cb59-switch-row small{display:block;margin-top:5px;color:var(--cb-muted);font-size:12px;line-height:1.45}.cb59-switch{position:relative;flex:0 0 46px;width:46px;height:25px}.cb59-switch input{position:absolute;opacity:0;pointer-events:none}.cb59-switch span{position:absolute;inset:0;border-radius:999px;background:#44516a;cursor:pointer;transition:.15s}.cb59-switch span:after{content:'';position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:white;transition:.15s}.cb59-switch input:checked+span{background:#21c77a}.cb59-switch input:checked+span:after{transform:translateX(21px)}.cb59-additional{margin-top:13px;padding:13px;border:1px solid var(--cb-border);border-radius:10px;background:#0c172a}.cb59-additional label,.cb59-test-grid label{display:grid;gap:7px;color:#9db0ca;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.cb59-additional input,.cb59-test-grid input,.cb59-test-grid select,.cb59-template textarea{width:100%;box-sizing:border-box;border:1px solid #344a6b;border-radius:9px;background:#0b1528;color:#f3f7ff;padding:11px 12px;font:inherit;font-size:14px;outline:none}.cb59-additional input,.cb59-test-grid input,.cb59-test-grid select{min-height:44px}.cb59-template{margin-top:17px;border:1px solid rgba(91,116,157,.28);border-radius:12px;overflow:hidden;background:#101a31}.cb59-template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(84,64,187,.13)}.cb59-template-head b{display:block;color:#fff;font-size:14px}.cb59-template-head small{display:block;margin-top:4px;color:var(--cb-muted);font-size:12px}.cb59-template textarea{display:block;margin:14px;width:calc(100% - 28px);min-height:150px;resize:vertical;line-height:1.55}.cb59-link{border:1px solid #4e6c96;border-radius:8px;background:#132642;color:#7fd4ff;padding:7px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.cb59-info{margin-top:14px;padding:12px 14px;border-left:4px solid #22bce7;border-radius:8px;background:#17335a;color:#a9c8eb;font-size:12px}.cb59-media{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 14px 12px;padding:12px;border:1px dashed #354e72;border-radius:9px;background:#0c172a}.cb59-media>div:first-child{min-width:170px}.cb59-media span{display:block;color:#dbe8f8;font-size:12px;font-weight:700}.cb59-media small{display:block;margin-top:3px;color:#8196b5;font-size:10px}.cb59-media input[type=file]{max-width:260px;color:#aebed5;font-size:11px}.cb59-media-preview{display:flex;align-items:center;gap:8px;min-height:34px}.cb59-media-preview img{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #455a7a}.cb59-remove{border:1px solid #74394a;border-radius:7px;background:#321724;color:#ffabb7;padding:6px 8px;font-size:10px;cursor:pointer}.cb59-tags{margin:0 14px 14px;border:1px solid #2b6b83;border-radius:8px;background:#113048}.cb59-tags summary{padding:10px 12px;color:#62d4f2;font-size:12px;cursor:pointer}.cb59-tag-list{display:flex;gap:7px;flex-wrap:wrap;padding:0 12px 12px}.cb59-tag{border:1px solid #3a597a;border-radius:999px;background:#12223b;color:#bfd2eb;padding:6px 9px;font-size:10px;cursor:pointer}.cb59-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.cb59-result{color:#92a6c4;font-size:12px}.cb59-result.ok{color:#73e7ad}.cb59-result.error{color:#ffa2af}.cb59-table-wrap{overflow:auto;margin-top:14px}.cb59-table{width:100%;border-collapse:collapse;min-width:760px}.cb59-table th,.cb59-table td{padding:11px 10px;border-bottom:1px solid rgba(111,134,169,.14);text-align:left;font-size:12px;vertical-align:middle}.cb59-table th{color:#8298b8;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.cb59-table td{color:#dbe5f3}.cb59-status{display:inline-flex;padding:5px 8px;border:1px solid #455a76;border-radius:999px;color:#b6c5d9;font-size:10px}.cb59-status.paid,.cb59-status.sent{border-color:#277a57;color:#7ee3ae}.cb59-status.error{border-color:#7d3c4b;color:#ff9eaa}.cb59-status.scheduled{border-color:#7c672e;color:#ffd876}.cb59-action{min-height:34px;padding:6px 9px;border:1px solid #5c4ccd;border-radius:8px;background:#201c4c;color:#c9bfff;font-size:11px;cursor:pointer}@media(max-width:850px){.cb59-stats{grid-template-columns:1fr 1fr}.cb59-test-grid{grid-template-columns:1fr}}@media(max-width:520px){.cb59-stats{grid-template-columns:1fr}.cb59-template-head{display:grid}.cb59-switch-row{align-items:flex-start}}
.sidebar .menu button[data-cnav-key="cobrancas"]{--cnav-icon:#fbbf24}




.financeMenuGroup {
  width:100%;
}

.financeMenuGroup > button {
  width:100%;
}

.financeSubmenu {
  display:block;
  padding:5px 0 7px 16px;
}

.financeSubmenu button {
  width:100%;
  opacity:.82;
  font-size:13px;
  padding-left:22px !important;
}

.analyticsHeader {
  margin-bottom:18px;
}

.analyticsHeader h2 {
  margin:0 0 5px 0;
}

.analyticsHeader p {
  color:#94a3b8;
  margin:0;
}

.analyticsFilters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0;
}

.analyticsFilters button {
  background:#111827;
  border:1px solid #334155;
  color:#fff;
  border-radius:9px;
  padding:9px 14px;
  cursor:pointer;
}

.analyticsFilters button.active {
  border-color:#eab308;
}

.analyticsCards {
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:14px;
}

.analyticsCard {
  background:#111827;
  border:1px solid #273449;
  border-radius:14px;
  padding:18px;
}

.analyticsCard span {
  display:block;
  color:#94a3b8;
  font-size:12px;
}

.analyticsCard strong {
  display:block;
  font-size:25px;
  margin-top:8px;
}

.analyticsSection {
  background:#111827;
  border:1px solid #273449;
  border-radius:14px;
  padding:20px;
  margin-top:18px;
}

.analyticsSection h3 {
  margin:0 0 5px 0;
}

.analyticsSectionSub {
  color:#94a3b8;
  margin-bottom:18px;
}

.analyticsTwoColumns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.analyticsChart {
  min-height:280px;
  background:#0b1220;
  border-radius:12px;
  padding:14px;
  overflow:hidden;
}

.analyticsChart svg {
  width:100%;
  height:250px;
  display:block;
}

.analyticsChartLegend {
  display:flex;
  gap:18px;
  color:#94a3b8;
  font-size:12px;
  margin-bottom:8px;
}

.analyticsTable {
  width:100%;
  border-collapse:collapse;
}

.analyticsTable th,
.analyticsTable td {
  text-align:left;
  padding:11px;
  border-bottom:1px solid #273449;
}

.analyticsBar {
  height:8px;
  background:#1e293b;
  border-radius:99px;
  overflow:hidden;
  margin-top:8px;
}

.analyticsBar > div {
  height:100%;
  border-radius:99px;
}

.analyticsPositive {
  color:#22c55e;
}

.analyticsNegative {
  color:#ef4444;
}

.analyticsMoney {
  color:#facc15;
}

.dashboardAnalytics {
  margin-bottom:22px;
}

@media(max-width:1000px) {
  .analyticsCards {
    grid-template-columns:1fr 1fr;
  }

  .analyticsTwoColumns {
    grid-template-columns:1fr;
  }
}

@media(max-width:600px) {
  .analyticsCards {
    grid-template-columns:1fr;
  }
}





#financeCatalogPanel {
  display:none !important;
}

.financeConfigGrid {
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.financeConfigField {
  display:flex;
  flex-direction:column;
  gap:6px;
}

.financeConfigField label {
  color:#94a3b8;
  font-size:12px;
}

.financeConfigField input {
  background:#0b1220;
  color:#fff;
  border:1px solid #334155;
  border-radius:9px;
  padding:10px 12px;
}

.financeConfigButton {
  background:#2563eb;
  color:#fff;
  border:0;
  border-radius:9px;
  padding:10px 14px;
  cursor:pointer;
}

@media(max-width:900px) {
  .financeConfigGrid {
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px) {
  .financeConfigGrid {
    grid-template-columns:1fr;
  }
}





.financeOrderItems {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:16px;
}

.financeOrderRow {
  display:grid;
  grid-template-columns:
    1fr 120px 90px;
  gap:10px;
  align-items:end;
}

.financeOrderRow select,
.financeOrderRow input {
  width:100%;
  background:#0b1220;
  color:#fff;
  border:1px solid #334155;
  border-radius:9px;
  padding:10px;
}

.financeOrderRemove {
  background:#7f1d1d;
  color:#fff;
  border:0;
  border-radius:9px;
  padding:10px;
  cursor:pointer;
}

.financeQuoteSummary {
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.financeQuoteValue {
  background:#0b1220;
  border:1px solid #273449;
  border-radius:12px;
  padding:15px;
}

.financeQuoteValue span {
  display:block;
  color:#94a3b8;
  font-size:12px;
}

.financeQuoteValue strong {
  display:block;
  margin-top:6px;
  font-size:21px;
}

@media(max-width:700px) {
  .financeOrderRow {
    grid-template-columns:1fr;
  }

  .financeQuoteSummary {
    grid-template-columns:1fr;
  }
}





/* =========================================================
   CINERMA PRO CHARTS
   ========================================================= */

#financeChartPlaceholder {
  min-height: 470px !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.cinermaProChartShell {
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.96),
      rgba(8,15,28,.98)
    );
  border: 1px solid #273449;
  border-radius: 16px;
  overflow: hidden;
}

.cinermaProChartTop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 22px 8px;
}

.cinermaProChartTitle {
  font-size: 18px;
  font-weight: 700;
  color: #f8fafc;
}

.cinermaProChartSubtitle {
  margin-top: 5px;
  font-size: 12px;
  color: #94a3b8;
}

.cinermaProLegend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-end;
  color: #94a3b8;
  font-size: 12px;
}

.cinermaProLegendItem {
  display: flex;
  align-items: center;
  gap: 7px;
}

.cinermaProLegendDot {
  width: 10px;
  height: 10px;
  border-radius: 99px;
}

.cinermaProStats {
  display: grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap: 10px;
  padding: 14px 22px 4px;
}

.cinermaProStat {
  border: 1px solid #273449;
  border-radius: 11px;
  padding: 12px 14px;
  background: rgba(15,23,42,.72);
}

.cinermaProStat span {
  display: block;
  color: #94a3b8;
  font-size: 11px;
}

.cinermaProStat strong {
  display: block;
  color: #f8fafc;
  font-size: 19px;
  margin-top: 5px;
}

.cinermaProCanvas {
  position: relative;
  height: 390px;
  margin: 8px 12px 12px;
}

.cinermaProCanvas svg {
  width: 100%;
  height: 100%;
  display: block;
}

.cinermaProTooltip {
  position: absolute;
  z-index: 20;
  width: 255px;
  pointer-events: none;
  background: rgba(15,23,42,.97);
  border: 1px solid #475569;
  border-radius: 11px;
  padding: 13px 14px;
  box-shadow:
    0 15px 45px rgba(0,0,0,.35);
  color: #e2e8f0;
  font-size: 12px;
  opacity: 0;
  transform: translateY(3px);
  transition:
    opacity .12s ease,
    transform .12s ease;
}

.cinermaProTooltip.visible {
  opacity: 1;
  transform: translateY(0);
}

.cinermaProTooltipDate {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.cinermaProTooltipRow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}

.cinermaProTooltipRow span {
  color: #94a3b8;
}

.cinermaProTooltipRow strong {
  color: #f8fafc;
}

.cinermaProTooltipDivider {
  height: 1px;
  background: #334155;
  margin: 10px 0 5px;
}

.cinermaDashboardChartWrap {
  margin-top: 12px;
}

.cinermaDashboardChartStats {
  display: grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.cinermaDashboardStat {
  border: 1px solid #334155;
  border-radius: 10px;
  background: rgba(15,23,42,.76);
  padding: 11px;
  text-align: center;
}

.cinermaDashboardStat strong {
  display: block;
  font-size: 19px;
  color: #f8fafc;
}

.cinermaDashboardStat span {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
  font-size: 10px;
}

#dashCustomersChart,
#dashPaymentsChart {
  position: relative;
  min-height: 330px !important;
  height: 330px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

#dashCustomersChart svg,
#dashPaymentsChart svg {
  width: 100%;
  height: 100%;
  display: block;
}

.cinermaDashTooltip {
  position: absolute;
  z-index: 30;
  width: 220px;
  pointer-events: none;
  background: rgba(15,23,42,.97);
  border: 1px solid #475569;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 14px 35px rgba(0,0,0,.32);
  color: #fff;
  opacity: 0;
  font-size: 12px;
}

.cinermaDashTooltip.visible {
  opacity: 1;
}

@media(max-width:900px) {
  .cinermaProStats {
    grid-template-columns: 1fr 1fr;
  }

  .cinermaProChartTop {
    flex-direction: column;
  }

  .cinermaProLegend {
    justify-content: flex-start;
  }
}

@media(max-width:600px) {
  .cinermaProStats,
  .cinermaDashboardChartStats {
    grid-template-columns: 1fr;
  }

  .cinermaProCanvas {
    height: 340px;
  }
}





#metricsFinanceChart {
  min-height: 480px !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

.metricsProShell {
  position: relative;
  background:
    linear-gradient(
      180deg,
      #0d1728,
      #091321
    );
  border: 1px solid #273449;
  border-radius: 15px;
  overflow: hidden;
}

.metricsProHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 22px 8px;
}

.metricsProTitle {
  color: #f8fafc;
  font-weight: 700;
  font-size: 18px;
}

.metricsProSubtitle {
  color: #94a3b8;
  font-size: 12px;
  margin-top: 5px;
}

.metricsProLegend {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  color: #94a3b8;
  font-size: 12px;
}

.metricsProLegendItem {
  display: flex;
  align-items: center;
  gap: 7px;
}

.metricsProDot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.metricsProCards {
  display: grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap: 10px;
  padding: 14px 22px 5px;
}

.metricsProCard {
  background: rgba(15,23,42,.74);
  border: 1px solid #273449;
  border-radius: 11px;
  padding: 12px 14px;
}

.metricsProCard span {
  display: block;
  color: #94a3b8;
  font-size: 11px;
}

.metricsProCard strong {
  display: block;
  color: #f8fafc;
  font-size: 19px;
  margin-top: 5px;
}

.metricsProCanvas {
  position: relative;
  height: 390px;
  margin: 10px 14px 14px;
}

.metricsProCanvas svg {
  width: 100%;
  height: 100%;
  display: block;
}

.metricsProTooltip {
  position: absolute;
  z-index: 50;
  width: 255px;
  pointer-events: none;
  opacity: 0;

  background: rgba(15,23,42,.98);
  border: 1px solid #475569;
  border-radius: 11px;

  padding: 13px 14px;

  box-shadow:
    0 16px 42px rgba(0,0,0,.38);

  color: #e2e8f0;
  font-size: 12px;
}

.metricsProTooltip.visible {
  opacity: 1;
}

.metricsProTooltipDate {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 9px;
}

.metricsProTooltipRow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}

.metricsProTooltipRow span {
  color: #94a3b8;
}

.metricsProTooltipDivider {
  height: 1px;
  background: #334155;
  margin: 10px 0 5px;
}

@media(max-width:900px) {
  .metricsProCards {
    grid-template-columns: 1fr 1fr;
  }

  .metricsProHeader {
    flex-direction: column;
  }
}

@media(max-width:600px) {
  .metricsProCards {
    grid-template-columns: 1fr;
  }

  .metricsProCanvas {
    height: 340px;
  }
}





.cinermaBrazilMapShell {
  margin-top: 18px;
  background: #111827;
  border: 1px solid #273449;
  border-radius: 15px;
  overflow: hidden;
}

.cinermaBrazilMapHeader {
  padding: 20px 22px;
  border-bottom: 1px solid #273449;
}

.cinermaBrazilMapHeader h3 {
  margin: 0;
  font-size: 19px;
}

.cinermaBrazilMapHeader p {
  margin: 5px 0 0;
  color: #94a3b8;
  font-size: 13px;
}

.cinermaBrazilMapContent {
  display: grid;
  grid-template-columns:
    minmax(250px, 340px)
    1fr;
  gap: 16px;
  padding: 18px;
}

.cinermaBrazilRanking,
.cinermaBrazilMapBox {
  background: #0b1220;
  border: 1px solid #273449;
  border-radius: 13px;
}

.cinermaBrazilRanking {
  padding: 17px;
}

.cinermaBrazilRankingTitle {
  font-weight: 700;
  font-size: 16px;
}

.cinermaBrazilRankingSub {
  margin-top: 4px;
  color: #94a3b8;
  font-size: 11px;
}

.cinermaBrazilStateRow {
  display: grid;
  grid-template-columns:
    32px 42px 1fr auto;
  align-items: center;
  gap: 8px;

  margin-top: 10px;
  padding: 11px 10px;

  background: #111c2f;
  border: 1px solid #22324a;
  border-radius: 9px;
}

.cinermaBrazilPosition {
  width: 25px;
  height: 25px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #1e293b;
  color: #cbd5e1;

  font-size: 11px;
  font-weight: 700;
}

.cinermaBrazilUF {
  display: inline-flex;
  justify-content: center;

  padding: 3px 6px;

  border-radius: 5px;

  background: #2563eb;
  color: #fff;

  font-size: 11px;
  font-weight: 700;
}

.cinermaBrazilStateName {
  color: #cbd5e1;
  font-size: 12px;
}

.cinermaBrazilCount {
  color: #f8fafc;
  font-weight: 700;
}

.cinermaBrazilTotal {
  margin-top: 15px;
  padding: 14px;

  text-align: center;

  border: 1px solid #315487;
  border-radius: 9px;

  background:
    linear-gradient(
      180deg,
      rgba(37,99,235,.14),
      rgba(37,99,235,.04)
    );
}

.cinermaBrazilTotal strong {
  display: block;
  color: #60a5fa;
  font-size: 22px;
}

.cinermaBrazilTotal span {
  display: block;
  color: #94a3b8;
  margin-top: 4px;
  font-size: 10px;
}

.cinermaBrazilMapBox {
  min-height: 510px;
  padding: 10px;
  position: relative;
}

#cinermaBrazilMapChart {
  width: 100%;
  height: 500px;
}

.cinermaBrazilMapLoading {
  height: 500px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #94a3b8;
}

.cinermaBrazilMapNote {
  padding: 0 18px 17px;
  color: #64748b;
  font-size: 11px;
}

@media(max-width:900px) {

  .cinermaBrazilMapContent {
    grid-template-columns: 1fr;
  }

  .cinermaBrazilMapBox {
    min-height: 430px;
  }

  #cinermaBrazilMapChart {
    height: 420px;
  }

}





.uniplayCards {
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.uniplayCard {
  background:#111827;
  border:1px solid #2b374b;
  border-radius:14px;
  padding:17px;
}

.uniplayCard span {
  display:block;
  color:#94a3b8;
  font-size:12px;
}

.uniplayCard strong {
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:25px;
}

.uniplayToolbar {
  display:flex;
  gap:10px;
  margin:20px 0 14px;
  flex-wrap:wrap;
}

.uniplayToolbar button {
  border:1px solid #334155;
  background:#111827;
  color:#e2e8f0;
  padding:9px 14px;
  border-radius:9px;
  cursor:pointer;
}

.uniplayToolbar button.active {
  border-color:#3b82f6;
  background:#172554;
}

.uniplayTableWrap {
  overflow:auto;
  background:#111827;
  border:1px solid #2b374b;
  border-radius:14px;
}

.uniplayTable {
  width:100%;
  border-collapse:collapse;
}

.uniplayTable th,
.uniplayTable td {
  text-align:left;
  padding:12px 14px;
  border-bottom:1px solid #263246;
  white-space:nowrap;
}

.uniplayTable th {
  color:#94a3b8;
  font-size:11px;
  text-transform:uppercase;
}

.uniplayStatus {
  margin-top:14px;
  color:#94a3b8;
  font-size:12px;
}

@media(max-width:900px) {
  .uniplayCards {
    grid-template-columns:1fr 1fr;
  }
}





.panelRepCards{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}

.panelRepCard{
  padding:16px;
  background:#111827;
  border:1px solid #334155;
  border-radius:12px;
}

.panelRepCard span{
  display:block;
  color:#93c5fd;
  font-size:12px;
  margin-bottom:8px;
}

.panelRepCard strong{
  font-size:24px;
}

.panelRepBox{
  margin-top:14px;
  padding:17px;
  background:#111827;
  border:1px solid #334155;
  border-radius:12px;
}

.panelRepDate{
  padding:8px 10px;
  background:#0b1220;
  color:white;
  border:1px solid #334155;
  border-radius:7px;
}

.panelRepTable{
  width:100%;
  border-collapse:collapse;
}

.panelRepTable th,
.panelRepTable td{
  padding:10px;
  text-align:left;
  border-bottom:
    1px solid #273449;
}

.panelRepTable input{
  width:130px;
  padding:8px;
  background:#0b1220;
  color:white;
  border:1px solid #334155;
  border-radius:7px;
}

.panelRepButton{
  margin-top:15px;
  padding:10px 15px;
  border:0;
  border-radius:8px;
  background:#2563eb;
  color:white;
  cursor:pointer;
}

.panelRepChartWrap{
  position:relative;
  width:100%;
  overflow:hidden;
}

.panelRepChart{
  width:100%;
  height:280px;
  display:block;
}

.panelRepMessage{
  margin-top:10px;
  color:#94a3b8;
  font-size:12px;
}

.panelRepChartStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.panelRepChartStat{
  padding:13px 14px;
  border:1px solid #2b374b;
  border-radius:10px;
  background:#0d1524;
}

.panelRepChartStat span{
  display:block;
  color:#93c5fd;
  font-size:11px;
  margin-bottom:6px;
}

.panelRepChartStat strong{
  font-size:17px;
  color:#f8fafc;
}

.panelRepChartWrap{
  position:relative;
  min-height:330px;
  padding-top:8px;
}

.panelRepChart{
  width:100%;
  height:320px;
  display:block;
}

@media(max-width:800px){
  .panelRepCards,
  .panelRepChartStats{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .panelRepCards,
  .panelRepChartStats{
    grid-template-columns:1fr;
  }
}





.panelRepChartBox{
  max-width:1050px;
  margin:18px auto 0;
  padding:18px 20px;
}

.panelRepChartBox .panelRepChartStats{
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:10px;
}

.panelRepChartBox .panelRepChartStat{
  min-height:58px;
  padding:11px 12px;
}

.panelRepChartBox .panelRepPeriodBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0;
}

.panelRepChartBox .panelRepPeriodNav{
  display:flex;
  align-items:center;
  gap:7px;
}

.panelRepChartBox .panelRepPeriodLabel{
  min-width:160px;
}

.panelRepChartBox .panelRepChartWrap{
  min-height:280px;
  height:280px;
}

.panelRepChartBox .panelRepNewChart,
.panelRepChartBox .panelRepChart{
  height:280px !important;
  max-height:280px;
}

@media(max-width:900px){

  .panelRepChartBox{
    max-width:none;
  }

  .panelRepChartBox .panelRepChartStats{
    grid-template-columns:1fr 1fr;
  }

  .panelRepChartBox .panelRepPeriodBar{
    align-items:flex-start;
    flex-direction:column;
  }
}





#uniplaySessionBox {
  margin:18px 0;
  padding:18px;

  background:#111827;
  border:1px solid #2b374b;
  border-radius:14px;
}

.uniplaySessionTop {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.uniplaySessionBadge {
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:7px 11px;
  border-radius:999px;

  font-size:12px;
  font-weight:700;
}

.uniplaySessionBadge.connected {
  background:rgba(34,197,94,.13);
  color:#4ade80;
  border:1px solid rgba(34,197,94,.35);
}

.uniplaySessionBadge.disconnected {
  background:rgba(239,68,68,.10);
  color:#f87171;
  border:1px solid rgba(239,68,68,.28);
}

.uniplaySessionDot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
}

#uniplaySessionPayload {
  width:100%;
  min-height:105px;
  box-sizing:border-box;

  margin-top:14px;
  padding:11px 12px;

  resize:vertical;

  background:#0b1220;
  color:#e2e8f0;

  border:1px solid #334155;
  border-radius:9px;

  font-family:monospace;
  font-size:12px;
}

.uniplaySessionActions {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:11px;
}

.uniplaySessionActions button,
.uniplaySessionActions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:38px;
  padding:0 15px;

  border-radius:9px;
  border:1px solid #334155;

  text-decoration:none;
  cursor:pointer;
}

#uniplaySessionConnect {
  background:#2563eb;
  color:#fff;
}

#uniplaySessionOfficial {
  background:#172033;
  color:#e2e8f0;
}

#uniplaySessionDisconnect {
  background:#451a1a;
  color:#fecaca;
}

#uniplaySessionMessage {
  margin-top:11px;
  color:#94a3b8;
  font-size:12px;
}




.mp-gateway-card{
  border:1px solid #2a2b35;
  border-radius:18px;
  padding:26px;
  background:#111219;
  max-width:1100px;
}
.mp-gateway-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding-bottom:22px;
  border-bottom:1px solid #292a33;
}
.mp-gateway-head p{margin:8px 0 0;color:#9295a3}
.mp-gateway-title-row{display:flex;align-items:center;gap:12px;font-size:24px}
.mp-gateway-badge{font-size:12px;padding:6px 11px;border-radius:999px;background:#2a2b34;color:#a3a6b3}
.mp-gateway-badge.on{background:#063b28;color:#5ee6a8}
.mp-gateway-badge.off{background:#3a1b1b;color:#f5a1a1}
.mp-gateway-icon{width:60px;height:46px;border-radius:12px;background:#182e4b;color:#51b4ff;display:flex;align-items:center;justify-content:center;font-weight:800}
.mp-gateway-notice{margin:22px 0;padding:14px 16px;border:1px solid #1d638b;background:#10293a;border-radius:10px;color:#8dcff5;line-height:1.5}
.mp-gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mp-secret-wrap{display:flex;gap:8px}
.mp-secret-wrap input{flex:1}
.mp-eye{border:1px solid #343641;background:#171820;color:#c7c9d4;border-radius:9px;padding:0 14px;cursor:pointer}
#mpTokenHint{display:block;margin-top:7px;color:#757986}
.mp-gateway-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.mp-gateway-message{display:none;margin-top:16px;padding:11px 13px;border-radius:9px;font-size:13px}
.mp-gateway-message.ok{display:block;background:#0d3425;color:#7ee2af}
.mp-gateway-message.error{display:block;background:#3b1c1c;color:#f4abab}
@media(max-width:720px){
  .mp-gateway-card{padding:18px}
  .mp-gateway-grid{grid-template-columns:1fr}
  .mp-gateway-title-row{font-size:20px;align-items:flex-start;flex-direction:column}
  .mp-gateway-actions .btn{width:100%}
}



.products-v5-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:18px;margin-top:18px}
.products-v5-card{background:#101117;border:1px solid #282b36;border-radius:16px;padding:22px}
.products-v5-branding{margin-top:20px}.products-v5-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.products-v5-card h2{margin:0 0 5px;font-size:20px}.products-v5-card p{margin:0 0 18px;color:#9198a8}
.products-v5-branding-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:18px;align-items:center}
.products-v5-logo-preview{min-height:100px;border:1px dashed #343a49;border-radius:12px;background:#090b10;display:flex;align-items:center;padding:16px;overflow:hidden}
.products-v5-logo-preview img{display:none;max-width:100%;max-height:72px;object-fit:contain;object-position:left center}.products-v5-logo-preview img.has-image{display:block}
.products-v5-upload-controls label{display:block;color:#aab0be;font-size:13px;margin-bottom:6px}.products-v5-upload-controls input{width:100%;box-sizing:border-box;background:#0c0e14;color:#fff;border:1px solid #303544;border-radius:9px;padding:10px}.products-v5-upload-controls .products-v5-secondary{margin-top:10px}
.products-v5-list{display:grid;gap:14px}.products-v5-product{border:1px solid #292d3a;border-radius:14px;overflow:hidden;background:#0d0f15}
.products-v5-product-head{padding:15px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #242835}
.products-v5-product-name{font-weight:800}.products-v5-product-meta{font-size:12px;color:#8992a5;margin-top:4px}
.products-v5-plan{display:grid;grid-template-columns:64px minmax(140px,1.3fr) .7fr .8fr auto;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid #1f2330}.products-v5-plan:last-child{border-bottom:0}
.products-v5-thumb{width:58px;height:72px;border-radius:9px;object-fit:cover;object-position:top;background:#171a24;border:1px solid #2a3040}.products-v5-thumb-empty{display:grid;place-items:center;color:#667085;font-size:10px;text-align:center}
.products-v5-price{font-weight:800}.products-v5-edit{border:1px solid #3a4050;background:#171a24;color:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}
.products-v5-editor label{display:block;color:#aab0be;font-size:13px;margin:13px 0 6px}.products-v5-editor input,.products-v5-editor select{width:100%;box-sizing:border-box;background:#0c0e14;color:#fff;border:1px solid #303544;border-radius:9px;padding:11px 12px}
.products-v5-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.products-v5-media-box{margin-top:18px;padding:15px;border:1px solid #43356f;border-radius:12px;background:#151022}.products-v5-media-box>div:first-child{display:flex;flex-direction:column;gap:3px}.products-v5-media-box>div:first-child span{font-size:12px;color:#9d91bd}.products-v5-plan-image-preview{margin-top:12px;width:100%;height:150px;border-radius:11px;overflow:hidden;background:#090b10;border:1px dashed #403753;display:flex;align-items:center;justify-content:center}.products-v5-plan-image-preview img{display:none;width:100%;height:100%;object-fit:cover;object-position:top}.products-v5-plan-image-preview img.has-image{display:block}.products-v5-media-box input{margin-top:10px!important}
.products-v5-mp-box{margin-top:18px;padding:15px;border:1px solid #2b4f73;border-radius:12px;background:#0e1824}.products-v5-mp-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.products-v5-mp-head span{font-size:12px;color:#8ba7c1}.products-v5-check{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#cfe8ff!important;font-weight:700}.products-v5-check input{width:auto!important}.products-v5-mp-box textarea{width:100%;box-sizing:border-box;background:#0c0e14;color:#fff;border:1px solid #303544;border-radius:9px;padding:11px 12px;resize:vertical}
.products-v5-primary,.products-v5-secondary{border:0;border-radius:9px;cursor:pointer;font-weight:800}.products-v5-primary{width:100%;margin-top:18px;padding:12px;background:#f0c84a;color:#111}.products-v5-secondary{padding:9px 12px;background:#1a1e29;color:#fff;border:1px solid #343a49}.products-v5-status{min-height:20px;margin-top:12px;color:#aab0be}
@media(max-width:900px){.products-v5-layout{grid-template-columns:1fr}.products-v5-editor{order:-1}.products-v5-branding-row{grid-template-columns:1fr}}
@media(max-width:620px){.products-v5-grid{grid-template-columns:1fr}.products-v5-plan{grid-template-columns:52px 1fr auto}.products-v5-plan .products-v5-duration,.products-v5-plan .products-v5-price{grid-column:2}.products-v5-plan .products-v5-edit{grid-column:3;grid-row:1/4}.products-v5-thumb{width:48px;height:62px}.products-v5-card{padding:16px}}



:root{
  --cnav-bg:#070b16;
  --cnav-side:#0b1020;
  --cnav-panel:#111a2e;
  --cnav-line:#25324a;
  --cnav-text:#f8fafc;
  --cnav-muted:#8fa3c2;
  --cnav-purple:#ad36ec;
  --cnav-violet:#7c1ec1;
  --cnav-cyan:#22d3ee;
}
.sidebar{
  background:
    radial-gradient(circle at 18% 3%, rgba(173,54,236,.16), transparent 28%),
    linear-gradient(180deg,#0b1020 0%,#080d19 100%) !important;
  border-right:1px solid rgba(127,93,255,.20) !important;
  padding:22px 14px 28px !important;
  box-shadow:18px 0 48px rgba(0,0,0,.18);
}
.sidebar .logo{
  position:relative;
  margin:0 5px 20px;
  padding:10px 12px 14px !important;
  color:#fff !important;
  font-size:21px !important;
  letter-spacing:-.025em;
  border-bottom:1px solid rgba(148,163,184,.12);
}
.sidebar .logo::before{
  content:'C';
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-right:10px;
  border-radius:11px;
  vertical-align:middle;
  color:white;
  font-size:16px;
  font-weight:900;
  background:linear-gradient(135deg,var(--cnav-purple),var(--cnav-violet));
  box-shadow:0 8px 26px rgba(173,54,236,.26);
}
.sidebar .logo span{
  color:transparent !important;
  background:linear-gradient(90deg,#d8b4fe,var(--cnav-purple));
  -webkit-background-clip:text;
  background-clip:text;
}
.cnav-logo-sub{
  display:block;
  margin:7px 0 0 47px;
  color:#7184a4;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sidebar .menu{
  gap:4px !important;
}
.cnav-section{
  margin:18px 10px 7px;
  color:#637493;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  user-select:none;
}
.sidebar .menu button{
  position:relative;
  display:flex !important;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:43px;
  padding:9px 11px !important;
  border:1px solid transparent !important;
  border-left:1px solid transparent !important;
  border-radius:10px !important;
  color:#aab8cf !important;
  background:transparent !important;
  font-size:13px !important;
  font-weight:650;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.sidebar .menu button:hover{
  color:#fff !important;
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(148,163,184,.12) !important;
  transform:translateX(1px);
}
.sidebar .menu button.active{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(173,54,236,.16),rgba(34,211,238,.06)) !important;
  border-color:rgba(173,54,236,.34) !important;
  box-shadow:inset 3px 0 0 var(--cnav-purple),0 8px 20px rgba(0,0,0,.08);
}
.cnav-icon{
  flex:0 0 27px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,currentColor 11%,transparent);
  color:var(--cnav-icon,#94a3b8);
}
.cnav-icon svg{
  width:15px;
  height:15px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sidebar .menu button[data-cnav-key="dashboard"]{--cnav-icon:#c084fc}
.sidebar .menu button[data-cnav-key="clientes"]{--cnav-icon:#22d3ee}
.sidebar .menu button[data-cnav-key="pedidos"]{--cnav-icon:#60a5fa}
.sidebar .menu button[data-cnav-key="renovacoes"]{--cnav-icon:#34d399}
.sidebar .menu button[data-cnav-key="produtos"]{--cnav-icon:#f59e0b}
.sidebar .menu button[data-cnav-key="financeiro"]{--cnav-icon:#2dd4bf}
.sidebar .menu button[data-cnav-key="estoque"]{--cnav-icon:#fb923c}
.sidebar .menu button[data-cnav-key="historico"]{--cnav-icon:#a78bfa}
.sidebar .menu button[data-cnav-key="paineis"]{--cnav-icon:#38bdf8}
.sidebar .menu button[data-cnav-key="whatsapp"]{--cnav-icon:#22c55e}
.sidebar .menu button[data-cnav-key="logs"]{--cnav-icon:#94a3b8}
.sidebar .menu button[data-cnav-key="config"]{--cnav-icon:#e879f9}
.sidebar .menu button[data-cnav-key="uniplay"]{--cnav-icon:#60a5fa}
.sidebar .menu button[data-cnav-key="unitv"]{--cnav-icon:#c084fc}

#cinermaPanelsMenu,
.financeGroup{
  width:100%;
}
#cinermaPanelsToggle,
.financeGroup > button{
  margin:0 !important;
}
#cinermaPanelsChildren,
.financeSubmenu{
  margin:2px 0 5px 14px !important;
  padding:3px 0 3px 12px !important;
  border-left:1px solid rgba(148,163,184,.13);
}
#cinermaPanelsChildren button,
.financeSubmenu button{
  min-height:35px !important;
  padding:6px 8px !important;
  font-size:12px !important;
  border-radius:8px !important;
}
#cinermaPanelsChildren .cnav-icon,
.financeSubmenu .cnav-icon{
  width:22px;
  height:22px;
  flex-basis:22px;
  border-radius:7px;
}
#cinermaPanelsChildren .cnav-icon svg,
.financeSubmenu .cnav-icon svg{
  width:13px;
  height:13px;
}
.main{
  background:
    radial-gradient(circle at 90% -10%,rgba(173,54,236,.055),transparent 32%),
    var(--bg);
}
@media(max-width:900px){
  .sidebar{box-shadow:none}
}



/* Paleta Cinerma: azul-marinho + índigo + violeta. Remove o preto puro das superfícies. */
:root{
  --bg:#0a1020 !important;
  --panel:#111a2e !important;
  --panel2:#162238 !important;
  --line:#293854 !important;
  --text:#f8fafc !important;
  --muted:#93a4c0 !important;
  --gold:#a855f7 !important;
  --purple:#8b5cf6 !important;
  --green:#35d07f !important;
}
html,body{
  background:#0a1020 !important;
}
body{
  color:#f8fafc !important;
}
.app{
  background:#0a1020 !important;
}
.main{
  background:
    radial-gradient(circle at 86% -8%,rgba(168,85,247,.12),transparent 34%),
    radial-gradient(circle at 18% 110%,rgba(56,189,248,.06),transparent 32%),
    linear-gradient(180deg,#0b1222 0%,#0a1020 100%) !important;
}

/* Superfícies principais */
.card,
.box,
.clients-count,
.client-modal,
.delete-modal,
.inventory-stat,
.inventory-modal,
.inventory-group,
.stock-products-box,
.history-box,
.finance-card,
.finance-section,
.stock-editor-notice{
  background:#111a2e !important;
  border-color:#293854 !important;
}

/* Blocos secundários e áreas internas */
.client-secondary-btn,
.client-edit-btn,
.inventory-group-count,
.stock-edit-btn,
.history-action-btn,
.finance-period button,
.history-code{
  background:#162238 !important;
  border-color:#31415f !important;
}

/* Formulários do painel */
.main input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.main select,
.main textarea,
.client-field input,
.client-field select,
.inventory-codes-input,
.history-search-wrap input,
.history-filter-field select{
  background:#0d172a !important;
  border-color:#2d3d59 !important;
  color:#f8fafc !important;
}
.main input::placeholder,
.main textarea::placeholder{
  color:#6f84a5 !important;
}
.main input:focus,
.main select:focus,
.main textarea:focus{
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.10) !important;
  outline:none !important;
}

/* Tabelas: linhas com tonalidade azul, sem faixas pretas */
.clients-table,
.stock-products-table,
.history-table{
  background:transparent !important;
}
.clients-table tbody tr,
.stock-products-table tbody tr,
.history-table tbody tr{
  background:rgba(17,26,46,.68) !important;
}
.clients-table tbody tr:hover,
.stock-products-table tbody tr:hover,
.history-table tbody tr:hover{
  background:#17233a !important;
}
.clients-table th,
.clients-table td,
.stock-products-table th,
.stock-products-table td,
.history-table th,
.history-table td,
.integration{
  border-color:#263650 !important;
}

/* Dashboard */
#dashboard .card{
  background:linear-gradient(145deg,#121c31,#10192b) !important;
}
#dashboard .box{
  background:linear-gradient(145deg,#111a2e,#0f182a) !important;
}
#dashboard .card strong{
  color:#f8fafc !important;
}
#dashboard .placeholder,
.page-subtitle,
.card small{
  color:#93a4c0 !important;
}

/* Mantém estados coloridos sem voltar ao preto */
.status.online,.badge.online,.online{
  background:rgba(34,197,94,.10) !important;
  border-color:rgba(34,197,94,.25) !important;
}
.status.offline,.badge.offline,.offline{
  background:rgba(239,68,68,.10) !important;
  border-color:rgba(239,68,68,.22) !important;
}

/* Modais: overlay continua escuro, janela segue a paleta do painel */
.client-modal-overlay,
.delete-modal-overlay,
.inventory-modal-overlay,
.stock-editor-overlay{
  background:rgba(3,7,18,.74) !important;
}

/* Scrollbar discreta */
*{
  scrollbar-color:#344562 #0b1324;
}

@media(max-width:900px){
  .main{
    background:linear-gradient(180deg,#0b1222 0%,#0a1020 100%) !important;
  }
}



#clientes{--cv-bg:#0d172a;--cv-panel:#111d33;--cv-panel2:#16243d;--cv-line:#2b3b59;--cv-muted:#91a5c5;--cv-text:#f8fafc;--cv-violet:#8b5cf6;--cv-cyan:#22d3ee;--cv-green:#20d47a;--cv-yellow:#f5b82e;--cv-red:#ff6174;--cv-blue:#4ca6ff}
#clientes .clients-table-wrap{border:1px solid var(--cv-line)!important;border-radius:15px!important;overflow:auto;background:var(--cv-panel)!important}
#clientes .clients-table{min-width:1040px}
#clientes .clients-table th{background:#111832!important;color:#8ba1c6!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;padding:13px 14px!important}
#clientes .clients-table td{padding:12px 14px!important;vertical-align:middle!important}
#clientes .clients-table tbody tr{background:#111a32!important}
#clientes .clients-table tbody tr:hover{background:#15213d!important}
.cv-client-main{display:flex;align-items:center;gap:10px;min-width:190px}.cv-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#22d3ee);font-weight:900;color:#fff}.cv-client-main strong{display:block;color:#fff}.cv-sub{margin-top:3px;color:var(--cv-muted);font-size:11px}.cv-plan-price{color:#31e985;margin-left:5px;font-weight:800}.cv-product-pill,.cv-integration-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:rgba(99,102,241,.15);color:#aab8ff;font-size:11px}.cv-integration-pill{margin-top:4px;background:rgba(32,212,122,.1);color:#35e889}.cv-expiry{display:inline-flex;padding:6px 9px;border:1px solid rgba(148,163,184,.2);border-radius:8px;font-size:11px}.cv-expiry.expired,.cv-expiry.today{color:#ff8a97;background:rgba(255,97,116,.12);border-color:rgba(255,97,116,.45)}.cv-expiry.urgent{color:#f7cd5c;background:rgba(245,184,46,.1);border-color:rgba(245,184,46,.35)}.cv-expiry.ok{color:#6ee7a6;background:rgba(32,212,122,.08);border-color:rgba(32,212,122,.25)}
.cv-actions{display:flex;gap:4px;align-items:center;white-space:nowrap}.cv-action{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;color:#9db0cf;transition:.15s}.cv-action:hover{background:rgba(255,255,255,.06);border-color:rgba(148,163,184,.15);transform:translateY(-1px)}.cv-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cv-action.note{color:var(--cv-yellow)}.cv-action.edit{color:#7c83ff}.cv-action.renew{color:var(--cv-green)}.cv-action.profile{color:var(--cv-blue)}.cv-action.notify{color:#a88bff}.cv-action.link{color:#32d98a}.cv-action.delete{color:var(--cv-red)}.cv-action::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 7px;border-radius:6px;background:#08101f;border:1px solid #273651;color:#fff;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:.12s;z-index:20}.cv-action:hover::after{opacity:1}
.cv-profile{display:none}.cv-profile.active{display:block}.cv-list-hidden>.top,.cv-list-hidden>.box{display:none!important}.cv-profile-head{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--cv-line);border-radius:16px;background:linear-gradient(145deg,#13213a,#101b31);margin-bottom:18px}.cv-profile-avatar{width:70px;height:70px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);font-size:28px;font-weight:900}.cv-profile-title{flex:1;min-width:0}.cv-profile-title h2{margin:0 0 7px;font-size:23px}.cv-contact-row{display:flex;flex-wrap:wrap;gap:8px 14px;color:#afbdd4;font-size:12px}.cv-profile-buttons{display:flex;gap:8px;flex-wrap:wrap}.cv-btn{border:1px solid #344663;background:#172641;color:#fff;border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:750}.cv-btn.primary{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#8b5cf6}.cv-btn.green{background:#0e7254;border-color:#1aad7b}.cv-status-badge{display:inline-flex;margin-bottom:6px;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:800}.cv-status-badge.active{background:rgba(32,212,122,.1);color:#44e79c}.cv-status-badge.expired{background:rgba(255,97,116,.12);color:#ff8390}.cv-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.cv-metric{padding:16px;border:1px solid var(--cv-line);border-radius:14px;background:#121e34}.cv-metric small{display:block;color:#7f94b5;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.cv-metric strong{display:block;margin-top:9px;font-size:20px}.cv-metric.green strong{color:#37e391}.cv-metric.blue strong{color:#58a9ff}.cv-metric.purple strong{color:#c37aff}.cv-profile-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.cv-card{border:1px solid var(--cv-line);border-radius:15px;background:#111d33;padding:18px}.cv-card h3{margin:0 0 14px;font-size:15px}.cv-order-table{width:100%;border-collapse:collapse}.cv-order-table th,.cv-order-table td{text-align:left;border-bottom:1px solid #263650;padding:10px 7px;font-size:11px}.cv-order-table th{color:#8198ba;text-transform:uppercase;font-size:9px}.cv-order-table tr:last-child td{border-bottom:0}.cv-note-list{display:grid;gap:9px}.cv-note{padding:11px;border:1px solid #2a3a57;border-radius:10px;background:#0e192c}.cv-note p{margin:0 0 7px;white-space:pre-wrap;font-size:12px}.cv-note-foot{display:flex;justify-content:space-between;gap:8px;color:#778bab;font-size:10px}.cv-note-delete{border:0;background:none;color:#ff7584;cursor:pointer}.cv-note-form textarea{width:100%;min-height:75px;box-sizing:border-box;margin:10px 0;background:#0d172a;border:1px solid #30415f;border-radius:10px;padding:10px;color:#fff;resize:vertical}.cv-empty{padding:24px 10px;text-align:center;color:#7f93b4}
.cv-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.78);z-index:13000;display:none;align-items:center;justify-content:center;padding:18px}.cv-modal-backdrop.active{display:flex}.cv-modal{width:min(520px,100%);max-height:90vh;overflow:auto;border:1px solid #314564;border-radius:16px;background:#111d33;box-shadow:0 24px 80px rgba(0,0,0,.42)}.cv-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #293a57}.cv-modal-head h3{margin:0}.cv-close{border:0;background:transparent;color:#8698b5;font-size:24px;cursor:pointer}.cv-modal-body{padding:18px}.cv-selected{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #2d5471;border-radius:12px;background:#142940}.cv-selected .cv-avatar{width:40px;height:40px;flex-basis:40px}.cv-renew-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.cv-renew-box{padding:12px;border:1px solid #2c3d5b;border-radius:11px;background:#0f1b30}.cv-renew-box small{display:block;color:#8197b7;margin-bottom:6px}.cv-renew-box strong{display:block}.cv-renew-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.cv-renew-field{display:grid;gap:7px}.cv-renew-field label{font-size:12px;color:#9cb0cf;text-transform:uppercase;letter-spacing:.04em}.cv-renew-field select,.cv-renew-field input{width:100%;min-height:44px;border:1px solid #314765;border-radius:10px;background:#0d1930;color:#f7f9ff;padding:10px 12px;font-size:14px;outline:none}.cv-renew-field select:focus,.cv-renew-field input:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.14)}.cv-renew-help{font-size:12px;line-height:1.45;color:#8498b8;margin-top:8px}.cv-renew-plan-info{padding:10px 12px;border-radius:10px;background:#0b1729;border:1px solid #263957;color:#aabbd4;font-size:12px}.cv-renew-plan-info strong{color:#fff}.cv-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:980px){.cv-metrics{grid-template-columns:1fr 1fr}.cv-profile-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cv-renew-form{grid-template-columns:1fr}#clientes .clients-table{min-width:880px}.cv-profile-head{align-items:flex-start;flex-wrap:wrap}.cv-profile-buttons{width:100%}.cv-profile-buttons .cv-btn{flex:1}.cv-metrics{grid-template-columns:1fr 1fr}.cv-profile-avatar{width:56px;height:56px;font-size:22px}.cv-renew-summary{grid-template-columns:1fr}.cv-contact-row{display:grid;gap:5px}}



:root{--c60-bg:#07101f;--c60-sidebar:#090f1d;--c60-panel:#111b2e;--c60-panel2:#0d1728;--c60-border:#22314a;--c60-text:#eef4ff;--c60-muted:#8fa2bf;--c60-purple:#7557e8;--c60-cyan:#23b7de;--c60-green:#25c47a;--c60-yellow:#e9b84a;--c60-red:#ec6678}
.sidebar>.menu{display:none!important}
.sidebar{overflow-y:auto!important}
#cinermaNavV60{display:grid;gap:4px;padding:4px 7px 26px}
.c60-nav-label{margin:17px 9px 6px;color:#647995;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.c60-nav-item,.c60-nav-parent{width:100%;min-height:39px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#b8c7dc;padding:8px 10px;font:inherit;font-size:12px;font-weight:650;text-align:left;cursor:pointer;transition:.14s}
.c60-nav-item:hover,.c60-nav-parent:hover{background:#101d32;color:#fff}.c60-nav-item.active{background:linear-gradient(90deg,rgba(117,87,232,.24),rgba(30,55,92,.32));color:#fff;box-shadow:inset 3px 0 0 #8a5cf0}
.c60-nav-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:7px;background:#10233a;color:#5cc7ef;font-size:13px}.c60-nav-item[data-tone="purple"] .c60-nav-icon{background:#261b49;color:#b48cff}.c60-nav-item[data-tone="green"] .c60-nav-icon{background:#0d3228;color:#55dfa3}.c60-nav-item[data-tone="yellow"] .c60-nav-icon{background:#312715;color:#f6cf6a}
.c60-nav-arrow{margin-left:auto;color:#7589a4;font-size:10px}.c60-nav-children{display:none;margin-left:13px;padding-left:10px;border-left:1px solid #1f3047}.c60-nav-group.open>.c60-nav-children{display:grid;gap:3px}.c60-nav-group.open>.c60-nav-parent .c60-nav-arrow{transform:rotate(180deg)}
.c60-nav-children .c60-nav-item{min-height:35px;font-size:11px;padding-left:8px}.c60-nav-children .c60-nav-icon{width:23px;height:23px;flex-basis:23px}
#mensagens .c60-head,#cobrancas .c60-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.c60-title h1{margin:0;color:#fff;font-size:24px}.c60-title p{margin:7px 0 0;color:var(--c60-muted);font-size:12px}.c60-wa{display:inline-flex;align-items:center;gap:7px;border:1px solid #344968;border-radius:999px;padding:7px 10px;background:#111d31;color:#b9c8da;font-size:11px;font-weight:700}.c60-wa.ok{border-color:rgba(37,196,122,.4);color:#67dfa5}.c60-wa.bad{border-color:rgba(236,102,120,.4);color:#ffa8b4}
.c60-box{border:1px solid var(--c60-border);border-radius:13px;background:var(--c60-panel);overflow:hidden}.c60-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;border-bottom:1px solid var(--c60-border)}.c60-tabs{display:flex;gap:6px}.c60-tab{border:1px solid #31445f;border-radius:8px;background:#0d1829;color:#9eb0c8;padding:8px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.c60-tab.active{border-color:#6f5bdd;background:#292151;color:#fff}.c60-search{min-width:220px;min-height:36px;border:1px solid #30445f;border-radius:8px;background:#0b1525;color:#fff;padding:8px 11px;outline:none;font:inherit;font-size:12px}.c60-table-wrap{overflow:auto}.c60-table{width:100%;border-collapse:collapse;min-width:780px}.c60-table th,.c60-table td{padding:12px 14px;border-bottom:1px solid rgba(87,112,150,.17);text-align:left;vertical-align:middle}.c60-table th{color:#7e92af;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.c60-table td{color:#dce6f4;font-size:12px}.c60-table tbody tr:hover{background:#101d31}.c60-name{font-weight:750;color:#fff}.c60-sub{margin-top:3px;color:#8296b3;font-size:10px}.c60-trigger{display:inline-flex;border:1px solid #2d5675;border-radius:6px;background:#102940;color:#73c9f0;padding:5px 8px;font-size:10px}.c60-status{display:inline-flex;border:1px solid #3c4d65;border-radius:999px;padding:5px 8px;font-size:10px;color:#aebed2}.c60-status.sent,.c60-status.paid,.c60-status.ok{border-color:#286d50;color:#65daa2}.c60-status.scheduled{border-color:#745f2a;color:#f0c96b}.c60-status.error,.c60-status.failed{border-color:#713846;color:#f795a4}.c60-status.awaiting_payment{border-color:#395a83;color:#7fc4ff}
.c60-switch{position:relative;display:inline-block;width:39px;height:22px}.c60-switch input{position:absolute;opacity:0}.c60-switch span{position:absolute;inset:0;border-radius:99px;background:#43516a;cursor:pointer}.c60-switch span:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}.c60-switch input:checked+span{background:#6f5bdd}.c60-switch input:checked+span:after{transform:translateX(17px)}.c60-btn{min-height:34px;border:1px solid #465e7d;border-radius:8px;background:#14233a;color:#dce8f8;padding:7px 10px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.c60-btn.primary{border-color:#725fe0;background:#6250cd;color:#fff}.c60-btn.green{border-color:#26704f;background:#123c2d;color:#75dfaa}.c60-btn:disabled{opacity:.5;cursor:wait}
.c60-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.c60-stat{padding:14px 15px;border:1px solid var(--c60-border);border-radius:11px;background:#101b2e}.c60-stat small{display:block;color:#8398b5;font-size:10px}.c60-stat strong{display:block;margin-top:7px;color:#fff;font-size:22px}
.c60-empty{padding:34px;text-align:center;color:#8094b0;font-size:12px}.c60-log-view{display:none}.c60-log-view.active,.c60-template-view.active{display:block}.c60-template-view{display:none}
#c60MessageModal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,7,17,.78);backdrop-filter:blur(5px)}#c60MessageModal.open{display:flex}.c60-modal-card{width:min(720px,100%);max-height:88vh;overflow:auto;border:1px solid #334b6c;border-radius:16px;background:#0d1829;box-shadow:0 26px 70px rgba(0,0,0,.45)}.c60-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid #233650}.c60-modal-head h2{margin:0;color:#fff;font-size:18px}.c60-modal-head p{margin:5px 0 0;color:#8499b6;font-size:11px}.c60-close{border:0;background:transparent;color:#a8b7ca;font-size:20px;cursor:pointer}.c60-modal-body{padding:18px 20px}.c60-field{display:grid;gap:7px;margin-bottom:15px}.c60-field label{color:#91a5c1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.c60-field textarea,.c60-field input{width:100%;box-sizing:border-box;border:1px solid #304762;border-radius:9px;background:#091425;color:#fff;padding:11px 12px;font:inherit;font-size:13px;outline:none}.c60-field textarea{min-height:185px;resize:vertical;line-height:1.55}.c60-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c60-tags{display:flex;gap:6px;flex-wrap:wrap}.c60-tag{border:1px solid #305275;border-radius:999px;background:#10233a;color:#90c9e9;padding:5px 8px;font-size:9px;cursor:pointer}.c60-modal-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #233650}.c60-modal-actions{display:flex;gap:8px;flex-wrap:wrap}
.c60-panel-tabs{display:flex;gap:6px;margin:15px 0}.c60-panel-tab{border:1px solid #30445f;border-radius:8px;background:#0d1829;color:#a7b8ce;padding:8px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.c60-panel-tab.active{border-color:#735fe4;background:#271f50;color:#fff}.c60-panel-pane{display:none}.c60-panel-pane.active{display:block}.c60-panel-page>.top,.c60-panel-page>h2{margin-bottom:5px}.c60-panel-page .panelEmbeddedReplenishment{margin-top:0!important}.c60-panel-page .panelEmbeddedReplenishment>h3,.c60-panel-page .panelEmbeddedDescription{display:none!important}
@media(max-width:850px){.c60-stats{grid-template-columns:1fr 1fr}.c60-inline{grid-template-columns:1fr}}@media(max-width:520px){.c60-stats{grid-template-columns:1fr}.c60-search{min-width:100%}}



#clientes .c61-client-top-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.c61-btn{border:1px solid #344864;background:#14223a;color:#dce7f7;border-radius:9px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.c61-btn.primary{background:linear-gradient(135deg,#664de0,#4933b7);border-color:#745ff0;color:#fff}.c61-btn.green{background:#118b54;border-color:#20ae6c;color:#fff}.c61-modal{position:fixed;inset:0;z-index:10080;background:rgba(3,8,18,.76);display:none;align-items:center;justify-content:center;padding:20px}.c61-modal.open{display:flex}.c61-dialog{width:min(820px,96vw);max-height:90vh;overflow:auto;background:#111c31;border:1px solid #2e4162;border-radius:16px;color:#edf3fc;box-shadow:0 28px 80px rgba(0,0,0,.45)}.c61-head{display:flex;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #283955}.c61-head h2{margin:0 0 5px;font-size:20px}.c61-muted{color:#8fa3c1;font-size:12px;line-height:1.5}.c61-close{background:none;border:0;color:#91a1ba;font-size:25px;cursor:pointer}.c61-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 22px 0}.c61-mode button{min-height:48px;border:1px solid #334663;border-radius:10px;background:#15233b;color:#aebcd2;font-weight:800;cursor:pointer}.c61-mode button.active{background:#23335c;border-color:#735ff1;color:#fff}.c61-body{padding:18px 22px}.c61-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.c61-field{display:grid;gap:6px}.c61-field.full{grid-column:1/-1}.c61-field label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#91a4c1;font-weight:800}.c61-field input,.c61-field select,.c61-field textarea{width:100%;box-sizing:border-box;border:1px solid #344a6d;border-radius:9px;background:#0b172b;color:#f2f6fc;padding:10px 12px;font:inherit;min-height:43px;outline:none}.c61-field input:focus,.c61-field select:focus{border-color:#7663ee;box-shadow:0 0 0 3px rgba(118,99,238,.12)}.c61-check{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 11px;border:1px solid #344a6d;border-radius:9px;background:#0b172b}.c61-check input{width:18px;height:18px}.c61-info{margin-top:14px;padding:11px 13px;border:1px solid #324864;border-radius:10px;background:#0c192c;color:#9fb1ca;font-size:12px;line-height:1.55}.c61-error{min-height:18px;color:#ff9cac;font-size:12px;margin-top:10px}.c61-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid #283955}.c61-notify-select{width:100%;min-height:45px;background:#0b172b;color:#fff;border:1px solid #385170;border-radius:9px;padding:9px 11px}.c61-notify-text{width:100%;min-height:180px;box-sizing:border-box;margin-top:12px;background:#0b172b;color:#fff;border:1px solid #385170;border-radius:10px;padding:12px;font:inherit;resize:vertical}.c61-access-card{margin-top:14px;padding:14px;border:1px solid #324763;border-radius:12px;background:#0e1b30}.c61-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.c61-access-item small{display:block;color:#8398b7;margin-bottom:4px}.c61-access-item strong{color:#f3f6fb;word-break:break-word}.c61-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:680px){.c61-grid,.c61-access-grid,.c61-mode{grid-template-columns:1fr}.c61-dialog{max-height:94vh}.c61-modal{padding:8px}}



.c62-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.c62-head h1{margin:0;color:#fff;font-size:24px}.c62-head p{margin:6px 0 0;color:#8297b5;font-size:12px}.c62-actions{display:flex;gap:8px;flex-wrap:wrap}.c62-btn{min-height:36px;border:1px solid #344b6c;border-radius:9px;background:#11203a;color:#dce7f6;padding:8px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.c62-btn:hover{border-color:#57729b}.c62-btn.primary{background:#6550d4;border-color:#7662e6;color:#fff}.c62-btn.green{background:#123e2e;border-color:#277552;color:#7de3ad}.c62-btn.red{background:#3c1822;border-color:#713040;color:#ff9aaa}.c62-btn:disabled{opacity:.55;cursor:wait}.c62-grid{display:grid;gap:12px}.c62-grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.c62-card{border:1px solid #223651;border-radius:13px;background:#101c30;padding:15px;color:#eaf1fb}.c62-card small{display:block;color:#7e94b2;font-size:10px}.c62-card strong{display:block;margin-top:6px;font-size:25px;color:#fff}.c62-card.cyan{border-color:#16647b;background:linear-gradient(135deg,#0e3348,#10233a)}.c62-card.red{border-color:#6d2637;background:linear-gradient(135deg,#321624,#141e32)}.c62-card.green{border-color:#1e644b;background:linear-gradient(135deg,#113426,#132039)}.c62-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px}.c62-panel{border:1px solid #223651;border-radius:13px;background:#101b2e;overflow:hidden}.c62-panel-h{padding:13px 15px;border-bottom:1px solid #223651;display:flex;align-items:center;justify-content:space-between;gap:10px}.c62-panel-h strong{font-size:13px;color:#fff}.c62-list{padding:11px 15px;display:grid;gap:9px}.c62-line{display:flex;justify-content:space-between;gap:12px;color:#9db0ca;font-size:11px}.c62-line b{color:#6fe0a8;font-size:12px}.c62-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.c62-chart{height:230px;padding:12px 14px}.c62-chart svg{width:100%;height:165px;overflow:visible}.c62-chart-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}.c62-chart-meta span{color:#8095b2;font-size:10px}.c62-chart-meta b{color:#fff;font-size:15px}.c62-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.c62-rank{padding:12px 14px}.c62-rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(78,103,140,.18)}.c62-rank-row:last-child{border-bottom:0}.c62-rank-name{color:#dfe8f5;font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c62-rank-val{color:#7ee0ad;font-weight:800;font-size:11px}.c62-bar{grid-column:1/-1;height:4px;border-radius:99px;background:#17263d;overflow:hidden}.c62-bar i{display:block;height:100%;border-radius:99px;background:#6278e8}.c62-table-wrap{overflow:auto}.c62-table{width:100%;border-collapse:collapse;min-width:760px}.c62-table th,.c62-table td{padding:11px 13px;border-bottom:1px solid rgba(78,103,140,.18);text-align:left}.c62-table th{color:#778dab;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.c62-table td{color:#dce6f4;font-size:11px}.c62-table tbody tr:hover{background:#12213a}.c62-pill{display:inline-flex;border:1px solid #335070;border-radius:999px;padding:4px 7px;font-size:9px;color:#8fc9ed;background:#10263b}.c62-pill.green{border-color:#28654e;color:#6fdda7}.c62-pill.yellow{border-color:#6a592c;color:#efcd72}.c62-pill.red{border-color:#6e3342;color:#f3a0ad}.c62-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.c62-field{display:grid;gap:6px}.c62-field.full{grid-column:1/-1}.c62-field label{font-size:10px;color:#8fa4c1;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.c62-field input,.c62-field select,.c62-field textarea{width:100%;box-sizing:border-box;border:1px solid #304765;border-radius:9px;background:#091526;color:#f1f5fb;padding:10px 11px;font:inherit;font-size:12px;outline:none}.c62-field textarea{min-height:170px;resize:vertical;line-height:1.5}.c62-field input:focus,.c62-field select:focus,.c62-field textarea:focus{border-color:#6e5ce0;box-shadow:0 0 0 3px rgba(110,92,224,.12)}.c62-note{padding:10px 12px;border:1px solid #29435f;border-radius:9px;background:#0c1b2e;color:#92a8c5;font-size:11px;line-height:1.5}.c62-modal{position:fixed;inset:0;z-index:10120;background:rgba(2,7,16,.78);display:none;align-items:center;justify-content:center;padding:18px}.c62-modal.open{display:flex}.c62-modal-card{width:min(900px,96vw);max-height:88vh;overflow:auto;border:1px solid #314968;border-radius:15px;background:#0e192b;box-shadow:0 26px 80px rgba(0,0,0,.5)}.c62-modal-head{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #243650}.c62-modal-head h2{margin:0;color:#fff;font-size:18px}.c62-close{border:0;background:transparent;color:#9aacbf;font-size:24px;cursor:pointer}.c62-modal-body{padding:15px 18px}.c62-hidden-core{display:none!important}.c62-archive-action{width:30px;height:30px;border:1px solid #6f572b;border-radius:7px;background:#2e2515;color:#f2c76d;cursor:pointer;margin-left:3px}.c62-client-extra-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.c62-status{min-height:18px;color:#8fa5c2;font-size:11px;padding:0 15px 14px}.c62-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.c62-kpi{border:1px solid #273c59;border-radius:10px;background:#0d192a;padding:11px}.c62-kpi small{display:block;color:#8297b4;font-size:9px}.c62-kpi strong{display:block;color:#fff;font-size:19px;margin-top:5px}.c62-ref-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8bd9ff;font-weight:800}.c62-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.c62-file input{max-width:100%}.c62-preview{max-height:310px;overflow:auto}.c62-empty{padding:30px;text-align:center;color:#8094b0;font-size:12px}.c62-audience-value{display:none}.c62-audience-value.show{display:grid}@media(max-width:1050px){.c62-grid.cards,.c62-info-grid,.c62-rank-grid{grid-template-columns:1fr 1fr}.c62-chart-grid{grid-template-columns:1fr}}@media(max-width:700px){.c62-grid.cards,.c62-info-grid,.c62-rank-grid,.c62-form,.c62-kpi-row{grid-template-columns:1fr}.c62-field.full{grid-column:auto}.c62-chart{height:auto}.c62-chart svg{height:150px}}



:root{--c63-bg:#08111f;--c63-card:#101b2e;--c63-card2:#0d1727;--c63-line:#22334d;--c63-text:#edf4ff;--c63-muted:#8ea1bd;--c63-cyan:#20c6d7;--c63-green:#25c47a;--c63-red:#ef5f73;--c63-yellow:#e6b94d;--c63-violet:#765ae8}
#clientes .top{padding:18px 20px;border:1px solid var(--c63-line);border-radius:14px;background:linear-gradient(105deg,#152340,#1b2253);margin-bottom:14px}
#clientes .top h1{font-size:22px;margin:0}.c63-filter-panel{margin:0 0 14px;padding:14px;border:1px solid var(--c63-line);border-radius:13px;background:var(--c63-card)}
.c63-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.c63-filter-head strong{font-size:12px;color:#fff}.c63-filter-head span{font-size:10px;color:var(--c63-muted)}
.c63-filter-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(120px,1fr)) auto;gap:9px;align-items:end}.c63-field{display:grid;gap:6px}.c63-field label{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8498b5}.c63-input,.c63-select{width:100%;min-height:38px;box-sizing:border-box;border:1px solid #30445f;border-radius:8px;background:#0a1424;color:#eaf2ff;padding:8px 10px;font:inherit;font-size:11px;outline:none}.c63-input:focus,.c63-select:focus{border-color:#5a87b9;box-shadow:0 0 0 2px rgba(50,135,195,.12)}
.c63-filter-actions{display:flex;gap:7px}.c63-btn{min-height:38px;border:1px solid #38506e;border-radius:8px;background:#122139;color:#dce8f8;padding:8px 11px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.c63-btn:hover{border-color:#52739b}.c63-btn.primary{background:#6550d3;border-color:#7967e9;color:#fff}.c63-btn.danger{background:#341722;border-color:#6c3040;color:#ff9bab}.c63-btn.small{min-height:30px;padding:5px 8px;font-size:9px}
#clientes.c63-ready #clientsLoading{display:none!important}#clientes.c63-ready #clientsTableWrap{display:block!important}.c63-status-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #38506a;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750;white-space:nowrap}.c63-status-pill.active{border-color:#25614b;background:#0d2d23;color:#5ed89d}.c63-status-pill.warn{border-color:#7e6528;background:#302714;color:#f2c85d}.c63-status-pill.today{border-color:#8b5630;background:#351f13;color:#ffb571}.c63-status-pill.expired{border-color:#73313f;background:#32141d;color:#ff91a0}.c63-app-pill{display:inline-flex;margin-top:5px;border:1px solid #2c4d69;border-radius:6px;background:#0d2636;color:#74c8ed;padding:3px 6px;font-size:9px}
.c63-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px}.c63-section-head h1{margin:0;color:#fff;font-size:22px}.c63-section-head p{margin:5px 0 0;color:var(--c63-muted);font-size:11px}.c63-periods{display:flex;gap:6px;flex-wrap:wrap}.c63-period{border:1px solid #31445f;border-radius:8px;background:#0d1829;color:#9fb0c8;padding:7px 10px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.c63-period.active{border-color:#755ee2;background:#2b2255;color:#fff}
.c63-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.c63-kpi{padding:13px 14px;border:1px solid var(--c63-line);border-radius:11px;background:var(--c63-card)}.c63-kpi span{display:block;color:#8498b6;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.c63-kpi strong{display:block;margin-top:7px;color:#fff;font-size:19px}.c63-kpi em{display:block;margin-top:4px;color:#6f86a4;font-size:9px;font-style:normal}
.c63-fin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:12px}.c63-card{border:1px solid var(--c63-line);border-radius:12px;background:var(--c63-card);overflow:hidden}.c63-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--c63-line)}.c63-card-head h3{margin:0;color:#fff;font-size:13px}.c63-card-head small{color:#7f93ae;font-size:9px}.c63-chartbox{position:relative;height:238px;padding:12px 12px 8px;box-sizing:border-box}.c63-chartbox svg{width:100%;height:100%;display:block}.c63-chart-tip{position:absolute;z-index:4;display:none;min-width:145px;max-width:220px;padding:8px 10px;border:1px solid #3a5475;border-radius:8px;background:#07101d;color:#eaf2ff;box-shadow:0 12px 28px rgba(0,0,0,.35);font-size:9px;line-height:1.55;pointer-events:none}.c63-chart-legend{display:flex;gap:12px;align-items:center;padding:0 14px 12px;color:#8ea1bb;font-size:9px}.c63-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.c63-dot.rev{background:#26c6a0}.c63-dot.net{background:#7587ff}.c63-dot.new{background:#20bce1}
.c63-table-wrap{overflow:auto}.c63-table{width:100%;border-collapse:collapse;min-width:700px}.c63-table th,.c63-table td{padding:10px 12px;border-bottom:1px solid rgba(80,105,140,.18);text-align:left}.c63-table th{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#7f93af}.c63-table td{font-size:10px;color:#dce6f4}.c63-table tr:hover td{background:#111f34}.c63-empty{padding:24px;text-align:center;color:#8193ae;font-size:10px}
.c63-config-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto auto;gap:9px;align-items:end;padding:14px}.c63-config-note{padding:11px 14px;border-top:1px solid var(--c63-line);color:#7f93af;font-size:9px}.c63-money-pos{color:#63dca0;font-weight:750}.c63-money-neg{color:#ff91a2;font-weight:750}
#historico .top h1,#pedidos .top h1{letter-spacing:-.01em}
@media(max-width:1150px){.c63-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.c63-fin-grid{grid-template-columns:1fr}.c63-config-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.c63-filter-grid,.c63-kpis,.c63-config-grid{grid-template-columns:1fr 1fr}.c63-filter-actions{grid-column:1/-1}.c63-chartbox{height:220px}}
@media(max-width:480px){.c63-filter-grid,.c63-kpis,.c63-config-grid{grid-template-columns:1fr}.c63-filter-actions{grid-column:auto}.c63-section-head{align-items:flex-start}}



/* Modelo interativo inspirado na leitura visual enviada pelo usuário. */
.c64-chart-host{position:relative!important;overflow:visible!important;cursor:crosshair}
.c62-chart.c64-chart-host{height:250px}
.c62-chart.c64-chart-host svg{height:178px;display:block;overflow:visible;touch-action:pan-y}
.c64-chart-tip{position:absolute;z-index:30;display:none;min-width:178px;max-width:245px;padding:11px 12px;border:1px solid #40536f;border-radius:9px;background:#0a1424;color:#dfe9f7;box-shadow:0 16px 36px rgba(0,0,0,.42);font-size:10px;line-height:1.55;pointer-events:none;white-space:nowrap}
.c64-chart-tip.visible{display:block}
.c64-chart-tip strong{display:block;color:#f7fbff;font-size:12px;margin-bottom:5px}
.c64-tip-row{display:flex;justify-content:space-between;gap:14px}.c64-tip-row span{color:#91a5bf}.c64-tip-row b{color:#fff}.c64-tip-row.green b{color:#32d681}.c64-tip-row.yellow b{color:#ffc72c}.c64-tip-row.blue b{color:#56a4ff}.c64-tip-divider{height:1px;background:#263a54;margin:6px 0}
.c64-grid-line{stroke:#263a54;stroke-width:1;stroke-dasharray:3 4;opacity:.72}.c64-axis-label{fill:#7890ac;font-size:9px}.c64-day-label{fill:#71869f;font-size:9px}.c64-hover-line{stroke:#a5b4c8;stroke-width:1;stroke-dasharray:4 4;opacity:0}.c64-hover-line.active{opacity:.62}
.c64-point{transition:r .12s ease,opacity .12s ease,stroke-width .12s ease;opacity:.76}.c64-point.active{r:6;opacity:1;stroke:#fff;stroke-width:2.2}
.c64-hit{cursor:crosshair;outline:none}.c64-hit:focus-visible{stroke:#70a8ff;stroke-width:1;stroke-dasharray:3 4}
.c63-chartbox{cursor:crosshair}.c63-chartbox .c63-chart-tip{padding:11px 12px;min-width:178px;border-color:#40536f;background:#0a1424;font-size:10px;box-shadow:0 16px 36px rgba(0,0,0,.42)}
.c63-chartbox .c64-point{pointer-events:none}.c63-chartbox .c64-hover-line{pointer-events:none}
.cinermaDashTooltip{border:1px solid #40536f!important;border-radius:9px!important;background:#0a1424!important;box-shadow:0 16px 36px rgba(0,0,0,.42)!important}
canvas[id$="RepChart"],#dashCustomersChart svg,#dashPaymentsChart svg{cursor:crosshair}
@media(max-width:700px){.c62-chart.c64-chart-host{height:235px}.c62-chart.c64-chart-host svg{height:162px}.c64-chart-tip{min-width:160px;max-width:205px;font-size:9px}}



#uniplayDemoBox{
  margin-top:18px;
  padding:18px;
  background:#111827;
  border:1px solid #334155;
  border-radius:14px;
}

#uniplayDemoBox input{
  width:100%;
  box-sizing:border-box;
  margin-top:7px;
  padding:10px 12px;
  background:#0b1220;
  color:white;
  border:1px solid #334155;
  border-radius:8px;
}

#uniplayDemoCaptcha{
  margin-top:12px;
  padding:14px;
  background:#f8fafc;
  color:#111827;
  font-size:28px;
  font-weight:800;
  letter-spacing:8px;
  text-align:center;
  border-radius:8px;
}

#uniplayDemoBox button{
  margin-top:12px;
  margin-right:8px;
  padding:10px 14px;
  border:0;
  border-radius:8px;
  cursor:pointer;
}

#uniplayDemoConnect{
  background:#2563eb;
  color:white;
}

#uniplayDemoReload{
  background:#334155;
  color:white;
}




#cinermaPanelsMenu {
  margin: 4px 0;
}

#cinermaPanelsToggle {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px;
  border:0;
  background:transparent;
  color:#e2e8f0;
  cursor:pointer;
  text-align:left;
}

#cinermaPanelsToggle:hover {
  background:rgba(255,255,255,.04);
}

#cinermaPanelsArrow {
  font-size:11px;
  opacity:.8;
}

#cinermaPanelsChildren {
  display:none;
}

#cinermaPanelsChildren.open {
  display:block;
}

#cinermaPanelsChildren button {
  width:100%;
  padding:10px 14px 10px 36px;
  border:0;
  background:transparent;
  color:#a1a1aa;
  cursor:pointer;
  text-align:left;
}

#cinermaPanelsChildren button:hover,
#cinermaPanelsChildren button.active {
  color:#fff;
  background:rgba(255,255,255,.05);
}

.panelEmbeddedReplenishment {
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid #2b374b;
}

.panelEmbeddedReplenishment > h3 {
  margin:0 0 6px;
  font-size:20px;
}

.panelEmbeddedReplenishment > .panelEmbeddedDescription {
  color:#94a3b8;
  margin-bottom:18px;
}





.panelRepPeriodBar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 18px;
}

.panelRepPeriodGroup{
  display:flex;
  padding:3px;
  border:1px solid #334155;
  border-radius:9px;
  background:#0b1220;
}

.panelRepPeriodGroup button,
.panelRepPeriodNav button{
  min-height:36px;
  padding:0 13px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#94a3b8;
  cursor:pointer;
}

.panelRepPeriodGroup button.active{
  background:#2563eb;
  color:#fff;
}

.panelRepPeriodNav{
  display:flex;
  align-items:center;
  gap:5px;
}

.panelRepPeriodNav button{
  border:1px solid #334155;
  background:#111827;
  color:#e2e8f0;
}

.panelRepPeriodLabel{
  min-width:190px;
  text-align:center;
  font-weight:700;
  color:#f8fafc;
}

.panelRepNewChart{
  width:100%;
  height:350px;
  display:block;
}





.repDashBox{
  margin-top:18px;
  padding:20px;
  background:#111827;
  border:1px solid #2b374b;
  border-radius:14px;
}

.repDashHeader{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:16px;
}

.repDashHeader h3{
  margin:0 0 5px;
  font-size:18px;
}

.repDashSub{
  color:#93c5fd;
  font-size:12px;
}

.repDashControls{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.repDashSegment{
  display:flex;
  padding:3px;
  background:#0b1220;
  border:1px solid #334155;
  border-radius:9px;
}

.repDashSegment button,
.repDashNav button{
  height:34px;
  padding:0 13px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#94a3b8;
  cursor:pointer;
}

.repDashSegment button.active{
  background:#2563eb;
  color:#fff;
}

.repDashNav{
  display:flex;
  align-items:center;
  gap:6px;
}

.repDashNav button{
  border:1px solid #334155;
  background:#0d1524;
  color:#e2e8f0;
}

.repDashPeriod{
  min-width:150px;
  text-align:center;
  color:#f8fafc;
  font-size:13px;
  font-weight:700;
}

.repDashCards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:12px 0 14px;
}

.repDashCard{
  min-height:66px;
  padding:12px 14px;
  background:#0d1524;
  border:1px solid #2b374b;
  border-radius:10px;
}

.repDashCard span{
  display:block;
  margin-bottom:5px;
  color:#93c5fd;
  font-size:11px;
}

.repDashCard strong{
  color:#f8fafc;
  font-size:18px;
}

.repDashCanvasWrap{
  position:relative;
  width:100%;
  height:315px;
  background:#0b1220;
  border-radius:11px;
  overflow:hidden;
}

.repDashCanvas{
  display:block;
  width:100%;
  height:315px;
}

@media(max-width:900px){

  .repDashHeader{
    flex-direction:column;
  }

  .repDashCards{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){

  .repDashCards{
    grid-template-columns:1fr;
  }

  .repDashControls{
    align-items:flex-start;
    flex-direction:column;
  }
}





.repDashBox{
  width:calc(100% - 32px) !important;
  max-width:980px !important;
  margin:20px auto !important;
  box-sizing:border-box;
}

.repDashCanvasWrap{
  height:270px !important;
  min-height:270px !important;
}

.repDashCanvas{
  height:270px !important;
  max-height:270px !important;
}

.repDashCards{
  gap:10px !important;
}

.repDashCard{
  min-height:58px !important;
  padding:10px 12px !important;
}

.repDashHeader{
  align-items:center !important;
}

@media(max-width:1050px){

  .repDashBox{
    max-width:calc(100% - 24px) !important;
  }

}





.repDashBox{
  width:100% !important;
  max-width:920px !important;
  margin:20px auto !important;
  padding:18px !important;
  box-sizing:border-box;
}

.repDashCanvasWrap{
  width:100% !important;
  height:250px !important;
  min-height:250px !important;
}

.repDashCanvas{
  width:100% !important;
  height:250px !important;
  max-height:250px !important;
}

.repDashCards{
  gap:10px !important;
}

.repDashCard{
  min-height:58px !important;
  padding:10px 12px !important;
}





.repDashBox{
  width:100% !important;
  max-width:920px !important;
  margin:20px auto !important;
  padding:18px !important;
  box-sizing:border-box;
}

.repDashCanvasWrap{
  width:100% !important;
  height:250px !important;
  min-height:250px !important;
}

.repDashCanvas{
  width:100% !important;
  height:250px !important;
  max-height:250px !important;
}

.repDashCards{
  gap:10px !important;
}

.repDashCard{
  min-height:58px !important;
  padding:10px 12px !important;
}




#uniplayDemoPanel{
  max-width:920px;
  margin:18px auto;
  padding:20px;
  box-sizing:border-box;
  background:#111827;
  border:1px solid #2b374b;
  border-radius:14px;
}

#uniplayDemoPanel .udp-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

#uniplayDemoPanel h3{
  margin:0 0 4px;
  color:#f8fafc;
}

#uniplayDemoPanel .udp-sub{
  color:#94a3b8;
  font-size:12px;
}

#uniplayDemoPanel .udp-status{
  padding:7px 11px;
  border-radius:999px;
  border:1px solid #7f1d1d;
  background:#2b1116;
  color:#fca5a5;
  font-size:12px;
  font-weight:700;
}

#uniplayDemoPanel .udp-status.on{
  border-color:#166534;
  background:#052e16;
  color:#86efac;
}

#uniplayDemoPanel .udp-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

#uniplayDemoPanel label{
  display:block;
  margin-bottom:6px;
  color:#94a3b8;
  font-size:12px;
}

#uniplayDemoPanel input{
  width:100%;
  height:40px;
  padding:0 11px;
  box-sizing:border-box;
  border:1px solid #334155;
  border-radius:8px;
  outline:none;
  background:#0b1220;
  color:#f8fafc;
}

#uniplayDemoPanel .udp-captcha{
  display:flex;
  gap:8px;
}

#uniplayDemoPanel .udp-captcha-code{
  flex:1;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #334155;
  border-radius:8px;
  background:#0b1220;
  color:#f8fafc;
  font-size:20px;
  font-weight:800;
  letter-spacing:5px;
}

#uniplayDemoPanel button{
  height:38px;
  padding:0 14px;
  border-radius:8px;
  cursor:pointer;
  font-weight:700;
}

#uniplayDemoPanel .udp-refresh,
#uniplayDemoPanel .udp-disconnect{
  border:1px solid #334155;
  background:#0d1524;
  color:#cbd5e1;
}

#uniplayDemoPanel .udp-connect{
  border:0;
  background:#2563eb;
  color:#fff;
}

#uniplayDemoPanel .udp-actions{
  display:flex;
  gap:8px;
  margin-top:16px;
}

#uniplayDemoPanel .udp-msg{
  display:none;
  margin-top:12px;
  padding:10px;
  border-radius:8px;
  background:#0b1220;
  color:#cbd5e1;
  font-size:12px;
}

@media(max-width:700px){
  #uniplayDemoPanel .udp-grid{
    grid-template-columns:1fr;
  }
}




#cinermaUniplayIntegration{
  width:100%;
  box-sizing:border-box;
  margin:0 0 22px;
  border:1px solid #2b374b;
  border-radius:12px;
  background:#111827;
  overflow:hidden;
}

.cui-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:15px 18px;
  border-bottom:1px solid #2b374b;
}

.cui-header h3{
  margin:0 0 4px;
  font-size:17px;
  color:#f8fafc;
}

.cui-header p{
  margin:0;
  font-size:12px;
  color:#94a3b8;
}

.cui-status{
  padding:6px 11px;
  border-radius:999px;
  border:1px solid #7f1d1d;
  background:#2b1116;
  color:#fca5a5;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.cui-status.on{
  border-color:#166534;
  background:#052e16;
  color:#86efac;
}

.cui-titlebar{
  padding:10px 18px;
  background:#0e7490;
  color:#fff;
  font-size:13px;
  font-weight:700;
}

.cui-body{
  padding:18px;
}

.cui-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.cui-field.full{
  grid-column:1/-1;
}

.cui-field label{
  display:block;
  margin-bottom:6px;
  color:#cbd5e1;
  font-size:12px;
  font-weight:600;
}

.cui-field input{
  width:100%;
  height:39px;
  box-sizing:border-box;
  padding:0 11px;
  border:1px solid #334155;
  border-radius:7px;
  background:#0b1220;
  color:#f8fafc;
  outline:none;
}

.cui-field input:focus{
  border-color:#2563eb;
}

.cui-help{
  margin-top:5px;
  color:#64748b;
  font-size:11px;
}

.cui-verification{
  display:flex;
  gap:8px;
  align-items:center;
}

.cui-code{
  min-width:110px;
  height:39px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #334155;
  border-radius:7px;
  background:#0b1220;
  color:#f8fafc;
  font-size:18px;
  font-weight:800;
  letter-spacing:5px;
}

.cui-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:17px;
}

.cui-btn{
  height:37px;
  padding:0 14px;
  border-radius:7px;
  cursor:pointer;
  font-weight:700;
}

.cui-primary{
  border:0;
  background:#0891b2;
  color:#fff;
}

.cui-secondary{
  border:1px solid #334155;
  background:#0d1524;
  color:#cbd5e1;
}

.cui-msg{
  display:none;
  margin-top:12px;
  padding:9px 11px;
  border-radius:7px;
  background:#0b1220;
  font-size:12px;
}

@media(max-width:800px){

  .cui-grid{
    grid-template-columns:1fr;
  }

  .cui-field.full{
    grid-column:auto;
  }

  .cui-header{
    align-items:flex-start;
    flex-direction:column;
  }
}





/* remove verificação/captcha do simulador local */
#cuiCaptcha,
#cuiRefresh,
#cuiCode{
  display:none !important;
}




#c67ClientPaging{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:13px 3px 3px;
}

#c67ClientPaging .c67-info{
  font-size:10px;
  color:#8193ae;
}

#c67ClientPaging .c67-right{
  display:flex;
  align-items:center;
  gap:12px;
}

#c67ClientPaging .c67-limit{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  color:#91a5bf;
}

#c67ClientPaging select{
  width:auto;
  min-width:64px;
  height:31px;
  padding:0 8px;
  border:1px solid #30445f;
  border-radius:7px;
  background:#0d1829;
  color:#dce7f5;
}

#c67ClientPaging .c67-pages{
  display:flex;
  align-items:center;
  gap:5px;
}

#c67ClientPaging button{
  width:auto;
  min-width:31px;
  height:31px;
  margin:0;
  padding:0 8px;
  border:1px solid #30445f;
  border-radius:7px;
  background:#0d1829;
  color:#9fb0c8;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}

#c67ClientPaging button.active{
  border-color:#7967e9;
  background:#6550d3;
  color:#fff;
}

#c67ClientPaging button:disabled{
  opacity:.35;
  cursor:default;
}

#c67ClientPaging .c67-dots{
  color:#6f829c;
  padding:0 2px;
}



/* Mantém as 10 linhas com altura visual uniforme */
#clientsTableBody tr{
  height:74px;
}

#clientsTableBody td{
  height:74px;
  vertical-align:middle;
  box-sizing:border-box;
}

/* Reserva espaço constante para status/integrações */
#clientsTableBody td:nth-child(6){
  min-width:180px;
}

/* Evita que diferenças pequenas de conteúdo alterem a tabela */
#clientsTableWrap table{
  width:100%;
  table-layout:fixed;
}

/* Mantém o paginador sempre na mesma posição vertical */
#clientsTableWrap{
  min-height:740px;
}

/* Em telas menores não força altura exagerada */
@media (max-width:900px){
  #clientsTableWrap{
    min-height:0;
  }

  #clientsTableBody tr,
  #clientsTableBody td{
    height:auto;
  }
}



#productsV72Create{
  margin:18px 0;
}

.products-v72-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
}

.products-v72-field{
  display:grid;
  gap:6px;
}

.products-v72-field label{
  color:#94a3b8;
  font-size:11px;
  font-weight:700;
}

.products-v72-field input,
.products-v72-field select{
  width:100%;
  height:39px;
  box-sizing:border-box;
  border:1px solid #34445d;
  border-radius:8px;
  background:#0c1525;
  color:#e5edf8;
  padding:0 10px;
}

.products-v72-buttons{
  display:flex;
  gap:7px;
}

.products-v72-button{
  height:39px;
  border:1px solid #4c3db5;
  border-radius:8px;
  background:#4735b2;
  color:#fff;
  padding:0 14px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.products-v72-button.secondary{
  border-color:#34445d;
  background:#111b2d;
  color:#aebdd0;
}

.products-v72-head-actions,
.products-v72-plan-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.products-v72-delete{
  border:1px solid #713943;
  border-radius:7px;
  background:#24151a;
  color:#ef9aa8;
  padding:7px 10px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.products-v72-edit-product{
  border:1px solid #34445d;
  border-radius:7px;
  background:#111b2d;
  color:#aebdd0;
  padding:7px 10px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

#productsV72Status{
  margin-top:9px;
  color:#94a3b8;
  font-size:11px;
}

@media(max-width:900px){
  .products-v72-grid{
    grid-template-columns:1fr;
  }
}



.c73-row-select,
#c73SelectPage{
  width:16px;
  height:16px;
  flex:0 0 16px;
  cursor:pointer;
  accent-color:#7357e8;
}

#clientsTableBody tr.c73-selected{
  background:rgba(115,87,232,.07);
}

#c73BulkBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  margin-top:10px;
  padding:8px 12px;
  border:1px solid #293852;
  border-radius:9px;
  background:#0c1627;
}

#c73BulkBar .c73-left,
#c73BulkBar .c73-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

#c73SelectedCount{
  color:#a6b6ce;
  font-size:11px;
  font-weight:700;
}

.c73-btn{
  border:1px solid #344862;
  border-radius:7px;
  background:#111d30;
  color:#c7d4e5;
  height:30px;
  padding:0 10px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}

.c73-btn:hover{
  border-color:#6551c8;
}

@media(max-width:700px){
  #c73BulkBar{
    align-items:flex-start;
    flex-direction:column;
  }
}



.c74-archive{
  border-color:#6d5826 !important;
  background:#2b2414 !important;
  color:#f1c75b !important;
}

.c74-archive:hover{
  border-color:#a78632 !important;
  background:#382d16 !important;
}

.c74-delete{
  border-color:#713943 !important;
  background:#28151b !important;
  color:#f09aa8 !important;
}

.c74-delete:hover{
  border-color:#a94d5d !important;
  background:#351a21 !important;
}

.c74-btn:disabled{
  opacity:.45;
  cursor:wait;
}


/* === CINERMA NATIVE ROUTES === */
html,body{min-height:100%}
body.native-admin{margin:0;background:#08080b;color:#f7f7fa}
.native-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.native-sidebar{background:#0d0d12;border-right:1px solid #292933;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto;z-index:30}
.native-logo{display:block;padding:2px 12px 24px;color:#fff;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:.02em}.native-logo span{color:#d9b85f}.native-logo small{display:block;margin-top:4px;color:#6f7890;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.native-nav{display:flex;flex-direction:column;gap:4px}.native-label{padding:18px 12px 6px;color:#58647b;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.native-nav a{display:flex;align-items:center;gap:10px;min-height:39px;padding:9px 11px;border:1px solid transparent;border-radius:9px;color:#9ba8bd;text-decoration:none;font-size:12px;font-weight:650;transition:.13s}.native-nav a:hover{background:#151b28;color:#fff;border-color:#263248}.native-nav a.active{background:linear-gradient(90deg,rgba(116,87,237,.20),rgba(18,26,43,.65));color:#fff;border-color:rgba(116,87,237,.32);box-shadow:inset 3px 0 #7457ed}.native-nav .ni{width:20px;text-align:center;color:#8c78ff;font-size:14px}.native-nav a.green .ni{color:#38d892}.native-nav a.yellow .ni{color:#f1c75b}.native-nav a.red .ni{color:#ff7186}
.native-main{min-width:0;padding:32px}.native-main>.page{display:block!important}.native-main>.page:not(.active){display:block!important}
.native-main .page{animation:none!important}
.native-finance-group{margin:1px 0 4px 12px;padding-left:10px;border-left:1px solid #273249}.native-finance-group a{min-height:34px;padding:7px 10px;font-size:11px}
.native-panel-group{margin:1px 0 4px 12px;padding-left:10px;border-left:1px solid #273249}.native-panel-group a{min-height:34px;padding:7px 10px;font-size:11px}
@media(max-width:900px){.native-app{grid-template-columns:1fr}.native-sidebar{position:relative;height:auto;display:block}.native-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.native-label{grid-column:1/-1}.native-finance-group,.native-panel-group{grid-column:1/-1;margin-left:0;display:grid;grid-template-columns:1fr 1fr}.native-main{padding:20px}}
@media(max-width:560px){.native-nav{grid-template-columns:1fr}.native-finance-group,.native-panel-group{grid-template-columns:1fr}.native-main{padding:14px}}

/* CINERMA UNIFIED THEME START */
/* Shell nativo inteiro com a mesma base azul da área de Clientes. */
body.native-admin{
  background:#07101f !important;
  color:#edf4ff !important;
}
.native-app{
  background:#07101f !important;
}
.native-sidebar{
  background:#07101f !important;
  border-right:1px solid #18263a !important;
}
.native-main{
  background:#07101f !important;
  min-height:100vh !important;
}
.native-label{
  color:#607591 !important;
}
.native-logo small{
  color:#607591 !important;
}
.native-nav a{
  color:#aebed2 !important;
}
.native-nav a:hover{
  background:#101d32 !important;
  color:#fff !important;
  border-color:#22314a !important;
}
.native-nav a.active{
  background:linear-gradient(90deg,rgba(117,87,232,.24),rgba(30,55,92,.32)) !important;
  color:#fff !important;
  border-color:rgba(117,87,232,.28) !important;
  box-shadow:inset 3px 0 0 #8a5cf0 !important;
}
.native-finance-group,
.native-panel-group{
  border-left-color:#22314a !important;
}
/* CINERMA UNIFIED THEME END */

/* CINERMA Message Center V126 */
.c60-window-grid{grid-template-columns:.7fr 1fr 1fr}
@media(max-width:850px){.c60-window-grid{grid-template-columns:1fr}}


/* === CINERMA MESSAGE CENTER V132 === */
.c60-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.c60-btn.danger{border-color:#713846;background:#2a1520;color:#ff9bac}
.c60-window-value{color:#d9e7fa;font-size:11px;white-space:nowrap}
#c60AddTemplateBtn{margin-left:4px}
.c60-notice-backdrop{position:fixed;inset:0;z-index:10120;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,7,17,.76);backdrop-filter:blur(4px)}
.c60-notice-backdrop.open{display:flex}
.c60-notice-card{width:min(420px,100%);border:1px solid #334b6c;border-radius:14px;background:#0d1829;padding:22px;box-shadow:0 26px 70px rgba(0,0,0,.45);text-align:center}
.c60-notice-card h3{margin:0;color:#fff;font-size:18px}.c60-notice-card p{margin:10px 0 18px;color:#9eb0c8;line-height:1.5;font-size:12px}
@media(max-width:760px){#c60AddTemplateBtn{width:100%;margin-left:0}.c60-tabs{flex-wrap:wrap}}

/* === CINERMA MESSAGE CENTER V133 === */
.c60-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.c60-edit-action,.c60-delete-action{min-width:74px;justify-content:center}
.c60-delete-action{border-color:#8a3c50!important;background:#351721!important;color:#ff9fb0!important}
.c60-delete-action:hover{background:#4a1d2b!important;border-color:#b64d66!important}
@media(max-width:760px){.c60-row-actions{flex-wrap:wrap}.c60-edit-action,.c60-delete-action{min-width:68px}}

/* === CINERMA V134: MESSAGE CATEGORIES === */
.c60-category-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #243852;background:#0e1a2d}
.c60-cat{border:1px solid #2b4564;background:#0b1627;color:#9fb4cf;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}
.c60-cat.active{background:#4b32ad;border-color:#755ddd;color:#fff}
.c60-group-row td{background:#0a1526!important;color:#7fd7ff!important;text-transform:uppercase;font-size:9px;letter-spacing:.08em;padding-top:10px!important;padding-bottom:10px!important}
.c60-required{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid #33557b;background:#10243c;color:#a9c9ec;font-size:9px;font-weight:800}


/* === CINERMA RESPONSIVE SHELL V1 - 2026-09-05 ===
   Evita que qualquer página administrativa "estique" em 4K/ultrawide.
   Em Full HD e menores, continua aproveitando toda a largura disponível.
*/
.native-main > .page{
  width:min(100%,2100px);
  margin-inline:auto;
}
@media (min-width:2200px){
  .native-main{padding-left:clamp(36px,3.2vw,72px);padding-right:clamp(36px,3.2vw,72px)}
}