/* DimiSIP Painel — © 2026 dimisolucoes.com.br */
:root { --dimi-verde: #16a34a; --dimi-escuro: #1f2a3a; }
body { background: #f3f5f8; color: #1f2937; }
.painel-nav { background: var(--dimi-escuro); }
.painel-nav .nav-link { color: rgba(255,255,255,.72); border-radius: .375rem; }
.painel-nav .nav-link:hover, .painel-nav .nav-link.active { color: #fff; background: rgba(255,255,255,.1); }
.card { border: 0; box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08); }
.card-header { background: #fff; font-weight: 600; border-bottom-color: #eef0f3; }
.kpi .valor { font-size: 1.8rem; font-weight: 700; line-height: 1.1; }
.kpi .rotulo { color: #6b7280; font-size: .85rem; }
.kpi .icone { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 1.3rem; }
.grafico { position: relative; height: 290px; }
.grafico.baixo { height: 240px; }
.table > :not(caption) > * > * { vertical-align: middle; }
.table thead th { font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; color: #6b7280; font-weight: 600; white-space: nowrap; }
.selo { font-weight: 500; }
.ponto { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; background: #9ca3af; margin-right: .35rem; }
.ponto.on { background: var(--dimi-verde); box-shadow: 0 0 0 3px rgba(22,163,74,.18); }
.ponto.ocupado { background: #f59e0b; }
.ponto.dnd { background: #dc2626; }
.tela-login { min-height: 100vh; display: grid; place-items: center; background: linear-gradient(135deg, #1f2a3a, #24476b); padding: 1rem; }
.tela-login .card { width: 100%; max-width: 400px; }
.vazio { color: #9ca3af; text-align: center; padding: 2.5rem 1rem; }
.form-switch .form-check-input { cursor: pointer; }
.num { font-variant-numeric: tabular-nums; }
@media (max-width: 576px) { .kpi .valor { font-size: 1.45rem; } }