/* =========================================================
   Kalima Phase 7 - Certificates, Verification, Admin UX
   ========================================================= */
:root{--k7-black:#070707;--k7-charcoal:#111111;--k7-gold:#d8c47c;--k7-gold2:#b99a45;--k7-cream:#fff8e6;--k7-muted:#7b7b7b;--k7-border:rgba(216,196,124,.35);}
.k7-cert-screen{min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(216,196,124,.22),transparent 32%),linear-gradient(135deg,#050505,#111 55%,#211a08);padding:24px 14px 42px;font-family:'Cairo','Tajawal',sans-serif;}
.k7-cert-toolbar{max-width:1160px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#fff;direction:rtl}.k7-cert-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.k7-cert-toolbar .btn{border-radius:999px;font-weight:900}.k7-cert-toolbar-note{font-weight:700;color:rgba(255,255,255,.72)}
.k7-certificate-a4{width:min(1160px,100%);aspect-ratio:297/210;margin:0 auto;background:linear-gradient(135deg,#fffef9,#fff9e9);border-radius:28px;box-shadow:0 45px 120px rgba(0,0,0,.42);overflow:hidden;position:relative;color:#111}.k7-certificate-frame{position:absolute;inset:22px;border:2px solid rgba(185,154,69,.75);border-radius:22px;padding:24px 30px 18px;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(216,196,124,.18),transparent 28%),radial-gradient(circle at 12% 88%,rgba(0,0,0,.08),transparent 30%),repeating-linear-gradient(135deg,rgba(0,0,0,.018) 0,rgba(0,0,0,.018) 1px,transparent 1px,transparent 12px)}.k7-certificate-frame:before{content:"";position:absolute;inset:10px;border:1px solid rgba(185,154,69,.25);border-radius:16px;pointer-events:none}.k7-cert-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:210px;font-weight:900;color:rgba(185,154,69,.08);transform:rotate(-15deg);z-index:0;pointer-events:none}.k7-ornament{position:absolute;width:132px;height:132px;z-index:1;pointer-events:none}.k7-ornament:before,.k7-ornament:after{content:"";position:absolute;background:linear-gradient(90deg,#111,var(--k7-gold));border-radius:999px}.k7-ornament:before{height:5px;width:112px;top:0;right:0}.k7-ornament:after{width:5px;height:112px;top:0;right:0}.k7-o1{top:16px;right:16px}.k7-o2{top:16px;left:16px;transform:scaleX(-1)}.k7-o3{bottom:16px;right:16px;transform:scaleY(-1)}.k7-o4{bottom:16px;left:16px;transform:scale(-1)}
.k7-cert-header{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr;gap:20px;align-items:start}.k7-cert-brand{display:flex;gap:12px;align-items:center}.k7-cert-brand img{width:84px;height:84px;object-fit:contain;background:#fff;border:1px solid rgba(185,154,69,.28);border-radius:22px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.08)}.k7-cert-brand strong{display:block;font-size:18px;font-weight:900;line-height:1.4}.k7-cert-brand span{display:block;font-size:11px;color:#777;font-weight:800;direction:ltr;text-align:left}.k7-cert-title-box{text-align:center}.k7-cert-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--k7-border);background:rgba(255,255,255,.72);border-radius:999px;padding:6px 15px;font-size:12px;font-weight:900;color:#111}.k7-cert-title-box h1{font-size:52px;font-weight:900;margin:9px 0 0;line-height:1.1;letter-spacing:-1px}.k7-cert-title-box p{margin:0;color:#777;font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:12px;direction:ltr}.k7-cert-verification{text-align:left}.k7-qr-box{display:inline-block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:8px;box-shadow:0 14px 25px rgba(0,0,0,.08);text-align:center}.k7-qr-box img{width:92px;height:92px;border-radius:8px}.k7-qr-box span{display:block;font-size:10px;color:#666;font-weight:900;margin-top:3px}.k7-cert-body{position:relative;z-index:2;text-align:center;padding:16px 45px 0}.k7-cert-intro,.k7-cert-copy{font-size:17px;color:#333;font-weight:800;margin:0}.k7-cert-student-name{display:inline-block;min-width:440px;margin:8px auto 9px;padding:0 34px 8px;border-bottom:2px solid rgba(185,154,69,.58);font-size:40px;font-weight:900;color:#111;line-height:1.25}.k7-cert-body h2{font-size:27px;font-weight:900;line-height:1.45;max-width:860px;margin:8px auto;color:#111}.k7-cert-note{max-width:880px;margin:0 auto;border:1px solid rgba(185,154,69,.22);background:rgba(255,250,234,.72);border-radius:16px;padding:9px 16px;font-size:12.5px;line-height:1.8;font-weight:800;color:#3c3523}.k7-cert-meta{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:16px}.k7-cert-meta div{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.08);border-radius:15px;padding:9px 10px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.035)}.k7-cert-meta span{display:block;color:#777;font-weight:900;font-size:10px;margin-bottom:4px}.k7-cert-meta strong{display:block;color:#111;font-weight:900;font-size:12px;line-height:1.35;word-break:break-word}.k7-cert-footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:20px;margin-top:18px}.k7-signature-card{text-align:center}.k7-sign-line{height:1px;background:rgba(0,0,0,.58);margin:0 auto 8px;max-width:170px}.k7-signature-card strong{display:block;font-weight:900;font-size:14px}.k7-signature-card span{font-size:11px;color:#777;font-weight:800}.k7-digital-seal{text-align:center}.k7-seal{width:96px;height:96px;border-radius:50%;margin:0 auto 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--k7-gold2);background:radial-gradient(circle,#fff 48%,rgba(216,196,124,.35) 49%);position:relative;color:#111}.k7-seal:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(0,0,0,.38);border-radius:50%}.k7-seal i{color:var(--k7-gold2);font-size:22px}.k7-seal span{font-size:10px;font-weight:900;line-height:1.25;position:relative}.k7-digital-seal p{direction:ltr;font-size:10px;color:#555;font-weight:700;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.66);border-radius:12px;padding:7px;word-break:break-all;margin:0}.k7-cert-legal{position:relative;z-index:2;text-align:center;color:#666;font-size:10px;line-height:1.7;font-weight:700;margin-top:9px}
.k7-verify-page{padding:70px 0;background:radial-gradient(circle at 12% 0,rgba(216,196,124,.16),transparent 28%),linear-gradient(180deg,#fffdf7,#f6f1e3)}.k7-verify-hero{max-width:860px;margin:0 auto 34px}.k7-verify-hero span{display:inline-flex;gap:8px;align-items:center;background:#111;color:var(--k7-gold);border-radius:999px;padding:8px 18px;font-weight:900;margin-bottom:14px}.k7-verify-hero h1{font-weight:900;font-size:clamp(32px,4vw,52px);color:#111}.k7-verify-hero p{color:#666;font-weight:700}.k7-verify-form{display:flex;gap:10px;max-width:760px;margin:24px auto 0;background:#fff;border:1px solid var(--k7-border);box-shadow:0 18px 50px rgba(0,0,0,.08);border-radius:999px;padding:8px}.k7-verify-form input{border:0;outline:0;flex:1;padding:12px 18px;font-weight:800;background:transparent}.k7-verify-form button{border:0;border-radius:999px;background:linear-gradient(135deg,#111,#2b250e);color:#fff;font-weight:900;padding:12px 22px}.k7-verify-result{max-width:960px;margin:0 auto;background:#fff;border-radius:28px;padding:34px;border:1px solid rgba(0,0,0,.08);box-shadow:0 25px 70px rgba(0,0,0,.09)}.k7-verify-result h2{font-weight:900}.k7-verify-result.is-valid{border-top:7px solid #198754}.k7-verify-result.is-invalid{border-top:7px solid #dc3545}.k7-verify-status{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:32px;color:#fff}.is-valid .k7-verify-status{background:#198754}.is-invalid .k7-verify-status{background:#dc3545}.k7-verify-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.k7-verify-grid div{background:#faf7ed;border:1px solid rgba(185,154,69,.18);border-radius:18px;padding:18px}.k7-verify-grid span{display:block;color:#777;font-size:12px;font-weight:900;margin-bottom:6px}.k7-verify-grid strong{font-size:17px;font-weight:900;color:#111}.k7-verify-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.k7-student-cert-hero,.k7-admin-cert-hero{background:radial-gradient(circle at 10% 0,rgba(216,196,124,.2),transparent 30%),linear-gradient(135deg,#090909,#1f1a09);border-radius:28px;padding:28px;margin-bottom:24px;color:#fff;display:flex;justify-content:space-between;gap:22px;align-items:center;box-shadow:0 22px 60px rgba(0,0,0,.16)}.k7-student-cert-hero span,.k7-admin-cert-hero span{display:inline-flex;gap:8px;align-items:center;color:var(--k7-gold);font-weight:900;margin-bottom:8px}.k7-student-cert-hero h2,.k7-admin-cert-hero h2{font-weight:900;margin:0 0 6px}.k7-student-cert-hero p,.k7-admin-cert-hero p{margin:0;color:rgba(255,255,255,.73);font-weight:700}.k7-student-cert-stats,.k7-admin-cert-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.k7-student-cert-stats div,.k7-admin-cert-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(216,196,124,.22);border-radius:18px;min-width:110px;padding:14px;text-align:center}.k7-student-cert-stats strong,.k7-admin-cert-stats strong{display:block;color:var(--k7-gold);font-size:26px;font-weight:900}.k7-student-cert-stats small,.k7-admin-cert-stats span{display:block;color:rgba(255,255,255,.7);font-weight:800;font-size:12px}.k7-my-cert-card{background:#fff;border-radius:26px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 50px rgba(0,0,0,.07);height:100%;position:relative}.k7-my-cert-topline{height:8px;background:linear-gradient(90deg,#111,var(--k7-gold),#111)}.k7-my-cert-main{display:flex;align-items:flex-start;gap:16px;padding:22px}.k7-my-cert-icon{width:62px;height:62px;border-radius:18px;background:#111;color:var(--k7-gold);display:grid;place-items:center;font-size:28px;flex:0 0 auto}.k7-my-cert-main h4{font-weight:900;line-height:1.45;margin-bottom:5px}.k7-my-cert-main p{color:#777;font-weight:700;margin:0}.k7-my-cert-main code{background:#fff8e6;color:#111;border:1px solid rgba(185,154,69,.25);border-radius:999px;padding:5px 9px;font-weight:900}.k7-my-cert-qr{width:96px;height:96px;border-radius:16px;border:1px solid rgba(0,0,0,.1);padding:5px;background:#fff}.k7-status-pill{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900}.k7-status-pill.ok{background:rgba(25,135,84,.12);color:#12784a}.k7-status-pill.bad{background:rgba(220,53,69,.12);color:#b02a37}.k7-my-cert-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 18px}.k7-my-cert-meta div{background:#faf7ed;border-radius:16px;padding:14px;text-align:center}.k7-my-cert-meta strong{display:block;font-weight:900;color:#111}.k7-my-cert-meta span{display:block;color:#777;font-weight:800;font-size:12px}.k7-my-cert-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 22px}.k7-my-cert-actions .btn{font-weight:900}
.k7-admin-cert-actions{display:flex;gap:10px;flex-wrap:wrap}.k7-admin-cert-stats{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.k7-admin-cert-stats div{background:linear-gradient(135deg,#111,#27200b);color:#fff;padding:20px}.k7-admin-cert-stats i{display:block;color:var(--k7-gold);font-size:24px;margin-bottom:8px}.k7-admin-cert-filter{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:20px;margin-bottom:20px;box-shadow:0 14px 40px rgba(0,0,0,.05)}.k7-admin-cert-table{border-radius:22px!important;overflow:hidden}.k7-admin-cert-table thead th{background:#111;color:#fff;font-weight:900;border:0;white-space:nowrap}.k7-admin-cert-table tbody td{vertical-align:middle}.k7-admin-cert-table td small{display:block;color:#777;font-weight:700}.k7-course-title{font-weight:900;max-width:260px}.k7-table-actions{display:flex;gap:5px;flex-wrap:wrap}.k7-table-actions .btn{border-radius:10px}
@media(max-width:991px){.k7-cert-header{grid-template-columns:1fr;text-align:center}.k7-cert-brand{justify-content:center}.k7-cert-verification{text-align:center}.k7-certificate-a4{aspect-ratio:auto;min-height:900px}.k7-cert-footer{grid-template-columns:1fr}.k7-student-cert-hero,.k7-admin-cert-hero{display:block}.k7-student-cert-stats,.k7-admin-cert-stats{grid-template-columns:1fr;margin-top:18px}.k7-my-cert-main{display:block;text-align:center}.k7-my-cert-icon{margin:0 auto 12px}.k7-my-cert-qr{margin-top:12px}.k7-verify-form{border-radius:24px;display:block}.k7-verify-form button{width:100%;margin-top:8px}}
@media print{@page{size:A4 landscape;margin:0}body *{visibility:hidden!important}.k7-cert-screen,.k7-cert-screen *{visibility:visible!important}.k7-cert-screen{position:fixed!important;inset:0!important;width:297mm!important;height:210mm!important;padding:0!important;margin:0!important;background:#fff!important;overflow:hidden!important}.k7-cert-toolbar{display:none!important}.k7-certificate-a4{position:absolute!important;inset:0!important;width:297mm!important;height:210mm!important;margin:0!important;border-radius:0!important;box-shadow:none!important;aspect-ratio:auto!important}.k7-certificate-frame{inset:8mm!important;border-radius:5mm!important;padding:8mm 10mm 6mm!important}.k7-cert-brand img{width:20mm!important;height:20mm!important;border-radius:4mm!important}.k7-cert-title-box h1{font-size:35pt!important}.k7-cert-student-name{font-size:25pt!important;min-width:112mm!important}.k7-cert-body{padding:4mm 14mm 0!important}.k7-cert-body h2{font-size:18pt!important}.k7-cert-note{font-size:8.8pt!important;padding:2mm 4mm!important}.k7-cert-meta{gap:2.5mm!important;margin-top:4mm!important}.k7-cert-meta div{padding:1.8mm!important;border-radius:3mm!important}.k7-qr-box img{width:24mm!important;height:24mm!important}.k7-seal{width:25mm!important;height:25mm!important}.k7-cert-footer{margin-top:5mm!important;gap:5mm!important}.k7-digital-seal p{font-size:7.3pt!important}.k7-cert-legal{font-size:7.1pt!important;margin-top:2mm!important}.k7-cert-watermark{font-size:150pt!important}}
