/* ---- 2. admin panel readability (larger type) ---- */
.admin-shell{font-size:15px}
.admin-bar h2{font-size:20px!important}
.admin-bar .admin-btn{font-size:14px!important;padding:9px 14px!important}
.admin-filters .fl label{font-size:14px!important}
.admin-filters select{font-size:15px!important;padding:9px 11px!important}
.admin-filters .fcount{font-size:15px!important}
.stats-title{font-size:17px!important}
.stat-box .lbl{font-size:14px!important}
.stat-box .big{font-size:26px!important}
.stat-row .nm,.stat-row .vv{font-size:14px!important}
.students-drop-sum{font-size:16px!important}
.students-drop-count{font-size:14px!important}
.admin-card .ac-nm b{font-size:16px!important}
.admin-card .ac-nm span{font-size:13.5px!important}
.ac-badge{font-size:12.5px!important;padding:4px 9px!important}
.ac-sec h4{font-size:16px!important}
.ac-kv .k{font-size:14px!important}
.ac-kv .v{font-size:14px!important}
.cs-qsc{font-size:12.5px!important}
.tl-avg .avg-row .al{font-size:14px!important}
.tl-avg .avg-row .an{font-size:13px!important}
.tl-avg .avg-note{font-size:13.5px!important}
.risk-stat .risk-person{font-size:13.5px!important}
.risk-stat .risk-empty{font-size:13.5px!important}
.risk-stat .risk-click{font-size:12.5px!important}
.admin-security-card label{font-size:14px!important}
.admin-security-head p{font-size:14px!important}
.admin-security-card input{font-size:15px!important;padding:10px 12px!important}
.tl-share .tn{font-size:13.5px!important}
.tl-row input{font-size:13.5px!important}
.tl-diag .dk{font-size:13px!important}
.passport-dl .pd-note,.passport-dl .pd-filter{font-size:14px!important}
.passport-dl .pd-h{font-size:16px!important}
.cse-body,.cse-body input,.cse-body textarea,.cse-body select{font-size:14.5px!important}
.deadline-card,.deadline-card label,.deadline-card input{font-size:14.5px!important}

/* ---- 3. dark mode: one consistent light field surface everywhere ---- */
body.tl-dark input,body.tl-dark textarea,body.tl-dark select,
body.tl-dark .dd-btn,body.tl-dark .dd-list,body.tl-dark .dd-item{
  background:#ffffff!important;color:#17202a!important;border-color:#cbd5e1!important;
  -webkit-text-fill-color:#17202a!important}
body.tl-dark input::placeholder,body.tl-dark textarea::placeholder{color:#64748b!important}
body.tl-dark .dd-item:hover,body.tl-dark .dd-item.sel{background:#eef2f7!important;color:#17202a!important}
body.tl-dark .auth-card,body.tl-dark .auth-card .field label,body.tl-dark .auth-card .pw-hint,
body.tl-dark .auth-card h2,body.tl-dark .auth-card p{color:#17202a!important}
body.tl-dark .auth-card{background:#ffffff!important}
body.tl-dark .field label{color:#334155!important}

/* top navigation titles visible in dark mode */
body.tl-dark .topnav,body.tl-dark .back-menu{color:#e8f1f8!important}
body.tl-dark .topnav .crumb,body.tl-dark .topnav .crumb *,
body.tl-dark .back-menu,body.tl-dark .back-menu *{color:#e8f1f8!important}
body.tl-dark .topnav .crumb b{color:#ffffff!important}
body.tl-dark .applang{background:#1f2b3d!important;border-color:#31425c!important}
body.tl-dark .applang button{color:#cbd8e6!important}
body.tl-dark .applang button.on{background:#2f4a6d!important;color:#ffffff!important}
body.tl-dark .topnav svg{stroke:#e8f1f8!important}

/* cards were left with a dark background but dark text (unreadable): one light surface */
body.tl-dark .card,body.tl-dark .display-card,body.tl-dark .pp-card,body.tl-dark .pp-q,
body.tl-dark .lt-card,body.tl-dark .so-card,body.tl-dark .ag-card,body.tl-dark .hd-card,
body.tl-dark .tu-card,body.tl-dark .tt-card,body.tl-dark .tm-card,body.tl-dark .bf-card,
body.tl-dark .hl-card,body.tl-dark .at-card,body.tl-dark .cs-card{
  background:#ffffff!important;color:#17202a!important;border-color:#cbd5e1!important}
body.tl-dark .card p,body.tl-dark .card span,body.tl-dark .card div,body.tl-dark .card li,
body.tl-dark .card h2,body.tl-dark .card h3,body.tl-dark .card h4,body.tl-dark .card label,
body.tl-dark .display-card p,body.tl-dark .display-card span,body.tl-dark .display-card div,
body.tl-dark .display-card h2,body.tl-dark .display-card h3,body.tl-dark .display-card label,
body.tl-dark .pp-card p,body.tl-dark .pp-card span,body.tl-dark .pp-card div,
body.tl-dark .pp-card h2,body.tl-dark .pp-card h3,body.tl-dark .pp-card label{color:#17202a!important}
/* keep coloured chips, buttons and badges readable on their own fills */
body.tl-dark .card button,body.tl-dark .display-card button,body.tl-dark .pp-card button,
body.tl-dark .card .badge,body.tl-dark .card .tick,body.tl-dark .th-ic,
body.tl-dark .th-ic *{color:#ffffff!important}