/* DD Metrics — optional light theme */
html[data-theme="light"]{
  --bg:#f4f7fb!important;--panel:#ffffff!important;--panel2:#f8fafc!important;
  --border:#dbe3ee!important;--border-soft:#e7edf5!important;
  --text:#0f172a!important;--muted:#64748b!important;--muted2:#94a3b8!important;
  --accent:#0284c7!important;--accent2:#2563eb!important;--green:#059669!important;
  --visitors:#7c3aed!important;
  --dd-header-bg:#ffffff!important;--dd-header-text:#0f172a!important;
  --dd-header-muted:#64748b!important;--dd-header-accent:#0284c7!important;
  --dd-header-nav:#334155!important;--dd-header-line:#dbe3ee!important;
  color-scheme:light;
}
html[data-theme="light"] body{background:#f4f7fb!important;color:#1a3665!important}
html[data-theme="light"] .topbar,html[data-theme="light"] .dd-admin-topbar{background:#fff!important;border-bottom-color:#dbe3ee!important;box-shadow:0 1px 8px rgba(15,23,42,.05)}
html[data-theme="light"] .panel,html[data-theme="light"] .history-block,html[data-theme="light"] .today-stat,
html[data-theme="light"] .site-switcher,html[data-theme="light"] .card,html[data-theme="light"] .box,
html[data-theme="light"] .settings-card,html[data-theme="light"] .admin-card{background:#fff!important;border-color:#dbe3ee!important;box-shadow:0 1px 3px rgba(15,23,42,.04)}
html[data-theme="light"] .topbar .nav a,html[data-theme="light"] .dd-admin-topbar .dd-admin-nav a{color:#334155!important}
html[data-theme="light"] .topbar .nav a:hover,html[data-theme="light"] .dd-admin-topbar .dd-admin-nav a:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#dbe3ee!important}
html[data-theme="light"] .topbar .nav a.active,html[data-theme="light"] .dd-admin-topbar .dd-admin-nav a.active{color:#0369a1!important;background:#e0f2fe!important;border-color:#bae6fd!important}
html[data-theme="light"] .nav-toggle{background:#e0f2fe!important;color:#0f172a!important;border-color:#7dd3fc!important}
html[data-theme="light"] .nav-toggle span{background:#0f172a!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}
html[data-theme="light"] option{background:#fff;color:#0f172a}
html[data-theme="light"] .active-title,html[data-theme="light"] .recent-title,html[data-theme="light"] .site-name,
html[data-theme="light"] .panel-title,html[data-theme="light"] .number,html[data-theme="light"] .online-value{color:#0f172a!important}
html[data-theme="light"] .active-row-main,html[data-theme="light"] .country-item,html[data-theme="light"] .device-item,
html[data-theme="light"] .history-row{border-color:#e2e8f0!important}
html[data-theme="light"] .active-row-main:hover,html[data-theme="light"] .country-item:hover,html[data-theme="light"] .history-row:hover{background:#f8fafc!important}
html[data-theme="light"] .active-rank,html[data-theme="light"] .caption,html[data-theme="light"] .brand-sub,
html[data-theme="light"] .live-update-status,html[data-theme="light"] .recent-path{color:#64748b!important}
html[data-theme="light"] .active-views-today{color:#ca8a04!important;font-weight:400!important}
html[data-theme="light"] canvas{filter:saturate(.95)}
html[data-theme="light"] .topbar .nav,html[data-theme="light"] .dd-admin-topbar .dd-admin-nav{--menu-bg:#fff}
@media(max-width:700px){html[data-theme="light"] .topbar .nav,html[data-theme="light"] .dd-admin-topbar .dd-admin-nav{background:#fff!important;border-color:#dbe3ee!important;box-shadow:0 16px 40px rgba(15,23,42,.14)!important}}
.dd-theme-toggle{display:flex!important;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:7px!important;background:transparent!important;color:var(--dd-header-nav,#cbd5e1)!important;cursor:pointer;font-size:17px!important;line-height:1!important}
.dd-theme-toggle:hover{background:rgba(148,163,184,.08)!important}
html[data-theme="light"] .dd-theme-toggle{color:#334155!important;border-color:#dbe3ee!important;background:#f8fafc!important}

/* v2 — refined premium light surface */
html[data-theme="light"]{
  --bg:#f6f8fb!important;
  --panel:#ffffff!important;
  --panel2:#f8fafc!important;
  --border:#dfe6ef!important;
  --border-soft:#edf1f6!important;
  --text:#111827!important;
  --muted:#64748b!important;
  --muted2:#94a3b8!important;
}
html[data-theme="light"] body{
  background:linear-gradient(180deg,#f8fafc 0,#f5f7fb 220px,#f6f8fb 100%)!important;
}
html[data-theme="light"] .topbar,
html[data-theme="light"] .dd-admin-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e5eaf1!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02),0 4px 18px rgba(15,23,42,.035)!important;
  backdrop-filter:saturate(150%) blur(12px);
}
html[data-theme="light"] .panel,
html[data-theme="light"] .history-block,
html[data-theme="light"] .today-stat,
html[data-theme="light"] .site-switcher,
html[data-theme="light"] .card,
html[data-theme="light"] .box,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .admin-card{
  background:#fff!important;
  border-color:#e3e9f1!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025),0 8px 24px rgba(15,23,42,.035)!important;
}
html[data-theme="light"] .topbar .nav a,
html[data-theme="light"] .dd-admin-topbar .dd-admin-nav a{color:#475569!important}
html[data-theme="light"] .topbar .nav a:hover,
html[data-theme="light"] .dd-admin-topbar .dd-admin-nav a:hover{
  color:#0f172a!important;background:#f6f8fb!important;border-color:#e5eaf1!important
}
html[data-theme="light"] .topbar .nav a.active,
html[data-theme="light"] .dd-admin-topbar .dd-admin-nav a.active{
  color:#0369a1!important;background:#f0f9ff!important;border-color:#bae6fd!important
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#fff!important;color:#0f172a!important;border-color:#d8e0ea!important;
  box-shadow:0 1px 2px rgba(15,23,42,.02)!important
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:#7dd3fc!important;outline:none!important;box-shadow:0 0 0 3px rgba(14,165,233,.10)!important
}
html[data-theme="light"] .active-row-main:hover,
html[data-theme="light"] .country-item:hover,
html[data-theme="light"] .history-row:hover{background:#fafcff!important}
html[data-theme="light"] .active-views-today{color:#d49a00!important;font-weight:400!important}
html[data-theme="light"] .dd-theme-toggle{
  color:#475569!important;border-color:#e0e7ef!important;background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important
}
html[data-theme="light"] .dd-theme-toggle:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}
html[data-theme="light"] ::selection{background:#bae6fd;color:#0c4a6e}
@media(max-width:700px){
  html[data-theme="light"] .topbar .nav,
  html[data-theme="light"] .dd-admin-topbar .dd-admin-nav{
    background:rgba(255,255,255,.985)!important;border-color:#e2e8f0!important;
    box-shadow:0 18px 45px rgba(15,23,42,.14)!important
  }
}

/* DD Metrics — suptilnije linije između Aktivnih stranica */
html[data-theme="light"] .active-table td {
    border-bottom-color: rgba(148, 163, 184, .22) !important;
}
html[data-theme="light"] .active-table th {
    border-bottom-color: rgba(148, 163, 184, .28) !important;
}


/* Light tema: veliki broj aktivnih korisnika */
html[data-theme="light"] .online-value,
body[data-theme="light"] .online-value,
[data-theme="light"] .online-value {
    color: #1a3665 !important;
}

/* DD Metrics History - readable article titles in light theme */
html[data-theme="light"] #topPages .page-link,
html[data-theme="light"] #topPages .page-link:visited {
    color: #1a3665 !important;
}

html[data-theme="light"] #topPages .page-link:hover {
    color: #0284c7 !important;
}