
/* Ultra Glass V4 — typography, light-mode header and course readability */
body,body *,button,input,select,textarea{font-family:'B Nazanin','B Nazanin Regular','BNazanin','Nazanin',Tahoma,Arial,sans-serif!important}

/* Executive glass header */
.topbar{border-radius:34px!important;padding:24px 28px!important;min-height:132px!important;background:linear-gradient(135deg,rgba(7,24,42,.76),rgba(12,44,68,.58) 52%,rgba(12,68,78,.48))!important;border:1px solid rgba(186,237,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.04),0 30px 85px rgba(0,20,40,.25)!important;backdrop-filter:blur(38px) saturate(180%)!important;-webkit-backdrop-filter:blur(38px) saturate(180%)!important}
.topbar:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 22%,transparent 66%,rgba(89,221,255,.10));mix-blend-mode:screen}
.topbar:after{opacity:.9!important}
.brand-premium{gap:20px!important}.brand-logo-wrap{width:112px!important;height:92px!important;flex-basis:112px!important;border-radius:27px!important;padding:9px!important;transform:translateZ(0);box-shadow:inset 0 1px 0 #fff,0 20px 50px rgba(0,0,0,.20),0 0 60px rgba(62,205,255,.15)!important}
.brand-copy{padding:2px 0}.brand-eyebrow{font-size:13px!important;font-weight:700!important;letter-spacing:.25px!important;color:#bfefff!important;margin-bottom:2px!important}.brand h1{font-family:'B Nazanin','B Nazanin Regular','BNazanin','Nazanin',Tahoma,sans-serif!important;font-size:49px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:0!important;margin:2px 0 5px!important;background:linear-gradient(110deg,#ffffff 4%,#dff8ff 43%,#8cecff 72%,#baffed 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 10px 25px rgba(58,202,255,.17))}.brand-title{font-size:18px!important;font-weight:700!important;color:#e6f7ff!important}.company-line{font-size:13px!important;color:#a9d4e7!important;margin-top:8px!important}
.actions .btn{font-size:14px!important;font-weight:700!important;border-radius:16px!important;padding:11px 15px!important}

/* Fix all header text in DAY mode: no white/invisible gradient text */
body.light .topbar{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(232,246,252,.72) 48%,rgba(223,244,246,.68))!important;border-color:rgba(255,255,255,.94)!important;box-shadow:inset 0 1px 0 #fff,0 28px 75px rgba(47,84,120,.14)!important}
body.light .topbar:before{background:linear-gradient(115deg,rgba(255,255,255,.85),transparent 30%,transparent 65%,rgba(32,155,190,.08))}
body.light .brand h1{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#0b4163!important;-webkit-text-fill-color:#0b4163!important;filter:none!important;text-shadow:0 2px 0 rgba(255,255,255,.85)!important}
body.light .brand-eyebrow{color:#16708f!important}.body-light-fix{color:#0b4163!important}body.light .brand-title{color:#183f59!important}body.light .company-line{color:#496b80!important}body.light .company-line i{background:#1499b4!important;box-shadow:0 0 0 5px rgba(20,153,180,.10)!important}
body.light .actions .btn{color:#123b55!important;background:rgba(255,255,255,.70)!important;border-color:rgba(31,91,126,.13)!important}

/* Course area — large, clean, professional records */
.course-summary{font-size:17px!important;line-height:1.9!important;padding:14px 17px!important;border-radius:19px!important;color:#c8f8ff!important;background:linear-gradient(135deg,rgba(44,177,224,.10),rgba(48,209,88,.055))!important;border:1px solid rgba(112,218,255,.15)!important}
.course-grid{grid-template-columns:1fr!important;gap:11px!important;margin:14px 0 17px!important}
.course-record{grid-template-columns:48px minmax(0,1fr) auto!important;gap:14px!important;min-height:88px!important;padding:14px 16px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;border:1px solid rgba(176,227,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 30px rgba(0,0,0,.09)!important}
.course-record:before{width:3px!important;background:linear-gradient(180deg,#64d2ff,#5ac8fa 45%,#30d158)!important}.course-index{width:46px!important;height:46px!important;border-radius:15px!important;font-size:16px!important;color:#d9f7ff!important;background:linear-gradient(145deg,rgba(10,132,255,.18),rgba(50,173,230,.10))!important;border-color:rgba(100,210,255,.20)!important}.course-record-main{gap:3px!important}.course-record-label{font-size:12px!important;font-weight:700!important;color:#8fb6cc!important}.course-record-main strong{font-size:18px!important;line-height:1.85!important;font-weight:900!important;color:#f5fbff!important}.course-status{font-size:12px!important;font-weight:800!important;padding:7px 11px!important;border-radius:999px!important;color:#aaf3c0!important}.course-tools{margin:8px 0 15px!important}.manage-courses-btn{font-size:14px!important;font-weight:800!important;padding:11px 15px!important;border-radius:15px!important}.course-delete-mode .course-record{padding-left:58px!important}.course-delete-mode .course-remove{width:36px!important;height:36px!important;top:12px!important;left:12px!important;border-radius:12px!important;font-size:21px!important}.course-empty{min-height:135px!important}.course-empty b{font-size:18px!important}.course-empty span{font-size:14px!important}
.editor-box{padding:17px!important;border-radius:24px!important}.editor-input{font-size:16px!important;padding:13px 15px!important}.editor-btn{font-size:15px!important;padding:12px 19px!important}
.section-title b{font-size:22px!important}.section-title span{font-size:14px!important}

body.light .course-summary{color:#075c73!important;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(230,247,250,.74))!important;border-color:rgba(33,126,160,.12)!important}
body.light .course-record{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,247,251,.74))!important;border-color:rgba(43,105,142,.11)!important;box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(53,88,118,.08)!important}.body-light-fix2{color:#163b53!important}body.light .course-record-main strong{color:#102f45!important}body.light .course-record-label{color:#597d94!important}body.light .course-index{color:#086eac!important;background:linear-gradient(145deg,rgba(10,132,255,.10),rgba(50,173,230,.07))!important}body.light .course-status{color:#087642!important;background:rgba(48,209,88,.08)!important;border-color:rgba(20,150,70,.12)!important}

/* More polished overall scale */
.card{border-radius:25px!important}.kpi{border-radius:23px!important}.kpi .value{font-size:35px!important}.kpi .label{font-size:15px!important}.card h2,.table-head h2{font-size:19px!important}.badge{font-size:13px!important;padding:6px 11px!important}.search input{font-size:17px!important}.detail b{font-size:18px!important}.detail small{font-size:14px!important}
@media(max-width:800px){.topbar{padding:20px!important}.brand-logo-wrap{width:86px!important;height:74px!important;flex-basis:86px!important}.brand h1{font-size:35px!important}.brand-title{font-size:15px!important}.brand-eyebrow{font-size:11px!important}.course-record-main strong{font-size:17px!important}}
@media(max-width:520px){.brand h1{font-size:30px!important}.brand-title{font-size:14px!important}.company-line{font-size:11px!important}.course-record{grid-template-columns:42px minmax(0,1fr)!important}.course-index{width:40px!important;height:40px!important}.course-status{grid-column:2;justify-self:start}.course-record-main strong{font-size:16px!important}}
