:root{
  --dck-bg: #0b0f14;
  --dck-bg2:#070a0f;
  --dck-card: #101823;
  --dck-text: #e9eef5;
  --dck-muted: #9fb0c3;

  --dck-red: #d62222;
  --dck-orange: #ff6a00;
  --dck-gold: #f2c14e;

  --dck-border: rgba(255,255,255,.08);
  --dck-shadow: 0 12px 34px rgba(0,0,0,.55);
}

html, body {
  background:
    radial-gradient(1000px 600px at 15% 0%, rgba(255,106,0,.14), transparent 60%),
    radial-gradient(900px 520px at 85% 10%, rgba(214,34,34,.12), transparent 62%),
    radial-gradient(1200px 800px at 50% 100%, rgba(242,193,78,.07), transparent 60%),
    linear-gradient(180deg, var(--dck-bg2), var(--dck-bg));
  color: var(--dck-text);
}

a { color: #ffb37a; text-decoration: none; }
a:hover { color: #ffd3b3; text-decoration: underline; }

.navbar, .navbar .dropdown-menu {
  background: rgba(8, 12, 18, 0.88) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--dck-border);
}

.card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 44%),
    var(--dck-card);
  border: 1px solid var(--dck-border);
  box-shadow: var(--dck-shadow);
  border-radius: 18px;
}

.table { color: var(--dck-text); }
.table thead.table-light {
  --bs-table-bg: rgba(255,255,255,.05);
  --bs-table-color: var(--dck-text);
}
.table-hover tbody tr:hover { background: rgba(255,106,0,.06); }

.btn-primary {
  border: 0;
  background: linear-gradient(135deg, var(--dck-red), var(--dck-orange));
  box-shadow: 0 10px 22px rgba(255,106,0,.18);
}
.btn-primary:hover { filter: brightness(1.06); }

.btn-outline-primary {
  color: var(--dck-orange);
  border-color: rgba(255,106,0,.55);
}
.btn-outline-primary:hover{
  background: rgba(255,106,0,.12);
  border-color: rgba(255,106,0,.75);
}

.btn-outline-secondary {
  border-color: rgba(255,255,255,.18);
  color: rgba(233,238,245,.9);
}
.btn-outline-secondary:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.25);
}

.alert-info {
  background: rgba(242,193,78,.09);
  border-color: rgba(242,193,78,.22);
  color: var(--dck-text);
}

.badge { border: 1px solid rgba(255,255,255,.10); }
.badge.bg-success { background: rgba(46,204,113,.18) !important; }
.badge.bg-danger  { background: rgba(214,34,34,.18) !important; }
.badge.bg-secondary { background: rgba(255,255,255,.10) !important; }

.form-control, .form-select {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--dck-text);
}
.form-control:focus, .form-select:focus {
  border-color: rgba(255,106,0,.55);
  box-shadow: 0 0 0 .2rem rgba(255,106,0,.18);
}

.list-group-item {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.08);
  color: var(--dck-text);
}
.list-group-item:hover { background: rgba(255,106,0,.06); }

.dck-brand {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.dck-brand img {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 8px 18px rgba(0,0,0,.40);
}
.dck-brand .title { line-height: 1.05; }
.dck-brand .title strong{
  display:block;
  font-weight: 900;
  letter-spacing: .2px;
}
.dck-brand .title span{
  display:block;
  font-size: .78rem;
  color: var(--dck-muted);
}

.dck-hero {
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(255,106,0,.22), transparent 70%),
    radial-gradient(620px 220px at 80% 0%, rgba(214,34,34,.18), transparent 70%),
    rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 18px 18px;
  box-shadow: var(--dck-shadow);
}
/* ---------- TEXT FIXES ---------- */

body {
    color: #e9eef5;
}

p, span, div, li {
    color: #e9eef5;
}

.text-muted {
    color: #9fb0c3 !important;
}

/* Tabellen */
.table {
    color: #e9eef5;
}

.table td,
.table th {
    color: #e9eef5;
}

