/* Identidade Uniplay: tema azul/branco compartilhado por todas as telas. */
:root {
  --bg:#f4f7fc;
  --panel:#fff;
  --ink:#14284a;
  --muted:#73839d;
  --green:#2568f8;
  --green-dark:#2455cf;
  --green-soft:#e7efff;
  --nav:#172b49;
  --line:#e5ebf5;
  --border:#e5ebf5;
  --primary:#2568f8;
  --shadow:0 12px 30px rgba(29,59,110,.065);
  --success:#0a996d;
  --success-soft:#e0f7ee;
}

.sidebar{color:#d5e0ef;background:linear-gradient(155deg,#132641,#1b3154)}
.brand small{color:#a1c5ff}
.brand-mark,.pwa-install-icon{background:linear-gradient(145deg,#2ecbf4,#3653ee);box-shadow:0 9px 22px rgba(32,87,226,.25)}
.sidebar nav button{color:#cbd9ee}
.sidebar nav button:hover{color:#fff;background:#ffffff16}
.sidebar nav button.active{color:#fff;background:linear-gradient(120deg,#2874ff,#245af3);box-shadow:none}
.sidebar-foot small,.sidebar-foot a{color:#a6badd}
.avatar{background:#324d78}
.card{border-color:#e7edf6}
.btn{color:#273f67;background:#edf2f9}
.btn.primary{color:#fff;background:#2568f8}
input,select,textarea{border-color:#dce4f1}
input:focus,select:focus,textarea:focus{border-color:#2568f8;box-shadow:0 0 0 3px rgba(37,104,248,.13)}
.client-metrics span,.client-metrics .dashboard-status-filter{background:#f1f5fc}
.dashboard-status-filter:hover,.dashboard-status-filter:focus-visible{background:#e8efff;outline-color:#2568f8}
.dashboard-status-filter.active{color:#fff;background:#2568f8}
.dashboard-due-row{background:#f5f8ff}
.dashboard-due-right{color:#2455cf}
.new-client-header{background:linear-gradient(180deg,#f5f8ff,#fff)}
.new-client-symbol{color:#2455cf;background:#e7efff}
.new-client-close{color:#546884;background:#eef2fa}
.new-client-close:hover{background:#e5ebf6}
.new-client-form label>span{color:#293f61}
.new-client-form input{background:#fbfcff}
.new-client-form input::placeholder{color:#9aa8bb}
.plan-stack span{background:#eef3fb}
.modal{background:rgba(14,27,51,.65)}
.phone{border-color:#172b49;background:#f8fbff}
.wa-dot{color:#2568f8;background:#e7efff}
#toast{background:#172b49}
.login-page{background:radial-gradient(circle at 80% 20%,#dce9ff,transparent 30%),var(--bg)}
.login-card{box-shadow:0 25px 70px rgba(23,54,92,.12)}
.remember-app-option{border-color:#d1dfff;background:#f2f7ff}
.pwa-install-overlay,.pwa-ios-help{background:rgba(14,27,51,.72)}
.pwa-install-card,.pwa-help-card{box-shadow:0 28px 80px rgba(17,41,83,.25)}
.tv-plan-item{border-color:#e4ebf7;background:#f7faff}
.tv-report-clickable:hover{background:rgba(37,104,248,.06)}
.tv-period-link{color:#2568f8}
.tv-detail-summary>div,.tv-detail-scroll{border-color:#e5ebf5}
.tv-detail-table th{background:#f6f9ff}
.test-hour-option input:checked+span{border-color:#2568f8;box-shadow:0 0 0 2px rgba(37,104,248,.14)}

/* Sucesso, pagamento confirmado e lucro positivo permanecem verdes. */
.status-pill i{background:var(--success)}
.badge.pago,.badge.connected,.badge.oficial{color:#087c59;background:var(--success-soft)}
.alert.success{color:#087c59;background:var(--success-soft)}
.received-total{color:#087c59;background:#e8f8f0}
.tv-profit-stat strong,.tv-plan-item b{color:#087c59}

@media(max-width:760px){
  .sidebar{box-shadow:0 -8px 28px rgba(15,31,58,.20)}
  .sidebar nav button.active{color:#fff;background:#2568f8}
}