/* ========================================================
   LAYG Global Style Override
   Injecteer dit in alle portalen: account / portal / agent
   ======================================================== */

:root {
  --layg-primary:     #6c3aff;
  --layg-primary-dk:  #5b30d9;
  --layg-secondary:   #a855f7;
  --layg-cyan:        #00c8ff;
  --layg-dark:        #0f172a;
  --layg-dark2:       #1a2438;
  --layg-card:        #1e293b;
  --layg-border:      #334155;
  --layg-gray:        #64748b;
  --layg-gray-lt:     #94a3b8;
  --layg-text:        #e2e8f0;
  --layg-green:       #10b981;
  --layg-red:         #ef4444;
  --layg-radius:      12px;
}

/* Override IT Live blauw met LAYG paars */
:root {
  --primary:       var(--layg-primary)   !important;
  --primary-dark:  var(--layg-primary-dk) !important;
  --accent:        var(--layg-secondary)  !important;
  --sidebar-bg:    #111827               !important;
}

/* Topbar / header override */
.topbar, .admin-header, .itlive-header, .site-header,
header.main-header, .portal-header, .nav-header {
  background: linear-gradient(135deg, #0f172a, #1a2438) !important;
  border-bottom: 1px solid rgba(108,58,255,.25) !important;
}

/* Logo tekst override */
.logo-text, .brand-name, .site-logo span,
.itlive-logo, .nav-brand {
  background: linear-gradient(135deg, #a78bfa, #00c8ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Sidebar */
.sidebar, .admin-sidebar, .nav-sidebar, aside.sidebar {
  background: #111827 !important;
  border-right: 1px solid rgba(108,58,255,.2) !important;
}
.sidebar .nav-item.active, .sidebar a.active,
.sidebar li.active > a {
  background: rgba(108,58,255,.15) !important;
  border-left: 3px solid var(--layg-primary) !important;
  color: #fff !important;
}
.sidebar a:hover {
  background: rgba(108,58,255,.1) !important;
  color: #c4b5fd !important;
}

/* Primaire knoppen */
.btn-primary, .btn-main, .btn-action,
button[type=submit].btn, .btn.btn-primary {
  background: linear-gradient(135deg, #6c3aff, #a855f7) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(108,58,255,.3) !important;
}
.btn-primary:hover, .btn-main:hover {
  opacity: .9 !important;
  transform: translateY(-1px) !important;
}

/* Cards */
.card, .widget, .panel, .box {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
}
.card-header, .panel-header, .widget-header {
  background: rgba(108,58,255,.08) !important;
  border-bottom: 1px solid rgba(108,58,255,.15) !important;
}

/* Badges / pills */
.badge-primary, .tag-primary, .pill-primary {
  background: rgba(108,58,255,.2) !important;
  color: #a78bfa !important;
  border: 1px solid rgba(108,58,255,.3) !important;
}

/* Inputs */
input[type=text]:focus, input[type=email]:focus,
input[type=password]:focus, textarea:focus, select:focus {
  border-color: #6c3aff !important;
  box-shadow: 0 0 0 3px rgba(108,58,255,.15) !important;
  outline: none !important;
}

/* Links */
a { color: #a78bfa; }
a:hover { color: #c4b5fd; }

/* Tables */
.table thead th, table thead th {
  background: rgba(108,58,255,.1) !important;
  color: #a78bfa !important;
  border-bottom: 1px solid rgba(108,58,255,.2) !important;
}

/* Alerts */
.alert-success { background: rgba(16,185,129,.12) !important; border-color: rgba(16,185,129,.3) !important; color: #6ee7b7 !important; }
.alert-danger, .alert-error { background: rgba(239,68,68,.12) !important; border-color: rgba(239,68,68,.3) !important; color: #fca5a5 !important; }
.alert-info { background: rgba(108,58,255,.12) !important; border-color: rgba(108,58,255,.3) !important; color: #c4b5fd !important; }

/* LAYG topbar injectie (voor portalen zonder eigen topbar) */
.layg-portal-topbar {
  position: sticky; top: 0; z-index: 500;
  background: rgba(15,23,42,.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(108,58,255,.2);
  padding: .7rem 1.5rem;
  display: flex; align-items: center; justify-content: space-between;
  font-family: 'Inter', sans-serif;
}
.layg-portal-topbar .layg-logo {
  font-size: 1.1rem; font-weight: 800; color: #fff;
  text-decoration: none; display: flex; align-items: center; gap: .4rem;
}
.layg-portal-topbar .layg-badge {
  background: linear-gradient(135deg,#6c3aff,#a855f7);
  padding: .15rem .5rem; border-radius: 5px; font-size: .68rem; font-weight: 700;
}
.layg-portal-topbar nav a {
  color: #94a3b8; text-decoration: none; font-size: .83rem;
  font-weight: 500; margin-left: 1.25rem; transition: .15s;
}
.layg-portal-topbar nav a:hover { color: #fff; }
.layg-portal-topbar nav a.active { color: #a78bfa; }