/* Theme: Telemont OS base + Cobranca titles/cards */
:root{
  --bg-body:#0f172a;
  --bg-surface:#020617; /* from cobranca content */
  --bg-panel:#1e293b;
  --border:#1e293b;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --accent:#38bdf8;
  --accent-2:#0ea5e9;
}
/* Base */
html,body{background:var(--bg-body)!important;color:var(--text)!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
body{min-height:100vh;padding:24px;}
/* Não força largura/container global para não centralizar páginas existentes */
/* Utilize .page-header para cabeçalhos padronizados */
/* Header card como na página de Cobrança */
.page-header{background:linear-gradient(135deg,#020617 0%, #0f172a 100%);border:1px solid var(--border);border-radius:10px;padding:32px 24px;margin:0 0 24px 0;}
.page-header .page-title{font-size:28px;font-weight:600;margin:0;line-height:1.2;}
/* Titles like Cobranca */
h1,h2,.page-title{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
/* Panels/cards like Cobranca */
.card,.content,.form,.history-section,.filter-section{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:10px!important;}
/* Tables like Cobranca */
table{border-collapse:collapse;border:1px solid var(--border);background:transparent;color:var(--text);} 
thead,th{background:var(--bg-body);color:var(--muted);} 
td,th{border-bottom:1px solid var(--border);} 
tr:hover{background:rgba(56,189,248,0.05);} 
/* Buttons primary */
.btn,button[type=submit]{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid var(--accent);color:#fff;}
.btn:hover,button[type=submit]:hover{filter:saturate(1.05);transform:translateY(-1px);} 
/* Footer */
.footer{margin-top:24px;color:#8899aa;font-size:13px;text-align:center;}
/* Inputs/selects */
input,select,textarea{background:var(--bg-body);color:var(--text);border:1px solid var(--border);border-radius:8px;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.2);} 
/* Full-width override */
.container{max-width:none!important;width:100%!important;margin:0!important;}