/* Forms */
label {
    color: #e9eef5;
}

.form-control,
.form-select {
    color: #e9eef5;
}

/* Dropdown */
.dropdown-menu {
    background: #101823;
}

.dropdown-item {
    color: #e9eef5;
}

.dropdown-item:hover {
    background: rgba(255,106,0,.15);
    color: #ffffff;
}

/* Links */
a {
    color: #ffb37a;
}

a:hover {
    color: #ffd3b3;
}

/* ---------- DCK Dashboard v2 ---------- */

.dck-kpi {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 34px rgba(0,0,0,.55);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 45%),
    rgba(16, 24, 35, 0.95);
  position: relative;
  overflow: hidden;
}

.dck-kpi:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 120px at 20% 0%, rgba(255,106,0,.20), transparent 60%),
              radial-gradient(520px 120px at 80% 0%, rgba(214,34,34,.16), transparent 60%);
  pointer-events:none;
}

.dck-kpi .inner{ position: relative; padding: 16px 16px; }
.dck-kpi .label{ color: #9fb0c3; font-size: .9rem; }
.dck-kpi .value{ font-weight: 900; font-size: 1.55rem; letter-spacing: .2px; }
.dck-kpi .sub{ color:#9fb0c3; font-size: .85rem; margin-top: 2px; }

.dck-accent-bar{
  position:absolute;
  left:0; top:0; bottom:0;
  width: 5px;
  opacity: .9;
}

.dck-accent-red{ background: linear-gradient(180deg, rgba(214,34,34,1), rgba(255,106,0,.85)); }
.dck-accent-orange{ background: linear-gradient(180deg, rgba(255,106,0,1), rgba(242,193,78,.85)); }
.dck-accent-gold{ background: linear-gradient(180deg, rgba(242,193,78,1), rgba(255,255,255,.12)); }
.dck-accent-green{ background: linear-gradient(180deg, rgba(46,204,113,1), rgba(255,106,0,.25)); }

.dck-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.dck-chip{
  display:inline-flex;
  align-items:center;
  gap: .4rem;
  padding: .18rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: #e9eef5;
  font-size: .82rem;
}

.dck-list-meta{
  color:#9fb0c3;
  font-size: .85rem;
}


/* ---------- GLOBAL READABILITY OVERRIDES ---------- */

/* Standard Text */
body, .container, .container-fluid,
.card, .card-body, .card-title, .card-header,
.modal, .modal-content, .offcanvas, .offcanvas-body {
  color: #e9eef5 !important;
}

/* Muted / secondary */
.text-muted, .form-text, small, .small, .breadcrumb, .breadcrumb-item,
.text-secondary, .text-body-secondary {
  color: #9fb0c3 !important;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { color: #e9eef5 !important; }

/* Forms */
label, .form-label, .col-form-label { color: #e9eef5 !important; }
.form-control, .form-select, textarea, input, select {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #e9eef5 !important;
}
.form-control::placeholder { color: rgba(233,238,245,.55) !important; }
.form-control:disabled, .form-control[readonly],
.form-select:disabled {
  background: rgba(255,255,255,.03) !important;
  color: rgba(233,238,245,.65) !important;
}
.form-check-label { color: #e9eef5 !important; }

/* Dropdowns */
.dropdown-menu {
  background: #101823 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.dropdown-item { color: #e9eef5 !important; }
.dropdown-item:hover { background: rgba(255,106,0,.15) !important; }

/* Tables */
.table, .table td, .table th { color: #e9eef5 !important; }
.table-light {
  --bs-table-bg: rgba(255,255,255,.06) !important;
  --bs-table-color: #e9eef5 !important;
}

/* Alerts */
.alert { color: #e9eef5 !important; }
.alert-success { background: rgba(46,204,113,.12) !important; border-color: rgba(46,204,113,.22) !important; }
.alert-warning { background: rgba(242,193,78,.10) !important; border-color: rgba(242,193,78,.22) !important; }
.alert-danger  { background: rgba(214,34,34,.10) !important; border-color: rgba(214,34,34,.22) !important; }

/* Links in cards/tables */
.card a, .table a { text-decoration: none; }
.card a:hover, .table a:hover { text-decoration: underline; }

/* HR */
hr { border-color: rgba(255,255,255,.10) !important; }

/* List-group */
.list-group-item { color: #e9eef5 !important; }

/* Navbar text */
.navbar .nav-link { color: rgba(233,238,245,.88) !important; }
.navbar .nav-link:hover { color: #ffffff !important; }


/* ---------- DCK GLOBAL PAGES (Members / Rounds / Reports / Open) ---------- */

/* Standard page frame */
.dck-page {
  padding-top: 6px;
}
.dck-page-header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.dck-page-title {
  margin: 0;
  font-weight: 900;
  letter-spacing: .2px;
}
.dck-page-subtitle {
  color: #9fb0c3 !important;
  margin-top: 4px;
}

/* Cards always readable */
.card, .card-header {
  background: rgba(16, 24, 35, 0.92) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.card-header {
  color: #e9eef5 !important;
}

/* List groups */
.list-group-item {
  background: rgba(255,255,255,.03) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #e9eef5 !important;
}
.list-group-item:hover {
  background: rgba(255,106,0,.08) !important;
}

/* Tables: force dark table */
.table {
  --bs-table-bg: rgba(255,255,255,.02);
  --bs-table-striped-bg: rgba(255,255,255,.04);
  --bs-table-hover-bg: rgba(255,106,0,.07);
  --bs-table-color: #e9eef5;
  --bs-table-border-color: rgba(255,255,255,.10);
}
.table thead th {
  background: rgba(255,255,255,.06) !important;
  color: #e9eef5 !important;
  border-color: rgba(255,255,255,.10) !important;
}
.table td, .table th {
  border-color: rgba(255,255,255,.10) !important;
  color: #e9eef5 !important;
}

/* Kill table-light / bg-light look */
.table-light, .bg-light {
  background: rgba(255,255,255,.06) !important;
  color: #e9eef5 !important;
}

/* Bad offenders: text-dark */
.text-dark, .link-dark {
  color: #e9eef5 !important;
}

/* Badges */
.badge.bg-light, .badge.text-dark {
  background: rgba(255,255,255,.10) !important;
  color: #e9eef5 !important;
}

/* Buttons outline on dark */
.btn-outline-secondary {
  border-color: rgba(255,255,255,.25) !important;
  color: rgba(233,238,245,.88) !important;
}
.btn-outline-secondary:hover {
  background: rgba(255,255,255,.08) !important;
}


/* ---------- DCK GLOBAL PAGES (Members / Rounds / Reports / Open) ---------- */

.dck-page { padding-top: 6px; }
.dck-page-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:12px; margin-bottom: 14px;
}
.dck-page-title{ margin:0; font-weight:900; letter-spacing:.2px; }
.dck-page-subtitle{ color:#9fb0c3 !important; margin-top:4px; }

.card, .card-header{
  background: rgba(16, 24, 35, 0.92) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.card-header{ color:#e9eef5 !important; }

.list-group-item{
  background: rgba(255,255,255,.03) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #e9eef5 !important;
}
.list-group-item:hover{ background: rgba(255,106,0,.08) !important; }

.table{
  --bs-table-bg: rgba(255,255,255,.02);
  --bs-table-striped-bg: rgba(255,255,255,.04);
  --bs-table-hover-bg: rgba(255,106,0,.07);
  --bs-table-color: #e9eef5;
  --bs-table-border-color: rgba(255,255,255,.10);
}
.table thead th{
  background: rgba(255,255,255,.06) !important;
  color: #e9eef5 !important;
  border-color: rgba(255,255,255,.10) !important;
}
.table td, .table th{
  border-color: rgba(255,255,255,.10) !important;
  color: #e9eef5 !important;
}

.table-light, .bg-light{ background: rgba(255,255,255,.06) !important; color:#e9eef5 !important; }
.text-dark, .link-dark{ color:#e9eef5 !important; }

