/* =============================================================================
   GO · Design System (skin de marca RIUIT)
   Inspirado em riuit.com (tema "abstrak"):
     primaria  #5956E9 | secundaria #6865FF | destaque #C75C6F | escuro #27272E
     fundo     #F4F6FB | bordas #E3E6E9 | texto #27272E | suave #5A5A5A
     fontes    DM Sans (texto) + Poppins (titulos)
   Carregado por ultimo: sobrescreve go.css, Bootstrap e AdminLTE.
   Somente aparencia (cores/tipografia/raios/sombras) - nao altera layout.
   ============================================================================= */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;600;700&display=swap');

:root {
  --go-primary: #5956E9;
  --go-primary-dark: #4643C9;
  --go-primary-light: #6865FF;
  --go-primary-soft: #ECECFF;
  --go-accent: #C75C6F;
  --go-dark: #27272E;
  --go-dark-2: #12141D;
  --go-body: #F4F6FB;
  --go-surface: #FFFFFF;
  --go-border: #E3E6E9;
  --go-border-soft: #EEF1F5;
  --go-text: #27272E;
  --go-text-muted: #5A5A5A;
  --go-success: #1E9E6A;
  --go-warning: #E8A400;
  --go-danger: #DC3232;
  --go-radius: 10px;
  --go-radius-sm: 6px;
  --go-shadow: 0 6px 18px rgba(39, 39, 46, .08);
  --go-font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --go-font-title: 'Poppins', 'DM Sans', system-ui, sans-serif;
}

/* ---------- base ---------- */
body, .content-wrapper, .main-footer, .box, .panel { font-family: var(--go-font-body); color: var(--go-text); }
body { background: var(--go-body); }
h1, h2, h3, h4, h5, h6, .main-header .logo, .content-header > h1, .box-title { font-family: var(--go-font-title); font-weight: 600; }
a { color: var(--go-primary); }
a:hover, a:focus { color: var(--go-primary-dark); }

/* ---------- topo / navbar ---------- */
.main-header .navbar, .main-header .logo { background: var(--go-dark) !important; }
.main-header .logo { color: #fff !important; border-bottom-color: var(--go-dark) !important; }
.main-header .logo:hover { color: #fff !important; background: var(--go-dark-2) !important; border-bottom-color: var(--go-dark-2) !important; }
.main-header .navbar .nav > li > a, .navbar-custom-menu > .navbar-nav > li > a { color: #EDEDF5 !important; }
.main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:focus { background: rgba(255,255,255,.08) !important; color: #fff !important; }
.main-header .navbar .sidebar-toggle:hover { background: rgba(255,255,255,.08) !important; }

/* ---------- menu lateral ---------- */
.sidebar-menu > li > a { color: #3A3A46; }
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a, .sidebar-menu > li.menu-open > a {
  color: var(--go-primary) !important; background: var(--go-primary-soft) !important;
}
.sidebar-menu > li.active > a { border-left-color: var(--go-primary) !important; }
.sidebar-menu .treeview-menu > li.active > a { color: var(--go-primary) !important; }
.sidebar, .left-side { background: var(--go-surface); }
.main-sidebar, .left-side { box-shadow: 1px 0 0 var(--go-border-soft); }

/* ---------- caixas / cards ---------- */
.box, .panel, .card { border-radius: var(--go-radius); border-color: var(--go-border-soft); box-shadow: var(--go-shadow); }
.box-header, .panel-heading { border-bottom: 1px solid var(--go-border-soft); }
.box-primary, .box.box-primary { border-top-color: var(--go-primary); }
.box.box-solid.box-primary > .box-header { background: var(--go-primary); border-color: var(--go-primary); }

/* ---------- botoes ---------- */
.btn { border-radius: var(--go-radius-sm); font-weight: 500; }
.btn-primary, .btn-primary:focus { background-color: var(--go-primary); border-color: var(--go-primary); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: var(--go-primary-dark); border-color: var(--go-primary-dark);
}
.btn-success { background-color: var(--go-success); border-color: var(--go-success); }
.btn-success:hover { background-color: #17855a; border-color: #17855a; }
.btn-danger { background-color: var(--go-danger); border-color: var(--go-danger); }
.btn-warning { background-color: var(--go-warning); border-color: var(--go-warning); color: #fff; }
.btn-info { background-color: var(--go-primary-light); border-color: var(--go-primary-light); }
.btn-default { border-color: var(--go-border); color: var(--go-text); }
.btn-default:hover { background: var(--go-primary-soft); border-color: var(--go-primary-light); color: var(--go-primary-dark); }

/* ---------- formularios ---------- */
.form-control { border-color: var(--go-border); border-radius: var(--go-radius-sm); box-shadow: none; }
.form-control:focus { border-color: var(--go-primary-light); box-shadow: 0 0 0 3px rgba(89, 86, 233, .12); }
.input-group-addon { border-color: var(--go-border); }

/* ---------- tabelas ---------- */
.table > thead > tr > th { border-bottom: 2px solid var(--go-border-soft); color: var(--go-text-muted); font-weight: 600; }
.table > tbody > tr:hover { background: #FAFBFF; }
.table > tbody > tr > td { border-top-color: var(--go-border-soft); }
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover {
  background: var(--go-primary); border-color: var(--go-primary);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--go-primary) !important; border-color: var(--go-primary) !important; color: #fff !important; }

/* ---------- abas / navegacao ---------- */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--go-primary); border-top: 2px solid var(--go-primary); border-radius: var(--go-radius-sm) var(--go-radius-sm) 0 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover { background: var(--go-primary); }

/* ---------- rotulos / badges ---------- */
.label-primary, .badge.bg-primary, .bg-primary { background-color: var(--go-primary) !important; }
.label-success, .bg-success { background-color: var(--go-success) !important; }
.label-danger, .bg-danger { background-color: var(--go-danger) !important; }
.label-warning, .bg-warning { background-color: var(--go-warning) !important; }
.progress-bar-primary { background-color: var(--go-primary); }
.text-primary { color: var(--go-primary) !important; }

/* ---------- agente: discador e estados ---------- */
#AgentDialPad .btn, #AgentDialPad button {
  background: var(--go-surface); border: 1px solid var(--go-border); color: var(--go-text);
  border-radius: var(--go-radius-sm); font-weight: 600;
}
#AgentDialPad .btn:hover, #AgentDialPad button:hover { background: var(--go-primary-soft); border-color: var(--go-primary-light); color: var(--go-primary-dark); }
.callwaiting  { color: var(--go-warning) !important; }
.calllive     { color: var(--go-success) !important; }
.callhangup   { color: var(--go-danger) !important; }
.nolivecall   { color: var(--go-text-muted) !important; }
#livecall h3  { font-family: var(--go-font-title); }

/* ---------- login ---------- */
.login-page, body.login-page { background: var(--go-body) !important; }
.login-box-body { border-radius: var(--go-radius); box-shadow: var(--go-shadow); border-top: 0; }
.login-logo, .login-logo a { font-family: var(--go-font-title); color: var(--go-primary) !important; font-weight: 600; }
.login-box-msg { color: var(--go-text-muted); }

/* ---------- rodape ---------- */
.main-footer { background: var(--go-surface); border-top: 1px solid var(--go-border-soft); color: var(--go-text-muted); }

/* ---------- preloader ---------- */
.preloader { background: var(--go-dark) !important; }