.digital-clock{
    font-size: 10px !important;
}

#langDropdown{
    font-size: 10px;
}

.language-dropdown .dropdown-item{
    font-size: 10px;
}

.language-dropdown .dropdown-menu{
    min-width: 30px;
}



.language-dropdown #langDropdown img{
    margin-right: 5px;
}

.language-dropdown .lang-option img{
    margin-right: 5px;
}

.date-picker-btn i{
    color: black;
}

.daterangepicker {
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    overflow: hidden;
    font-family: inherit;
}

.daterangepicker .ranges {
    padding: 10px;
}

.daterangepicker .ranges li {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 700;
    color: var(--ink);
}

.daterangepicker .ranges li:hover {
    background: var(--soft);
}

.daterangepicker .ranges li.active {
    background: #050505;
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #050505;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--line);
    padding: 12px;
}

.daterangepicker .drp-buttons .btn {
    border-radius: 10px;
    padding: 8px 14px;
    font-weight: 800;
}

body.theme-light{
    color-scheme: light;
}

body.theme-dark{
    --bg: #0b1220;
    --card: #111827;
    --card-bg: #111827;
    --ink: #e5edf7;
    --muted: #9ca3af;
    --line: #2f3a4a;
    --dark: #0f172a;
    --soft: #0f172a;
    --shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
    color-scheme: dark;
    background: var(--bg);
    color: var(--ink);
}

body.theme-dark .page{
    background: var(--bg);
}

body.theme-light .device,
body.theme-light .device .header{
    background: #ffffff;
}

body.theme-dark .device,
body.theme-dark .top-nav,
body.theme-dark .panel,
body.theme-dark .card{
    background: var(--card);
    border-color: var(--line);
}

body.theme-dark .device{
    border: 1px solid var(--line);
}

body.theme-dark .device .header img.logo{
    content: url("../img/login_logo_white.png");
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

body.theme-dark .top-nav .nav-left img{
    content: url("../img/logo_white.png");
}

body.theme-dark .brand,
body.theme-dark .title,
body.theme-dark .driver-info h2,
body.theme-dark .panel h2,
body.theme-dark .card-title,
body.theme-dark .mini strong,
body.theme-dark .score-center strong,
body.theme-dark .fuel-inner strong,
body.theme-dark .event-name,
body.theme-dark .time,
body.theme-dark .map-label,
body.theme-dark table,
body.theme-dark th,
body.theme-dark td,
body.theme-dark .control input{
    color: var(--ink) !important;
}

body.theme-dark .subtitle,
body.theme-dark label,
body.theme-dark .remember,
body.theme-dark .muted,
body.theme-dark .driver-info p,
body.theme-dark .mini label,
body.theme-dark .score-center span,
body.theme-dark .fuel-inner span,
body.theme-dark .event-place,
body.theme-dark .bar-row span,
body.theme-dark .bar-row strong,
body.theme-dark .legend-item,
body.theme-dark .chip,
body.theme-dark .foot,
body.theme-dark .icon,
body.theme-dark .toggle{
    color: var(--muted) !important;
}

body.theme-dark .control,
body.theme-dark .date-picker-btn,
body.theme-dark .lang-picker,
body.theme-dark #langDropdown,
body.theme-dark .dropdown-menu,
body.theme-dark .mini,
body.theme-dark .score-center,
body.theme-dark .fuel-inner,
body.theme-dark .map-label{
    background: var(--soft);
    border-color: var(--line);
}

body.theme-dark .control:focus-within{
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
}

body.theme-dark .control input::placeholder{
    color: #64748b;
}

body.theme-dark .date-picker-btn,
body.theme-dark .date-picker-btn i,
body.theme-dark #langDropdown,
body.theme-dark .dropdown-item{
    color: var(--ink);
}

body.theme-dark .dropdown-item:hover,
body.theme-dark .dropdown-item:focus{
    color: var(--ink);
    background-color: #1f2937;
}

body.theme-dark .daterangepicker{
    background: #111827;
    border-color: var(--line);
    color: var(--ink);
}

body.theme-dark .daterangepicker .calendar-table,
body.theme-dark .daterangepicker td.off,
body.theme-dark .daterangepicker td.off.in-range,
body.theme-dark .daterangepicker td.off.start-date,
body.theme-dark .daterangepicker td.off.end-date{
    background: #0f172a;
    border-color: var(--line);
    color: #64748b;
}

body.theme-dark .daterangepicker td.available:hover,
body.theme-dark .daterangepicker th.available:hover,
body.theme-dark .daterangepicker .ranges li:hover{
    background: #1f2937;
}

body.theme-dark .daterangepicker .ranges li,
body.theme-dark .daterangepicker th,
body.theme-dark .daterangepicker td{
    color: var(--ink);
}

body.theme-dark .daterangepicker .drp-buttons{
    border-color: var(--line);
}

body.theme-dark .pie::after,
body.theme-dark .route-map{
    background: var(--soft);
    border-color: var(--line);
}

body.theme-dark .route-map{
    background:
        radial-gradient(circle at 20% 35%, rgba(37, 99, 235, 0.22), transparent 26%),
        radial-gradient(circle at 80% 65%, rgba(245, 158, 11, 0.2), transparent 28%),
        linear-gradient(135deg, #111827, #0f172a);
}

body.theme-dark .bar-track{
    background: #253044;
}

body.theme-dark .bar-fill{
    background: #60a5fa;
}

body.theme-dark .risk{
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
}

body.theme-dark .severity{
    background: rgba(239, 68, 68, 0.16);
    color: #fca5a5;
}

body.theme-dark .severity.turn{
    background: rgba(124, 58, 237, 0.18);
    color: #c4b5fd;
}

body.theme-dark .severity.speed{
    background: rgba(37, 99, 235, 0.2);
    color: #93c5fd;
}

body.theme-dark .bottom-tabs{
    background: #111827;
    border: 1px solid var(--line);
}

body.theme-dark .bottom-tabs a.active{
    background: #e5edf7;
    color: #0b1220;
}

body.theme-dark .panel .score-donut + div h2,
body.theme-dark .panel .score-donut + div .muted{
    color: #ffffff !important;
}

body.theme-dark #loader{
    background-color: rgba(11, 18, 32, 0.9);
}