/* IQC Sistem Pelajar — antara muka awam */
.iqc-wrap{--m:#5c1220;--m2:#7a1c2c;--e:#b08a3e;--e2:#d8b86a;--k:#fbf7ee;--k2:#f3ead6;--d:#2a2118;--s:#6f665a;--g:#e6dcc6;--hijau:#2f7d4f;--merah:#b3261e;
  font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--d);max-width:1080px;margin:0 auto;font-size:15px;line-height:1.55}
.iqc-wrap *{box-sizing:border-box}
.iqc-wrap a{color:var(--m2)}
.iqc-hp{position:absolute!important;left:-9999px!important}

/* Hero */
.iqc-hero{text-align:center;padding:42px 20px 34px;border-radius:18px;margin-bottom:26px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(circle at 20% 0%,rgba(216,184,106,.25),transparent 55%),linear-gradient(135deg,#5c1220,#3a0a14)}
.iqc-hero:after{content:"";position:absolute;inset:10px;border:1px solid rgba(216,184,106,.4);border-radius:12px;pointer-events:none}
.iqc-hero-logo{height:64px;margin:0 auto 10px;display:block}
.iqc-hero-kecil{font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--e2);font-weight:600}
.iqc-hero-tajuk{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(28px,5vw,42px);margin:6px 0 4px;letter-spacing:.5px;color:inherit;line-height:1.1}
.iqc-hero-sub{color:#efe2c4;font-size:14px}

/* Mesej */
.iqc-ralat,.iqc-berjaya,.iqc-nota{padding:14px 18px;border-radius:10px;margin:0 0 18px;font-size:14px}
.iqc-ralat{background:#fdecea;border:1px solid #f3c2bd;color:#7d1a14}
.iqc-ralat ul{margin:6px 0 0 18px;padding:0}
.iqc-berjaya{background:#e8f4ec;border:1px solid #b9dcc5;color:#1f5a37}
.iqc-nota{background:var(--k);border:1px solid var(--g)}

/* Borang */
.iqc-borang{margin:0}
.iqc-seksyen{background:#fff;border:1px solid var(--g);border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 1px 2px rgba(42,33,24,.04)}
.iqc-seksyen h3{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;margin:0 0 16px;color:var(--m)}
.iqc-seksyen h3 span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--m);color:var(--e2);font:700 14px Manrope,sans-serif}
.iqc-medan{margin-bottom:14px;flex:1;min-width:0}
.iqc-medan label,.iqc-gambar-blok>label{display:block;font-size:12.5px;font-weight:600;color:var(--s);margin-bottom:5px;letter-spacing:.2px}
.iqc-medan label b,.iqc-gambar-blok label b{color:var(--merah)}
.iqc-wrap input[type=text],.iqc-wrap input[type=email],.iqc-wrap input[type=tel],.iqc-wrap input[type=password],.iqc-wrap input[type=date],.iqc-wrap input[type=number],.iqc-wrap select,.iqc-wrap textarea{
  width:100%;padding:11px 13px;border:1px solid #d9cdb3;border-radius:9px;background:#fffdf8;font:inherit;color:var(--d);transition:border-color .15s,box-shadow .15s}
.iqc-wrap input:focus,.iqc-wrap select:focus,.iqc-wrap textarea:focus{outline:0;border-color:var(--e);box-shadow:0 0 0 3px rgba(176,138,62,.18)}
.iqc-baris{display:flex;gap:14px;flex-wrap:wrap}
.iqc-baris>.iqc-medan{min-width:200px}
.iqc-dua-lajur{display:grid;grid-template-columns:220px 1fr;gap:26px}
.iqc-kecil{font-size:12.5px;color:var(--s)}
.iqc-tengah{text-align:center}
.iqc-semak{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;background:var(--k);padding:14px;border-radius:10px;border:1px solid var(--g);cursor:pointer}
.iqc-semak input{margin-top:4px;accent-color:var(--m)}

.iqc-butang,.iqc-wrap .login-submit input[type=submit]{display:inline-block;background:linear-gradient(180deg,#7a1c2c,#5c1220);color:#fff!important;border:0;border-radius:10px;padding:12px 24px;font:700 14.5px Manrope,sans-serif;letter-spacing:.3px;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px rgba(92,18,32,.25);transition:transform .1s,box-shadow .15s}
.iqc-butang:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(92,18,32,.3)}
.iqc-butang-besar{width:100%;padding:16px;font-size:16px;margin:4px 0 12px}
.iqc-butang-kecil{padding:7px 14px;font-size:13px;box-shadow:none}

/* Kad program */
.iqc-program-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:16px}
.iqc-program{position:relative;cursor:pointer;display:block}
.iqc-program input{position:absolute;opacity:0}
.iqc-program-kad{display:flex;flex-direction:column;gap:3px;height:100%;padding:16px;border:1.5px solid var(--g);border-radius:12px;background:#fffdf8;transition:all .15s}
.iqc-program:hover .iqc-program-kad{border-color:var(--e2)}
.iqc-program input:checked+.iqc-program-kad{border-color:var(--m);background:linear-gradient(180deg,#fff,#fbf3e4);box-shadow:0 0 0 3px rgba(92,18,32,.12)}
.iqc-program input:checked+.iqc-program-kad:after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--m);color:#fff;font-size:13px;display:grid;place-items:center}
.iqc-program input:focus-visible+.iqc-program-kad{outline:2px solid var(--e)}
.iqc-program-nama{font-weight:700;font-size:14.5px;padding-right:24px;line-height:1.3}
.iqc-program-harga{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--m);line-height:1.1;margin-top:4px}
.iqc-program-harga small{font:500 12px Manrope,sans-serif;color:var(--s)}
.iqc-program-meta{font-size:12px;color:var(--s)}
.iqc-tag{align-self:flex-start;margin-top:6px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:#fbefd5;color:#8a6420}
.iqc-tag-merah{background:#fdecea;color:var(--merah)}
.iqc-penuh{opacity:.55;cursor:not-allowed}

/* Pemangkas gambar */
.iqc-pemangkas{position:relative;width:100%;max-width:210px;aspect-ratio:7/10;border:2px dashed #cdbb93;border-radius:10px;overflow:hidden;background:var(--k);cursor:pointer}
.iqc-pemangkas.ada{border-style:solid;border-color:var(--e);cursor:grab}
.iqc-pemangkas canvas{width:100%;height:100%;display:block;touch-action:none}
.iqc-pemangkas-kosong,.iqc-gambar-semasa{position:absolute;inset:0}
.iqc-pemangkas-kosong{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--s);text-align:center;padding:12px;background:var(--k)}
.iqc-pemangkas-kosong span{font-weight:600;font-size:13px;color:var(--m)}
.iqc-pemangkas-kosong small{font-size:11px}
.iqc-pemangkas-kosong[hidden]{display:none}
.iqc-gambar-semasa{width:100%;height:100%;object-fit:cover}
.iqc-zum{width:100%;max-width:210px;margin:10px 0 4px;accent-color:var(--m)}
.iqc-gambar-bantuan{font-size:12px;color:var(--s);margin-top:6px}

/* Log masuk */
.iqc-log-masuk{max-width:440px;margin:30px auto;background:#fff;border:1px solid var(--g);border-radius:18px;padding:34px 30px;text-align:center;box-shadow:0 10px 40px rgba(42,33,24,.08)}
.iqc-log-masuk .iqc-hero-tajuk{color:var(--m)}
.iqc-log-masuk .iqc-hero-kecil{color:var(--e)}
.iqc-log-masuk form{text-align:left;margin-top:18px}
.iqc-log-masuk p{margin:0 0 12px}
.iqc-log-masuk label{display:block;font-size:12.5px;font-weight:600;color:var(--s);margin-bottom:5px}
.iqc-log-masuk .login-remember label{display:flex;gap:8px;align-items:center}
.iqc-wrap .login-submit input[type=submit]{width:100%}

/* Portal */
.iqc-portal-kepala{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:18px;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(216,184,106,.25),transparent 50%),linear-gradient(135deg,#5c1220,#3a0a14);margin-bottom:0}
.iqc-avatar{width:72px;height:96px;object-fit:cover;border-radius:8px;border:2px solid var(--e2);background:#fff;flex:none}
.iqc-portal-id{flex:1;min-width:0}
.iqc-portal-id h2{margin:2px 0 4px;font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.15;color:#fff}
.iqc-portal-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#efe2c4}
.iqc-portal-meta span:first-child{background:rgba(216,184,106,.2);color:var(--e2);font-weight:700;padding:1px 10px;border-radius:20px}
.iqc-log-keluar{color:#efe2c4!important;font-size:13px;border:1px solid rgba(239,226,196,.4);border-radius:8px;padding:7px 12px;text-decoration:none;flex:none}
.iqc-tab{display:flex;gap:4px;margin:14px 0 20px;border-bottom:1px solid var(--g);overflow-x:auto}
.iqc-tab a{padding:11px 18px;text-decoration:none;color:var(--s)!important;font-weight:600;font-size:14px;border-bottom:2.5px solid transparent;white-space:nowrap}
.iqc-tab a.aktif{color:var(--m)!important;border-bottom-color:var(--m)}
.iqc-h3{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--m);margin:22px 0 10px}
.iqc-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.iqc-stat{background:#fff;border:1px solid var(--g);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.iqc-stat span{font-size:12px;color:var(--s);font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.iqc-stat strong{font-size:24px;color:var(--d)}
.iqc-stat-amaran{border-color:#f0c9a8;background:#fff8f1}.iqc-stat-amaran strong{color:#a04a12}
.iqc-amaran-bar{margin-top:14px;padding:12px 16px;border-radius:10px;background:#fff4e5;border:1px solid #f3d3a5;font-size:14px}
.iqc-amaran-bar a{font-weight:700}
.iqc-senarai-kad{display:grid;gap:10px}
.iqc-kad-program,.iqc-kad-akademik,.iqc-pengumuman{background:#fff;border:1px solid var(--g);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.iqc-kad-program .iqc-butang{align-self:flex-start;margin-top:6px}
.iqc-pengumuman{border-left:4px solid var(--e)}
.iqc-tambah{margin-top:22px;background:var(--k);border:1px solid var(--g);border-radius:12px;padding:12px 16px}
.iqc-tambah summary{cursor:pointer;font-weight:700;color:var(--m)}
.iqc-tambah form{margin-top:14px}

.iqc-lencana{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.2px;white-space:nowrap}
.iqc-hijau{background:#e3f2e8;color:#1f5a37}.iqc-kuning{background:#fdf2d6;color:#7d5a10}.iqc-merah{background:#fdecea;color:#8c1d16}.iqc-biru{background:#e5eef9;color:#1d4a80}.iqc-kelabu{background:#eeebe5;color:#5a544b}
.iqc-merah-teks{color:var(--merah)}

.iqc-jadual-wrap{overflow-x:auto;border:1px solid var(--g);border-radius:12px;background:#fff}
.iqc-jadual{width:100%;border-collapse:collapse;font-size:13.5px;margin:0}
.iqc-jadual th{background:var(--k2);text-align:left;padding:10px 12px;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--s);border:0}
.iqc-jadual td{padding:10px 12px;border:0;border-top:1px solid #f0e8d8;vertical-align:middle}
.iqc-jadual .kanan{text-align:right;font-variant-numeric:tabular-nums}
.iqc-jadual tr.iqc-lewat td{background:#fff7f6}
.iqc-jadual input[type=checkbox]{width:18px;height:18px;accent-color:var(--m)}
.iqc-jadual-padat{margin-top:8px;border:1px solid #f0e8d8}

.iqc-bayar-kotak{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:16px;background:#fff;border:1px solid var(--g);border-radius:14px;padding:18px}
.iqc-bank{background:linear-gradient(160deg,#5c1220,#3a0a14);color:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:3px}
.iqc-bank .iqc-kecil{color:var(--e2)}
.iqc-akaun{font:700 21px Manrope,monospace;letter-spacing:1px;color:var(--e2)}
.iqc-qr-bayar{width:100%;max-width:200px;border-radius:8px;margin-top:10px;background:#fff;padding:6px}
.iqc-jumlah-pilih{font-size:15px;margin-bottom:12px;padding:10px 14px;background:var(--k);border-radius:8px}
.iqc-jumlah-pilih strong{color:var(--m);font-size:18px}

.iqc-flex-antara{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.iqc-palang{height:6px;background:#f0e8d8;border-radius:6px;overflow:hidden;margin:6px 0 2px}
.iqc-palang span{display:block;height:100%;background:linear-gradient(90deg,var(--e),var(--m))}
.iqc-sijil-kosong{text-align:center;padding:40px 20px;background:var(--k);border:1px dashed #d9c9a3;border-radius:16px;color:var(--s);display:flex;flex-direction:column;align-items:center;gap:6px}
.iqc-sijil-kosong svg{color:var(--e)}
.iqc-sijil-kosong strong{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--m)}
.iqc-dl{display:grid;grid-template-columns:120px 1fr;gap:6px 12px;margin:0 0 18px;font-size:14px}
.iqc-dl dt{color:var(--s)}.iqc-dl dd{margin:0;font-weight:600}

@media (max-width:720px){
  .iqc-dua-lajur,.iqc-bayar-kotak{grid-template-columns:1fr}
  .iqc-gambar-blok{display:flex;flex-direction:column;align-items:center}
  .iqc-seksyen{padding:18px}
  .iqc-portal-kepala{flex-wrap:wrap;padding:18px}
  .iqc-avatar{width:60px;height:80px}
  .iqc-log-keluar{order:3}
}

/* =========================================================
 * v1.1 — Konsep Portal Ahli (e-khairat) untuk IQC
 * ======================================================= */
.iqc-ikon{flex:none;vertical-align:middle}
.iqc-portal{max-width:1120px}
.iqc-butang{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.iqc-butang-emas{background:linear-gradient(180deg,#d8b86a,#a87d2e)!important;color:#2a0710!important;box-shadow:0 8px 22px rgba(168,125,46,.35)}
.iqc-butang-putih{background:#f4efe4!important;color:var(--m)!important;box-shadow:0 3px 10px rgba(42,33,24,.08)}
.iqc-butang[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}

/* ---------- Kad digital ---------- */
.iqc-kd-zon{display:flex;flex-direction:column;align-items:center;gap:14px;margin:6px 0 34px}
.iqc-kd{position:relative;width:100%;max-width:560px;aspect-ratio:1.586;border-radius:18px;overflow:hidden;container-type:inline-size;color:#fff;font-family:Manrope,sans-serif;
  --e1:#f3dc9a;--e2:#d8b86a;--e3:#a87d2e;
  background:radial-gradient(circle at 88% 8%,rgba(216,184,106,.22),transparent 42%),radial-gradient(circle at 0% 100%,rgba(122,28,44,.6),transparent 55%),linear-gradient(135deg,#4f0f1c 0%,#2c0811 55%,#170309 100%);
  box-shadow:0 22px 50px rgba(42,7,16,.35),0 2px 0 rgba(255,255,255,.06) inset}
.iqc-kd-latar{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.16;filter:grayscale(.3)}
.iqc-kd-corak{position:absolute;inset:0;background-image:radial-gradient(rgba(216,184,106,.13) 1px,transparent 1.6px);background-size:12px 12px;opacity:.7}
.iqc-kd-sapuan{position:absolute;left:-20%;right:-20%;top:78%;height:120%;border-radius:50%;border-top:2px solid var(--e2);box-shadow:0 -6px 18px rgba(216,184,106,.18);transform:rotate(-9deg)}
.iqc-kd-sapuan:after{content:"";position:absolute;left:8%;right:-4%;top:-14px;height:100%;border-radius:50%;border-top:1px solid rgba(243,220,154,.45)}
.iqc-kd-bingkai{position:absolute;inset:7px;border:1.5px solid rgba(216,184,106,.75);border-radius:13px;pointer-events:none}
.iqc-kd-bingkai:after{content:"";position:absolute;inset:4px;border:1px solid rgba(216,184,106,.28);border-radius:10px}
.iqc-kd-atas{position:absolute;left:5.5cqw;top:4.2cqw;display:flex;align-items:center;gap:2.4cqw}
.iqc-kd-logo{height:8.5cqw;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.iqc-kd-jenama{font:700 5.6cqw/1 'Cormorant Garamond',serif;color:var(--e1);letter-spacing:.06em;text-shadow:0 2px 6px rgba(0,0,0,.45)}
.iqc-kd-masjid{font-size:1.95cqw;color:#efe2c4;letter-spacing:.03em;margin-top:.6cqw;max-width:60cqw}
.iqc-kd-badan{position:absolute;left:5.5cqw;right:5cqw;top:16.5cqw;display:flex;gap:4.5cqw;align-items:flex-start}
.iqc-kd-kiri{display:flex;flex-direction:column;align-items:center;flex:none;width:28cqw;padding-top:2cqw}
.iqc-kd-foto{width:25cqw;height:25cqw;border-radius:50%;padding:.9cqw;background:linear-gradient(135deg,var(--e1),var(--e3) 55%,var(--e1));box-shadow:0 0 0 .5cqw rgba(0,0,0,.35),0 8px 20px rgba(0,0,0,.45)}
.iqc-kd-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 22%;background:#f5efe2;display:block}
.iqc-kd-pill{margin-top:-3.2cqw;position:relative;display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 2.6cqw 1.1cqw 1.6cqw;border-radius:6cqw;
  background:linear-gradient(180deg,#f7e7b4,#c9a24e);color:#2a0710;font:800 2.25cqw/1 Manrope,sans-serif;letter-spacing:.06em;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.4);border:.3cqw solid #fff3cf}
.iqc-kd-pill .iqc-ikon{width:3cqw;height:3cqw}
.iqc-kd-kanan{flex:1;min-width:0}
.iqc-kd-tajuk{font:700 5cqw/1.05 'Cormorant Garamond',serif;color:var(--e1);letter-spacing:.04em;text-shadow:0 2px 6px rgba(0,0,0,.45)}
.iqc-kd-subtajuk{font-size:1.95cqw;color:#efe2c4;margin:.6cqw 0 1.6cqw;padding-bottom:1.2cqw;border-bottom:1px solid rgba(216,184,106,.45)}
.iqc-kd-baris{display:flex;align-items:center;gap:1.4cqw;margin-bottom:1.1cqw;padding:.6cqw 1.8cqw .6cqw .7cqw;border:1px solid rgba(216,184,106,.55);border-radius:5cqw;background:rgba(0,0,0,.18);font-size:2.2cqw;min-width:0}
.iqc-kd-baris .iqc-ikon{width:2.9cqw;height:2.9cqw;padding:.55cqw;border-radius:50%;background:linear-gradient(135deg,var(--e1),var(--e3));color:#2a0710;box-sizing:content-box}
.iqc-kd-baris .lbl{color:var(--e2);font-size:1.85cqw;letter-spacing:.06em;flex:none}
.iqc-kd-baris .nilai{font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iqc-kd-bawah{position:absolute;left:6cqw;right:6cqw;bottom:3.2cqw;display:flex;justify-content:space-between;font-size:1.75cqw;letter-spacing:.22em;color:var(--e2);text-transform:uppercase}
/* status: belum aktif (kelabu, pill merah) */
.iqc-kd-belum{--e1:#e6e6ea;--e2:#b9b9c0;--e3:#7b7b83;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.14),transparent 42%),linear-gradient(135deg,#55555c 0%,#34343a 55%,#1e1e22 100%)}
.iqc-kd-belum .iqc-kd-foto img{filter:grayscale(.85)}
.iqc-kd-belum .iqc-kd-pill{background:linear-gradient(180deg,#e35d4f,#a3241a);color:#fff;border-color:#f7c2bc}
.iqc-kd-belum .iqc-kd-corak{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.6px)}
/* processing (pill ambar) */
.iqc-kd-proses .iqc-kd-pill{background:linear-gradient(180deg,#ffd27a,#e09a1f);color:#3a2300;border-color:#fff1c9}
/* tunggakan (pill oren-merah) */
.iqc-kd-tunggak .iqc-kd-pill{background:linear-gradient(180deg,#ff9f6b,#d0491c);color:#fff;border-color:#ffd9c4}
.iqc-kd-tindakan{display:flex;gap:10px}
.iqc-kd-nota{font-size:13.5px;padding:10px 16px;border-radius:10px;max-width:560px;text-align:center}
.iqc-kd-nota-belum{background:#fdecea;color:#7d1a14;border:1px solid #f3c2bd}
.iqc-kd-nota-proses{background:#fdf2d6;color:#6d4c0c;border:1px solid #f0d99a}
.iqc-kd-nota-tunggak{background:#fff1e8;color:#8a3510;border:1px solid #f5cdb2}
.iqc-kd-nota a{font-weight:700}

/* ---------- Grid portal: sisi + kandungan ---------- */
.iqc-portal-grid{display:grid;grid-template-columns:290px 1fr;gap:26px;align-items:start}
.iqc-sisi{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(42,33,24,.12);border:1px solid #efe6d3;position:sticky;top:24px}
.iqc-sisi-kepala{height:96px;position:relative;background:radial-gradient(circle at 85% 20%,rgba(216,184,106,.45),transparent 50%),linear-gradient(135deg,#5c1220,#2c0811);border-radius:0 0 50% 50%/0 0 34% 34%}
.iqc-sisi-avatar{position:absolute;left:50%;bottom:-54px;transform:translateX(-50%);width:112px;height:112px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#f3dc9a,#a87d2e);box-shadow:0 10px 24px rgba(42,7,16,.3)}
.iqc-sisi-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 22%;border:3px solid #fff;display:block;background:#f5efe2}
.iqc-sisi-nama{margin-top:64px;text-align:center;font:800 18px/1.25 Manrope,sans-serif;color:#2a0710;padding:0 16px}
.iqc-sisi-lihat{display:block;text-align:center;font-weight:700;color:var(--e)!important;text-decoration:none;font-size:15px;margin-top:2px}
.iqc-sisi-matrik{width:max-content;margin:8px auto 14px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--m);background:#f6efe0;border:1px solid #ead9b3;padding:3px 12px;border-radius:20px}
.iqc-sisi-menu{display:flex;flex-direction:column;gap:8px;padding:0 16px 18px}
.iqc-sisi-menu a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #eee5d3;border-radius:12px;text-decoration:none;color:#2a2118!important;font-weight:700;font-size:13.5px;background:#fff;transition:all .15s}
.iqc-sisi-menu a .iqc-ikon{color:var(--m)}
.iqc-sisi-menu a span{flex:1}
.iqc-sisi-menu a i{font-style:normal;color:#b9ab8e;font-size:18px;line-height:1}
.iqc-sisi-menu a:hover{border-color:#d8c08a;transform:translateX(2px)}
.iqc-sisi-menu a.aktif{background:linear-gradient(90deg,#fbf3e2,#f6ead0);border-color:#d8b86a;box-shadow:0 4px 12px rgba(176,138,62,.18)}
.iqc-sisi-kaki{padding:30px 16px;text-align:center;font:800 11.5px Manrope,sans-serif;letter-spacing:.24em;color:#f3dc9a;background:radial-gradient(circle at 80% 70%,rgba(216,184,106,.35),transparent 45%),linear-gradient(135deg,#5c1220,#2c0811)}

.iqc-kandungan{background:#fff;border-radius:24px;padding:30px 32px;box-shadow:0 18px 44px rgba(42,33,24,.10);border:1px solid #efe6d3;min-width:0}
.iqc-kandungan-tajuk{display:flex;align-items:center;gap:14px;font:800 24px/1.2 Manrope,sans-serif;color:#2a0710;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #efe6d3}
.iqc-kandungan-tajuk>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7a1c2c,#3a0a14);color:#f3dc9a;box-shadow:0 6px 14px rgba(92,18,32,.3)}
.iqc-butang-keluar{display:inline-flex;align-items:center;gap:8px;margin:28px auto 0;padding:11px 26px;border-radius:8px;background:#d9534f;color:#fff!important;text-decoration:none;font:700 12.5px Manrope,sans-serif;letter-spacing:.18em;box-shadow:0 6px 16px rgba(217,83,79,.3)}

.iqc-statgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.iqc-stat strong{font-size:20px}
.iqc-stat strong[class^=iqc-st-]{font-size:15px;letter-spacing:.04em}
.iqc-st-aktif{color:#1f7a45!important}.iqc-st-belum{color:#b3261e!important}.iqc-st-proses{color:#a06a00!important}.iqc-st-tunggak{color:#c0461b!important}
.iqc-amaran-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* Maklumat Lengkap (grid sel seperti tab Keluarga) */
.iqc-info-nota{background:#fbf6ec;border:1px solid #efe1c2;border-radius:14px;padding:16px 18px;font-size:13px;color:#6f665a;margin-bottom:18px}
.iqc-info-nota strong{font-size:17px;color:#2a0710}
.iqc-kumpulan{border:1px solid #efe6d3;border-radius:16px;padding:16px 18px 18px;margin-bottom:16px}
.iqc-kumpulan-tajuk{font:600 17px 'Cormorant Garamond',serif;color:var(--m);padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid #efe6d3}
.iqc-sel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.iqc-sel{background:#faf8f3;border:1px solid #efe9dc;border-radius:12px;padding:12px 14px;min-width:0}
.iqc-sel.penuh{grid-column:1/-1}
.iqc-sel span{display:block;font-size:11px;font-weight:700;color:#6f665a;margin-bottom:4px}
.iqc-sel strong{font-size:14.5px;color:#2a2118;word-break:break-word}

.iqc-bayar-ringkas{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;border-radius:12px;background:#fbf6ec;border:1px solid #efe1c2}
.iqc-bayar-ringkas strong{color:var(--m);font-size:19px}
.iqc-bayar-kotak{margin-top:14px;border:0;padding:0}

/* ---------- Log masuk + semak status ---------- */
.iqc-log-masuk{max-width:460px}
.iqc-log-masuk form{text-align:left}
.iqc-ingat{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#6f665a;margin:4px 0 16px}
.iqc-dua-butang{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.iqc-semak-kotak{max-width:900px;margin:40px auto 10px;background:#fff;border:1px solid #efe6d3;border-radius:24px;padding:30px 34px;box-shadow:0 18px 44px rgba(42,33,24,.09)}
.iqc-semak-kotak h3{font:700 clamp(22px,3.4vw,30px)/1.2 'Cormorant Garamond',serif;color:#2a0710;margin:0 0 6px}
.iqc-semak-kotak>p{color:#6f665a;margin:0 0 16px}
.iqc-semak-borang{display:flex;gap:12px}
.iqc-semak-borang input{flex:1;border-radius:14px!important;padding:14px 18px!important;font-size:16px!important}
.iqc-semak-borang .iqc-butang{border-radius:14px;padding:0 30px;letter-spacing:.12em}
.iqc-semak-hasil{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px 18px;border-radius:14px;font-size:14px;line-height:1.6}
.iqc-semak-aktif{background:#e8f4ec;border:1px solid #b9dcc5;color:#1f5a37}
.iqc-semak-belum,.iqc-semak-tiada{background:#fdecea;border:1px solid #f3c2bd;color:#7d1a14}
.iqc-semak-proses,.iqc-semak-tunggak{background:#fdf2d6;border:1px solid #f0d99a;color:#6d4c0c}

/* ---------- Panduan ---------- */
.iqc-panduan{max-width:920px}
.iqc-panduan-kepala{display:flex;gap:20px;align-items:center;margin-bottom:22px}
.iqc-panduan-kepala img{height:96px}
.iqc-panduan-kepala h2{font:800 clamp(24px,4vw,36px)/1.1 Manrope,sans-serif;color:#2a0710;margin:6px 0 10px;letter-spacing:-.01em}
.iqc-panduan-kepala h2 span{color:var(--m);font-family:'Cormorant Garamond',serif;font-size:1.15em}
.iqc-panduan-url{display:inline-block;padding:7px 16px;border:1.5px solid #d8b86a;border-radius:30px;font-weight:700;font-size:13.5px;text-decoration:none}
.iqc-langkah{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.iqc-langkah li{display:grid;grid-template-columns:42px 56px 1fr 200px;gap:16px;align-items:center;background:#fff;border:1px solid #efe6d3;border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px rgba(42,33,24,.05)}
.iqc-langkah-no{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7a1c2c,#3a0a14);color:#f3dc9a;font:800 18px Manrope,sans-serif}
.iqc-langkah-ikon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#f8f1e2;color:var(--m)}
.iqc-langkah li strong{font-size:16px;text-transform:uppercase;letter-spacing:.02em;color:#2a0710}
.iqc-langkah li p{margin:4px 0 0;font-size:13.5px;color:#6f665a}
.iqc-langkah-tip{font-size:12px;color:#6d4c0c;background:#fdf6e3;border:1px solid #f0e0b5;border-radius:12px;padding:10px 12px}
.iqc-sebelum-selepas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.iqc-ss{border-radius:16px;padding:16px;border:1.5px solid}
.iqc-ss-belum{border-color:#f3c2bd;background:#fff8f7}.iqc-ss-aktif{border-color:#e4cf98;background:#fffbf1}
.iqc-ss-tajuk{width:max-content;margin:-28px auto 12px;padding:5px 16px;border-radius:8px;font:800 12px Manrope,sans-serif;letter-spacing:.12em;color:#fff}
.iqc-ss-belum .iqc-ss-tajuk{background:#b3261e}.iqc-ss-aktif .iqc-ss-tajuk{background:linear-gradient(90deg,#a87d2e,#5c1220)}
.iqc-ss-kad{aspect-ratio:1.586;max-width:260px;margin:0 auto;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:#fff}
.iqc-ss-kad b{font:700 22px 'Cormorant Garamond',serif}
.iqc-ss-kad span{align-self:flex-start;font:800 10.5px Manrope,sans-serif;letter-spacing:.08em;padding:4px 10px;border-radius:20px}
.iqc-ss-belum .iqc-ss-kad{background:linear-gradient(135deg,#55555c,#1e1e22)}.iqc-ss-belum .iqc-ss-kad span{background:#c0392b}
.iqc-ss-aktif .iqc-ss-kad{background:linear-gradient(135deg,#4f0f1c,#170309);box-shadow:inset 0 0 0 2px #d8b86a}.iqc-ss-aktif .iqc-ss-kad b{color:#f3dc9a}.iqc-ss-aktif .iqc-ss-kad span{background:#d8b86a;color:#2a0710}
.iqc-ss p{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-weight:700;font-size:13.5px}

@media (max-width:900px){
  .iqc-portal-grid{grid-template-columns:1fr}
  .iqc-sisi{position:static}
  .iqc-sisi-menu{display:grid;grid-template-columns:1fr 1fr}
  .iqc-kandungan{padding:22px 18px}
  .iqc-langkah li{grid-template-columns:42px 1fr}
  .iqc-langkah-ikon{display:none}.iqc-langkah-tip{grid-column:2}
}
@media (max-width:560px){
  .iqc-sel-grid,.iqc-sebelum-selepas{grid-template-columns:1fr}
  .iqc-sisi-menu{grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 14px}
  .iqc-sisi-menu a{padding:10px;font-size:12px;gap:8px}
  .iqc-sisi-menu a i,.iqc-sisi-kaki{display:none}
  .iqc-sisi-kepala{height:70px}.iqc-sisi-avatar{width:92px;height:92px;bottom:-44px}.iqc-sisi-nama{margin-top:52px;font-size:16px}
  .iqc-kandungan-tajuk{font-size:19px}
  .iqc-semak-borang{flex-direction:column}.iqc-semak-borang .iqc-butang{padding:13px}
  .iqc-semak-kotak{padding:22px 18px}
  .iqc-kd{border-radius:12px}
}

/* =========================================================
 * v1.3 — AKADEMIK: Taqwim, Portal Guru, Grid Markah, Keputusan
 * ======================================================= */
.iqc-hijau-teks{color:#1f7a45!important}.iqc-kuning-teks{color:#a06a00!important}.iqc-biru-teks{color:#1d4a80!important}.iqc-kelabu-teks{color:#6f665a!important}
.iqc-h4{font:700 15px Manrope,sans-serif;color:#2a0710;margin:18px 0 8px}
.iqc-pautan-padam{background:none;border:0;color:#b3261e;cursor:pointer;font:600 12px Manrope,sans-serif;padding:4px}

/* Taqwim */
.iqc-taqwim{--tq-b:#e9eef8}
.iqc-taqwim-kepala{text-align:center;margin-bottom:16px}
.iqc-taqwim-kepala h2{font:700 clamp(26px,4vw,38px)/1.1 'Cormorant Garamond',serif;color:#2a0710;margin:6px 0}
.iqc-taqwim-kini{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-radius:14px;background:linear-gradient(90deg,#fbf3e2,#fff);border:1px solid #ecd9ac;margin-bottom:16px;font-size:14px}
.iqc-denyut{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1f9d55;margin-right:8px;box-shadow:0 0 0 0 rgba(31,157,85,.5);animation:iqcDenyut 1.8s infinite}
@keyframes iqcDenyut{70%{box-shadow:0 0 0 8px rgba(31,157,85,0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0)}}
.iqc-pil-kira{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:20px;background:#5c1220;color:#f3dc9a;font-size:11.5px;font-weight:700}
.iqc-taqwim-sem{display:flex;justify-content:center;margin:22px 0 12px}
.iqc-taqwim-sem span{padding:8px 26px;border-radius:30px;background:linear-gradient(135deg,#0f4c4a,#08302f);color:#f3dc9a;font:800 13px Manrope,sans-serif;letter-spacing:.18em;box-shadow:0 6px 16px rgba(8,48,47,.25);border:1.5px solid #d8b86a}
.iqc-taqwim-senarai{display:flex;flex-direction:column;gap:8px}
.iqc-tq{display:grid;grid-template-columns:46px 1.25fr 1.1fr 1.2fr 92px;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;border:1px solid #e9e1cf;background:#fff;position:relative}
.iqc-tq:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--tq-w,#b08a3e)}
.iqc-tq-ikon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--tq-w,#b08a3e);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.iqc-tq-perkara strong{display:block;font-size:14px;color:#1f1a14;line-height:1.25}
.iqc-tq-perkara span{font-size:11.5px;color:#6f665a}
.iqc-tq-tarikh{font-weight:700;font-size:13.5px;color:#1d2a5a}
.iqc-tq-tarikh small{display:block;font-weight:500;color:#6f665a;font-size:11.5px}
.iqc-tq-ket{font-size:13px;color:#2a2118;text-transform:uppercase;letter-spacing:.02em}
.iqc-tq-minggu{text-align:right;font-weight:800;font-size:13px;color:#1d2a5a}
.iqc-tq-minggu em{display:block;font-style:normal;font-size:10.5px;color:#1f9d55;letter-spacing:.06em;text-transform:uppercase}
.iqc-tq-teal{--tq-w:#13857a}.iqc-tq-hijau{--tq-w:#2f9a5c}.iqc-tq-emas{--tq-w:#c08a2e}.iqc-tq-biru{--tq-w:#1f4fb3}.iqc-tq-merah{--tq-w:#c0234a}.iqc-tq-ungu{--tq-w:#6a2a8c}.iqc-tq-kelabu{--tq-w:#8a8378}
.iqc-tq-biru{background:#f3f6fd}.iqc-tq-emas{background:#fffaf0}.iqc-tq-merah{background:#fff4f6}.iqc-tq-hijau{background:#f2fbf5}.iqc-tq-ungu{background:#f7f2fb}
.iqc-tq.lepas{opacity:.6}
.iqc-tq.aktif{border-color:#1f9d55;box-shadow:0 0 0 3px rgba(31,157,85,.15)}
.iqc-taqwim-ringkas{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;margin-top:16px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#0f4c4a,#08302f);color:#efe2c4;font-size:13.5px}
.iqc-taqwim-ringkas b{color:#f3dc9a}
.iqc-taqwim-ringkas .iqc-ikon{color:#f3dc9a}
.iqc-taqwim-nota{margin-top:18px;padding:18px 22px;border-radius:14px;border:1px solid #f0d2d2;background:#fffafa}
.iqc-taqwim-nota h4{margin:0 0 10px;font:800 14px Manrope,sans-serif;letter-spacing:.12em;color:#b3261e;text-transform:uppercase}
.iqc-taqwim-nota ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.6}
@media(max-width:780px){
  .iqc-tq{grid-template-columns:40px 1fr;gap:8px 12px}
  .iqc-tq-ikon{width:38px;height:38px;grid-row:span 3}
  .iqc-tq-minggu{text-align:left}
}

/* Portal guru */
.iqc-guru-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;padding:26px 28px;border-radius:22px;color:#fff;margin-bottom:26px;
  background:radial-gradient(circle at 85% 0%,rgba(216,184,106,.3),transparent 50%),linear-gradient(135deg,#0f4c4a,#08302f);box-shadow:0 18px 40px rgba(8,48,47,.25)}
.iqc-guru-hero h2{margin:6px 0 10px;font:700 clamp(24px,3.4vw,32px)/1.15 'Cormorant Garamond',serif;color:#fff}
.iqc-guru-hero .iqc-hero-kecil{color:#d8b86a}
.iqc-guru-hero-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#d9eae7}
.iqc-guru-hero-meta span{padding:4px 12px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.iqc-guru-hero-meta .iqc-pil-fasa{background:#d8b86a;color:#08302f;font-weight:700;border:0}
.iqc-guru-hero-stat{display:flex;gap:12px}
.iqc-guru-hero-stat div{min-width:96px;text-align:center;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(216,184,106,.4)}
.iqc-guru-hero-stat b{display:block;font:800 26px Manrope,sans-serif;color:#f3dc9a}
.iqc-guru-hero-stat span{font-size:12px;color:#d9eae7}
.iqc-portal-guru .iqc-sisi-kepala,.iqc-portal-guru .iqc-sisi-kaki{background:radial-gradient(circle at 85% 20%,rgba(216,184,106,.4),transparent 50%),linear-gradient(135deg,#0f4c4a,#08302f)}
.iqc-portal-guru .iqc-kandungan-tajuk>span{background:linear-gradient(135deg,#13857a,#08302f)}
.iqc-portal-guru .iqc-sisi-menu a .iqc-ikon{color:#0f4c4a}
.iqc-portal-guru .iqc-sisi-menu a.aktif{background:linear-gradient(90deg,#eaf6f3,#e0f0ec);border-color:#7bbfb2}
.iqc-kelas-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.iqc-kelas-chips a{display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;border:1px solid #e3dccb;text-decoration:none;color:#2a2118!important;background:#fff;font-size:12px;max-width:260px}
.iqc-kelas-chips a b{font-size:13px;color:#0f4c4a}
.iqc-kelas-chips a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iqc-kelas-chips a.aktif{border-color:#13857a;background:#eaf6f3;box-shadow:0 0 0 2px rgba(19,133,122,.15)}
.iqc-kelas-chip-tunggal{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:12px;background:#eaf6f3;border:1px solid #bfe0d8;margin-bottom:16px;font-size:13.5px;color:#0f4c4a}
.iqc-kelas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.iqc-kelas-kad{border:1px solid #e3dccb;border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:6px}
.iqc-kelas-kad.hari-ini{border-color:#13857a;box-shadow:0 8px 22px rgba(19,133,122,.12)}
.iqc-kod-kelas{font:800 11.5px Manrope,sans-serif;letter-spacing:.1em;color:#0f4c4a;background:#eaf6f3;padding:2px 9px;border-radius:20px}
.iqc-kelas-angka{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;padding:10px 0;border-top:1px dashed #e3dccb;border-bottom:1px dashed #e3dccb;text-align:center}
.iqc-kelas-angka b{display:block;font-size:17px}
.iqc-kelas-angka span{font-size:11px;color:#6f665a}
.iqc-kelas-butang{display:flex;gap:8px;flex-wrap:wrap}
.iqc-penapis-tarikh{align-items:flex-end}
.iqc-kehadiran-alat{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.iqc-kehadiran-senarai{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.iqc-hadir-baris{display:grid;grid-template-columns:26px 44px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #ece4d3;border-radius:12px;background:#fff}
.iqc-hadir-no{font-weight:700;color:#8a8378;text-align:center}
.iqc-hadir-baris img{width:44px;height:58px;object-fit:cover;border-radius:6px;background:#f3efe6}
.iqc-hadir-nama strong{display:block;font-size:14px}
.iqc-hadir-nama small{font-size:12px;color:#6f665a}
.iqc-hadir-pilih{display:flex;gap:6px;flex-wrap:wrap}
.iqc-hadir-pilih label,.iqc-nilai-pilih label{cursor:pointer}
.iqc-hadir-pilih input,.iqc-nilai-pilih input{position:absolute;opacity:0;pointer-events:none}
.iqc-hadir-pilih span,.iqc-nilai-pilih span{display:inline-block;padding:7px 12px;border-radius:9px;border:1.5px solid #e1d8c4;font:700 12.5px Manrope,sans-serif;color:#6f665a;background:#fff;transition:all .12s}
.iqc-h-hadir input:checked+span{background:#1f9d55;border-color:#1f9d55;color:#fff}
.iqc-h-lewat input:checked+span{background:#e09a1f;border-color:#e09a1f;color:#fff}
.iqc-h-tidak input:checked+span{background:#c0392b;border-color:#c0392b;color:#fff}
.iqc-h-cuti input:checked+span{background:#2d6cdf;border-color:#2d6cdf;color:#fff}
.iqc-nilai-pilih{display:flex;gap:6px;flex-wrap:wrap}
.iqc-nilai-hijau input:checked+span{background:#1f9d55;border-color:#1f9d55;color:#fff}
.iqc-nilai-biru input:checked+span{background:#2d6cdf;border-color:#2d6cdf;color:#fff}
.iqc-nilai-kuning input:checked+span{background:#e09a1f;border-color:#e09a1f;color:#fff}
.iqc-nilai-merah input:checked+span{background:#c0392b;border-color:#c0392b;color:#fff}
@media(max-width:640px){.iqc-hadir-baris{grid-template-columns:40px 1fr}.iqc-hadir-no{display:none}.iqc-hadir-pilih{grid-column:1/-1}.iqc-hadir-pilih label{flex:1}.iqc-hadir-pilih span{width:100%;text-align:center}}
.iqc-sem-tab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.iqc-sem-tab a{display:flex;flex-direction:column;padding:9px 16px;border-radius:12px;border:1px solid #e3dccb;text-decoration:none;color:#2a2118!important;font-weight:700;font-size:13.5px;background:#fff}
.iqc-sem-tab a small{font-weight:500;color:#6f665a;font-size:11.5px}
.iqc-sem-tab a.aktif{border-color:#5c1220;background:#fbf3e2}
.iqc-bahan-senarai{display:flex;flex-direction:column;gap:10px}
.iqc-bahan{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:flex-start;padding:14px;border:1px solid #ece4d3;border-radius:14px;background:#fff}
.iqc-bahan-ikon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;background:#1f4fb3}
.iqc-bahan-latihan{background:#c0234a}.iqc-bahan-audio{background:#6a2a8c}.iqc-bahan-video{background:#13857a}
.iqc-bahan-isi strong{font-size:14.5px}
.iqc-bahan-tindakan{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.iqc-hantar-status{margin-top:8px;font-size:12.5px;padding:6px 10px;border-radius:8px;background:#fdf2d6;color:#6d4c0c}
.iqc-hantar-status.ok{background:#e3f2e8;color:#1f5a37}
.iqc-hantar-borang{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.iqc-hantar-borang input[type=text]{flex:1;min-width:160px}
@media(max-width:640px){.iqc-bahan{grid-template-columns:40px 1fr}.iqc-bahan-tindakan{grid-column:1/-1;flex-direction:row;align-items:center}}
.iqc-kad-pelajar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.iqc-kad-pelajar{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px;border:1px solid #ece4d3;border-radius:14px;background:#fff}
.iqc-kad-pelajar img{width:70px;height:93px;object-fit:cover;border-radius:8px;background:#f3efe6}
.iqc-kad-pelajar-hubung{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;font-weight:700}

/* Grid markah */
.iqc-grid-wrap{overflow-x:auto;border:1px solid #e3dccb;border-radius:14px;background:#fff}
.iqc-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-family:Manrope,sans-serif}
.iqc-grid th{position:sticky;top:0;background:#2a0710;color:#fff;padding:9px 8px;font-size:11px;text-align:center;vertical-align:bottom;z-index:1}
.iqc-grid th.iqc-g-pelajar{text-align:left;min-width:220px;left:0;z-index:2}
.iqc-g-kod{display:block;color:#f3dc9a;font-weight:800;letter-spacing:.06em}
.iqc-g-nama{display:block;font-weight:500;opacity:.85;max-width:120px;margin:0 auto}
.iqc-g-waj{display:block;font-size:10px;color:#d8b86a;margin-top:2px}
.iqc-grid td{padding:7px 8px;border-bottom:1px solid #f0e8d8;text-align:center;vertical-align:middle}
.iqc-grid td.iqc-g-pelajar{text-align:left;position:sticky;left:0;background:#fff;z-index:1}
.iqc-grid tbody tr:hover td{background:#fffbf3}
.iqc-g-pelajar{display:table-cell}
td.iqc-g-pelajar{display:flex!important;gap:10px;align-items:center}
td.iqc-g-pelajar img{width:34px;height:45px;object-fit:cover;border-radius:5px;background:#f3efe6;flex:none}
td.iqc-g-pelajar strong{display:block;font-size:12.5px;line-height:1.25}
td.iqc-g-pelajar small{font-size:11px;color:#6f665a}
.iqc-grid input[type=number]{width:74px!important;padding:7px 6px!important;text-align:center;border-radius:8px!important;border:1px solid #d9cdb3!important;font:600 13px Manrope,sans-serif!important;background:#fffdf8!important}
.iqc-grid input.iqc-g-salah{border-color:#c0392b!important;background:#fff1f0!important}
.iqc-grid td.iqc-g-ulasan{min-width:180px}
.iqc-grid td.iqc-g-ulasan input{width:100%;padding:7px 8px;border-radius:8px;border:1px solid #d9cdb3;font:500 12.5px Manrope,sans-serif}
.iqc-g-auto{display:inline-block;padding:6px 10px;border-radius:8px;background:#f3f0e8;color:#4c443a;font-weight:700;min-width:54px}
.iqc-g-jumlah{font:800 15px Manrope,sans-serif;color:#2a0710}
.iqc-g-lencana{display:inline-block;min-width:38px;padding:4px 8px;border-radius:8px;background:#5c1220;color:#f3dc9a;font:800 13px Manrope,sans-serif}
.iqc-g-lencana.gagal{background:#c0392b;color:#fff}
.iqc-g-taqdir{display:block;font-size:10.5px;color:#6f665a;margin-top:2px}
.iqc-g-statistik{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.iqc-g-statistik>div{padding:10px 14px;border-radius:12px;background:#fbf6ec;border:1px solid #efe1c2;min-width:120px}
.iqc-g-statistik span{display:block;font-size:11px;color:#6f665a;text-transform:uppercase;letter-spacing:.05em}
.iqc-g-statistik b{font-size:17px;color:#2a0710}
.iqc-g-taburan{flex:1}
.iqc-g-taburan p{margin:4px 0 0;display:flex;gap:6px;flex-wrap:wrap}
.iqc-g-taburan i{font-style:normal;padding:2px 8px;border-radius:6px;background:#fff;border:1px solid #e3dccb;font-size:12px}

/* Keputusan pelajar */
.iqc-keputusan-belum{padding:12px 16px;border-radius:12px;background:#f6f3ec;border:1px dashed #d9cdb3;margin-bottom:10px;font-size:13.5px;color:#6f665a}
.iqc-keputusan-kad{border:1px solid #e3dccb;border-radius:16px;padding:16px;margin-bottom:14px;background:#fff}
.iqc-keputusan-kepala{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.iqc-keputusan-kepala strong{display:block;font-size:17px;color:#2a0710}
.iqc-keputusan-gred{text-align:center;padding:8px 16px;border-radius:14px;background:linear-gradient(135deg,#5c1220,#2c0811);color:#f3dc9a;min-width:96px}
.iqc-keputusan-gred b{display:block;font:800 28px/1 Manrope,sans-serif}
.iqc-keputusan-gred span{font-size:11px;color:#efe2c4}
.iqc-keputusan-gred.gagal{background:#c0392b}
.iqc-baris-jumlah td{background:#fbf6ec;font-weight:800}
.iqc-keputusan-kaki{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0;font-size:13px}
.iqc-ulasan-guru{border-left:4px solid #b08a3e;background:#fbf6ec;padding:10px 14px;border-radius:0 10px 10px 0;margin-bottom:12px;font-size:13.5px}
.iqc-png-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#5c1220,#2c0811);color:#efe2c4;margin-top:6px}
.iqc-png-bar b{font:800 28px Manrope,sans-serif;color:#f3dc9a}
.iqc-hadir-jalur{display:flex;gap:3px;flex-wrap:wrap;margin:14px 0 6px}
.iqc-hadir-jalur span{width:14px;height:22px;border-radius:3px;background:#ddd}
.iqc-hj-hadir,.iqc-hj-petunjuk.hadir{background:#1f9d55!important}.iqc-hj-lewat,.iqc-hj-petunjuk.lewat{background:#e09a1f!important}.iqc-hj-tidak,.iqc-hj-petunjuk.tidak{background:#c0392b!important}.iqc-hj-cuti,.iqc-hj-petunjuk.cuti{background:#2d6cdf!important}
.iqc-hj-petunjuk{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:middle}
.iqc-juzuk{display:grid;grid-template-columns:repeat(15,1fr);gap:4px;margin-bottom:6px}
.iqc-juzuk span{text-align:center;padding:6px 0;border-radius:6px;background:#f3efe6;color:#8a8378;font:700 11.5px Manrope,sans-serif}
.iqc-juzuk span.ada{background:linear-gradient(135deg,#13857a,#0f4c4a);color:#fff}
@media(max-width:560px){.iqc-juzuk{grid-template-columns:repeat(10,1fr)}}
.iqc-kad-program-besar{padding:18px}

/* Admin (dipakai di wp-admin) */
.iqc-palang-admin{height:6px;background:#eee;border-radius:4px;overflow:hidden;width:120px;display:inline-block;vertical-align:middle;margin-right:6px}
.iqc-palang-admin i{display:block;height:100%;background:#1f9d55}
.iqc-taqwim-admin input:not([type=checkbox]),.iqc-taqwim-admin select{width:100%}

.iqc-guru-hero-kiri{flex:1;min-width:280px}
.iqc-grid .iqc-merah-teks{color:#c0392b;font-weight:700}

/* v1.4 — keputusan keseluruhan & gred panjang */
.iqc-keputusan-gred.panjang b{font-size:16px;line-height:1.2;letter-spacing:.04em}
.iqc-keputusan-gred span{font-family:Amiri,serif;font-size:14px}
.iqc-keseluruhan{border-radius:16px;padding:16px;background:linear-gradient(135deg,#5c1220,#2c0811);color:#efe2c4;margin-top:4px}
.iqc-keseluruhan-tajuk{font:800 13px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3dc9a;margin-bottom:12px}
.iqc-keseluruhan-tajuk small{text-transform:none;letter-spacing:0;font-weight:500;color:#efe2c4}
.iqc-keseluruhan-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.iqc-keseluruhan-grid div{background:rgba(255,255,255,.07);border:1px solid rgba(216,184,106,.35);border-radius:12px;padding:10px;text-align:center}
.iqc-keseluruhan-grid span{display:block;font-size:11px;color:#d8c9a6;text-transform:uppercase;letter-spacing:.05em}
.iqc-keseluruhan-grid b{font:800 20px Manrope,sans-serif;color:#fff}
.iqc-keseluruhan-grid .g{background:#d8b86a;border-color:#d8b86a}.iqc-keseluruhan-grid .g span{color:#5c1220}.iqc-keseluruhan-grid .g b{color:#2a0710;font-size:15px}
.iqc-keseluruhan-grid .g.gagal{background:#c0392b;border-color:#c0392b}.iqc-keseluruhan-grid .g.gagal b,.iqc-keseluruhan-grid .g.gagal span{color:#fff}
@media(max-width:640px){.iqc-keseluruhan-grid{grid-template-columns:repeat(2,1fr)}.iqc-keseluruhan-grid .g{grid-column:1/-1}}
.iqc-g-lencana{white-space:nowrap;font-size:11.5px}

/* v1.6 — Notis PDPA pada borang daftar */
.iqc-pdpa{margin:14px 0 10px;padding:14px 16px;border-radius:10px;background:#fff;border:1px dashed var(--e);font-size:13px;line-height:1.55;color:var(--s)}
.iqc-pdpa strong{display:block;color:var(--m);font-size:13.5px;margin-bottom:4px}
.iqc-seksyen .iqc-semak+.iqc-pdpa+.iqc-semak{margin-top:0}
/* v1.6 — Hab Dokumen portal */
.iqc-dok-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.iqc-dok{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--g);border-radius:14px;background:#fff}
.iqc-dok-ikon{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--m),#3a0a14);color:var(--e2)}
.iqc-dok b{display:block;font-size:14.5px;color:var(--d)}
.iqc-dok small{display:block;color:var(--s);font-size:12.5px;margin:2px 0 8px;line-height:1.45}
.iqc-dok a.iqc-butang-kecil{display:inline-block;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:8px;background:var(--m);color:#fff;text-decoration:none;margin:0 6px 4px 0}
.iqc-dok a.iqc-butang-kecil.garis{background:#fff;color:var(--m);border:1px solid var(--g)}
.iqc-dok-tiada{opacity:.6}

/* =========================================================
 * v1.6.1 — Kunci saiz imej daripada gaya tema
 * Tema (Astra, Elementor, tema blok) biasanya menetapkan "img{height:auto;max-width:100%}"
 * yang mengatasi saiz logo plugin dan menyebabkan logo jadi terlalu besar.
 * ======================================================= */
.iqc-wrap img.iqc-hero-logo{display:block!important;height:78px!important;width:auto!important;max-width:240px!important;object-fit:contain;
  margin:0 auto 14px!important;padding:8px 12px!important;background:#fffaf0!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.iqc-log-masuk img.iqc-hero-logo{box-shadow:0 4px 14px rgba(60,20,10,.12);border:1px solid var(--g)}
.iqc-wrap .iqc-panduan-kepala img{height:96px!important;width:auto!important;max-width:150px!important;flex:0 0 auto;object-fit:contain;
  padding:8px!important;background:#fffaf0!important;border:1px solid var(--g);border-radius:18px!important}
.iqc-wrap img.iqc-kd-logo{height:8.5cqw!important;width:auto!important;max-width:30%!important;object-fit:contain}
/* Foto pelajar dalam bingkai bulat — kunci bentuk walaupun tema (Elementor/Astra) set "img{border-radius:0;border:none;height:auto}" */
.iqc-wrap .iqc-kd-foto,.iqc-wrap .iqc-sisi-avatar{box-sizing:border-box!important;overflow:hidden;aspect-ratio:1/1}
.iqc-wrap .iqc-kd-foto img,.iqc-wrap .iqc-sisi-avatar img{box-sizing:border-box!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center 22%!important;aspect-ratio:1/1}
.iqc-wrap .iqc-sisi-avatar img{border:3px solid #fff!important}
.iqc-wrap .iqc-kd-foto img{border:0!important}
.iqc-wrap .iqc-hadir-baris img{width:44px!important;height:58px!important;max-width:none!important;object-fit:cover!important;border-radius:6px!important}
.iqc-wrap .iqc-kad-pelajar img{width:70px!important;height:93px!important;max-width:none!important;object-fit:cover!important;border-radius:8px!important}
.iqc-wrap td.iqc-g-pelajar img{width:34px!important;height:45px!important;max-width:none!important;object-fit:cover!important;border-radius:5px!important}
@media (max-width:600px){
  .iqc-wrap img.iqc-hero-logo{height:64px!important}
  .iqc-panduan-kepala{flex-direction:column;align-items:flex-start;text-align:left}
  .iqc-wrap .iqc-panduan-kepala img{height:76px!important}
}
/* v1.6.1 — Aliran kemasukan pada borang daftar */
.iqc-aliran-awam{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:a}
.iqc-aliran-awam li{counter-increment:a;position:relative;background:#fff;border:1px solid var(--g);border-radius:14px;padding:14px 14px 12px 50px;font-size:13px;line-height:1.35}
.iqc-aliran-awam li:before{content:counter(a);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--k2);color:var(--m);font-weight:800;font-size:13px}
.iqc-aliran-awam li.kini{border-color:var(--e);background:var(--k)}
.iqc-aliran-awam li.kini:before{background:var(--m);color:var(--e2)}
.iqc-aliran-awam b{display:block;color:var(--d);font-size:13.5px}
.iqc-aliran-awam span{display:block;color:var(--s);font-size:12px;margin-top:2px}
@media(max-width:720px){.iqc-aliran-awam{grid-template-columns:1fr 1fr}}

/* v1.7 — pilihan saluran makluman (Emel / WhatsApp) */
.iqc-saluran{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.iqc-saluran label{display:inline-flex;align-items:center;gap:7px;margin:0;font-weight:500}
.iqc-saluran small{opacity:.7}

/* v1.7 — Tambah ke Kalendar (Google / Apple / Outlook) */
.iqc-kalendar{position:relative;display:inline-block}
.iqc-kalendar>summary{list-style:none;cursor:pointer}
.iqc-kalendar>summary::-webkit-details-marker{display:none}
.iqc-kalendar-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;width:280px;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(30,10,15,.25);padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left}
.iqc-kalendar-menu small{display:block;color:#6d6257;font-size:12px;line-height:1.45;padding:2px 4px 6px}
.iqc-kalendar-menu a{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;border:1px solid #eee3cf;color:#3a1018!important;text-decoration:none!important;background:#fffdf8}
.iqc-kalendar-menu a:hover{border-color:#c9a96a;background:#fbf4e4}
.iqc-taqwim .iqc-kalendar-menu a b,.iqc-kalendar-menu a b{font-size:14px;color:#3a1018!important;font-weight:800}.iqc-taqwim .iqc-kalendar-menu a span,.iqc-kalendar-menu a span{font-size:12px;color:#7b6f62!important;font-weight:500}
.iqc-taqwim .iqc-kalendar-menu small{color:#6d6257!important}
@media (max-width:640px){.iqc-kalendar-menu{right:auto;left:0;width:min(280px,86vw)}}