/* V8 — cleaner certificate icon + true crystal glass dialogs */
.cert-icon-only{width:44px!important;height:44px!important;padding:0!important;border-radius:15px!important;display:grid!important;place-items:center!important;flex:0 0 44px!important;color:#9ee8ff!important;background:linear-gradient(145deg,rgba(91,205,255,.16),rgba(255,255,255,.045))!important;border:1px solid rgba(143,224,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 22px rgba(0,0,0,.10)!important}
.cert-icon-only svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cert-icon-only.has{color:#8ff0ba!important;background:linear-gradient(145deg,rgba(48,209,88,.18),rgba(255,255,255,.04))!important;border-color:rgba(102,238,158,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 24px rgba(48,209,88,.10)!important}.cert-icon-only:hover{transform:translateY(-2px) scale(1.04)!important;filter:brightness(1.12)}
.course-record{grid-template-columns:46px minmax(0,1fr) 44px!important}.course-record-main{gap:2px!important}.course-record-label{opacity:.68}.course-delete-mode .course-record{grid-template-columns:46px minmax(0,1fr) 44px 40px!important}
/* Main profile modal: transparent crystal instead of grey slab */
.modal{background:rgba(2,10,20,.38)!important;backdrop-filter:blur(20px) saturate(155%)!important;-webkit-backdrop-filter:blur(20px) saturate(155%)!important}
.modal-box{background:linear-gradient(145deg,rgba(16,38,60,.72),rgba(7,22,39,.58))!important;border:1px solid rgba(177,226,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 90px rgba(0,0,0,.34),0 0 0 1px rgba(80,190,255,.035)!important;backdrop-filter:blur(42px) saturate(175%)!important;-webkit-backdrop-filter:blur(42px) saturate(175%)!important}
.modal-box:before{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(83,205,255,.16),transparent 34%),radial-gradient(circle at 88% 12%,rgba(116,255,226,.08),transparent 26%);z-index:-1}.modal-box{position:relative;isolation:isolate}
/* Certificate viewer crystal glass */
.cert-viewer{background:rgba(1,9,18,.42)!important;backdrop-filter:blur(28px) saturate(170%)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important}
.cert-panel{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(20,48,75,.66),rgba(5,21,38,.52))!important;border:1px solid rgba(184,230,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 38px 110px rgba(0,0,0,.38),0 0 65px rgba(42,176,255,.07)!important;backdrop-filter:blur(46px) saturate(185%)!important;-webkit-backdrop-filter:blur(46px) saturate(185%)!important}.cert-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% -8%,rgba(75,202,255,.22),transparent 33%),radial-gradient(circle at 92% 8%,rgba(91,255,217,.10),transparent 28%)}.cert-head{background:rgba(255,255,255,.025)!important;border-bottom-color:rgba(191,230,255,.13)!important}.cert-body{background:rgba(0,0,0,.035)!important}.cert-empty{width:min(520px,90%);border:1px solid rgba(163,220,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 55px rgba(0,0,0,.12);backdrop-filter:blur(24px)}.cert-empty-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cert-empty-icon{color:#8de4ff}
body.light .modal{background:rgba(77,113,143,.20)!important}body.light .modal-box{background:linear-gradient(145deg,rgba(255,255,255,.69),rgba(231,247,255,.52))!important;border-color:rgba(255,255,255,.86)!important;box-shadow:inset 0 1px 0 #fff,0 30px 90px rgba(38,78,112,.16)!important}body.light .cert-viewer{background:rgba(82,116,145,.20)!important}body.light .cert-panel{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(225,244,253,.55))!important;border-color:rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 #fff,0 38px 100px rgba(38,78,112,.17)!important}body.light .cert-head{background:rgba(255,255,255,.18)!important}body.light .cert-empty{background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.30));border-color:rgba(255,255,255,.76)}body.light .cert-icon-only{color:#0879a9!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(102,205,245,.12))!important;border-color:rgba(26,142,194,.16)!important}body.light .cert-icon-only.has{color:#087d45!important;background:rgba(48,209,88,.09)!important}
@media(max-width:620px){.course-record{grid-template-columns:40px minmax(0,1fr) 42px!important}.cert-icon-only{width:42px!important;height:42px!important}.course-delete-mode .course-record{grid-template-columns:40px minmax(0,1fr) 42px 38px!important}.course-cert{grid-column:auto!important;margin-top:0!important}.modal-box{backdrop-filter:blur(32px) saturate(170%)!important}.cert-panel{backdrop-filter:blur(34px) saturate(175%)!important}}

/* V9 — Light mode readability pass */
body.light{--text:#102f45!important;--muted:#526f83!important;--line:rgba(31,86,120,.14)!important;color:#102f45!important}
body.light .card,body.light .kpi,body.light .table-card,body.light .hero,body.light .modal-box,body.light .editor-box{color:#102f45!important}
body.light h1,body.light h2,body.light h3,body.light strong,body.light b{color:#102f45}
body.light .kpi .label,body.light .chart-subtitle,body.light .section-title span,body.light .muted,body.light .course-record-label{color:#526f83!important}
body.light .section-title b,body.light .modal-box .section-title b,body.light .detail b{color:#12364e!important}
body.light .detail{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(225,243,252,.62))!important;border-color:rgba(36,104,145,.12)!important}
body.light .detail small{color:#4d7188!important}body.light .detail b{color:#11364e!important;text-shadow:none!important}
body.light table,body.light th,body.light td{color:#17384f!important}body.light th{color:#315d78!important}body.light tbody tr:hover{background:rgba(21,132,190,.045)!important}
body.light .search input,body.light select,body.light input,body.light .editor-input{color:#14364e!important}body.light input::placeholder{color:#7890a2!important}
body.light .course-record-main strong{color:#102f45!important}body.light .course-summary{color:#15506d!important}
body.light .manage-courses-btn{color:#135270!important}body.light .cert-action{color:#17435e!important}
body.light .profile-name,body.light #mName{color:#102f45!important}body.light .profile-role,body.light #mRole{color:#38647d!important}
body.light .cert-title b{color:#12364e!important}body.light .cert-title span,body.light .cert-empty span{color:#58778b!important}body.light .cert-empty b{color:#143950!important}