/* COIE Graduation Project Format Checker v5.4 - Calm Arabic UI */
:root{
  --coie-bg:#f6f7f3;
  --coie-card:#ffffff;
  --coie-ink:#17212f;
  --coie-muted:#667085;
  --coie-line:#e5e8df;
  --coie-navy:#213a5a;
  --coie-sage:#dfe9df;
  --coie-sage-2:#edf4ed;
  --coie-teal:#6aa6a1;
  --coie-gold:#d8b96a;
  --coie-warn:#b36b2c;
  --coie-danger:#b42318;
  --coie-soft-danger:#fff3f1;
  --coie-soft-warn:#fff8ed;
  --coie-soft-blue:#edf5f8;
  --coie-shadow:0 18px 45px rgba(30,45,65,.08);
  --coie-radius:24px;
}

.coie-gpfc-wrap{max-width:1120px;margin:32px auto;padding:0 16px;font-family:"Tahoma","Arial",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--coie-ink);line-height:1.75}
.coie-gpfc-wrap *{box-sizing:border-box}
.coie-v2{direction:rtl;text-align:right}
.coie-hero{position:relative;display:grid;grid-template-columns:1fr 230px;gap:22px;align-items:stretch;padding:34px;border-radius:32px;background:linear-gradient(135deg,#fff,#f3f7f2);border:1px solid var(--coie-line);box-shadow:var(--coie-shadow);overflow:hidden}
.coie-hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:rgba(106,166,161,.16)}
.coie-hero:after{content:"";position:absolute;inset:-110px auto auto -90px;width:260px;height:260px;border-radius:50%;background:rgba(216,185,106,.14)}
.coie-hero-left,.coie-hero-right{position:relative;z-index:1}
.coie-chip{display:inline-flex;align-items:center;gap:8px;background:#f0f5f1;color:var(--coie-navy);border:1px solid #d7e3d7;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;letter-spacing:.01em}
.coie-hero h2{font-size:38px;line-height:1.25;margin:16px 0 10px;color:var(--coie-navy);font-weight:900;letter-spacing:-.03em}
.coie-hero p{max-width:780px;color:#516070;font-size:16px;margin:0}
.coie-hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.coie-hero-points span{display:inline-flex;background:#fff;border:1px solid var(--coie-line);border-radius:999px;padding:8px 12px;color:#405166;font-size:13px;font-weight:700}
.coie-hero-right{display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:24px;background:#213a5a;color:#fff;padding:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.coie-hero-right strong{font-size:32px;letter-spacing:.08em}.coie-hero-right small{font-size:14px;color:#d9e8ed;line-height:1.7}
.coie-requirement,.coie-gpfc-alert{margin:18px 0;padding:16px 18px;border-radius:20px;background:#fffaf0;border:1px solid #ead9a9;color:#5f4b1a;box-shadow:0 10px 26px rgba(30,45,65,.04)}
.coie-gpfc-alert.error{background:var(--coie-soft-danger);border-color:#f2b8b5;color:#8a1f16}.coie-gpfc-alert.success{background:#eef8ef;border-color:#b9dcc0;color:#245c34}
.coie-form{margin-top:20px;background:var(--coie-card);border:1px solid var(--coie-line);border-radius:28px;padding:26px;box-shadow:var(--coie-shadow)}
.coie-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.coie-form label{display:block;font-weight:800;color:#24364d;margin-bottom:16px}.coie-form label span{color:var(--coie-danger)}
.coie-form input[type=text],.coie-form input[type=email],.coie-form input[type=file],.coie-form textarea,.coie-form select{display:block;width:100%;margin-top:8px;border:1px solid #d8ded4;border-radius:16px;padding:13px 14px;background:#fbfcfa;color:#182536;font-size:15px;outline:none;transition:.18s}
.coie-form input:focus,.coie-form textarea:focus,.coie-form select:focus{border-color:var(--coie-teal);box-shadow:0 0 0 4px rgba(106,166,161,.16);background:#fff}.coie-form small{display:block;margin-top:7px;color:var(--coie-muted);font-weight:500}
.coie-form button,.coie-inline-ack button,.coie-ack-box button,.coie-cert button{border:0;border-radius:999px;background:linear-gradient(135deg,#213a5a,#426b82);color:#fff;font-weight:900;padding:13px 20px;cursor:pointer;box-shadow:0 12px 26px rgba(33,58,90,.18)}
.coie-form button:hover,.coie-inline-ack button:hover,.coie-ack-box button:hover{filter:brightness(1.04)}

.coie-report{margin:24px 0;padding:28px;border-radius:32px;background:#fff;border:1px solid var(--coie-line);box-shadow:var(--coie-shadow)}
.coie-report.passed{border-color:#b9dcc0;background:linear-gradient(#fff,#f6fbf6)}.coie-report.needs{border-color:#ead9a9;background:linear-gradient(#fff,#fffdf7)}
.coie-report-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.coie-report-head h3{font-size:34px;margin:14px 0 6px;color:var(--coie-navy);font-weight:950;letter-spacing:-.04em}.coie-report-head p{max-width:760px;color:#5d6a7a;margin:0;font-size:15px}
.coie-score{width:126px;height:126px;min-width:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#213a5a,#6aa6a1);box-shadow:0 18px 35px rgba(33,58,90,.18);color:#fff}.coie-score span{font-size:38px;font-weight:950;line-height:1}.coie-score small{font-size:15px;color:#e9f3f3}
.coie-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.coie-metrics div{background:#fbfcfa;border:1px solid var(--coie-line);border-radius:20px;padding:16px}.coie-metrics strong{display:block;color:#697586;font-size:12px}.coie-metrics span{display:block;margin-top:7px;color:#17212f;font-weight:900;font-size:17px}
.coie-bars{display:grid;gap:12px;margin:10px 0 20px}.coie-bar>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800;color:#25364d}.coie-bar em{display:block;height:10px;background:#e9eee5;border-radius:999px;overflow:hidden;margin-top:7px}.coie-bar i{display:block;height:100%;background:linear-gradient(90deg,#6aa6a1,#213a5a);border-radius:999px}
.coie-pass-box{margin:18px 0;padding:16px;border-radius:18px;background:#eef8ef;border:1px solid #b9dcc0;color:#245c34}.coie-pass-box a{float:left;font-weight:900;color:#213a5a}
.coie-citation-map{margin:18px 0;border:1px solid var(--coie-line);border-radius:18px;padding:14px;background:#fbfcfa}.coie-citation-map summary{cursor:pointer;font-weight:900;color:var(--coie-navy)}
.coie-issues{display:grid;gap:16px}.coie-issue{position:relative;border-radius:26px;padding:22px;background:#fff;border:1px solid var(--coie-line);box-shadow:0 16px 38px rgba(30,45,65,.06);overflow:hidden}.coie-issue:before{content:"";position:absolute;right:0;top:0;bottom:0;width:7px;background:#b9c4cc}.coie-issue.major{background:var(--coie-soft-warn);border-color:#f0d2a9}.coie-issue.major:before{background:#d89b4a}.coie-issue.critical{background:var(--coie-soft-danger);border-color:#f0b7b2}.coie-issue.critical:before{background:#d92d20}.coie-issue.warning,.coie-issue.minor{background:#fffdf2;border-color:#efe1ad}.coie-issue.warning:before,.coie-issue.minor:before{background:#d8b96a}.coie-issue.advisory{background:var(--coie-soft-blue);border-color:#cfe4ea}.coie-issue.advisory:before{background:#6aa6a1}
.coie-issue-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coie-issue-top strong{font-size:13px;color:#213a5a;font-weight:950;direction:ltr;text-align:left}.coie-issue-top span{display:inline-flex;border-radius:999px;background:#eef5f2;color:#245c62;font-weight:900;padding:7px 12px;font-size:12px;white-space:nowrap}.coie-location{display:inline-flex;margin-top:8px;margin-inline-start:0;border-radius:999px;background:#f1f4ef;color:#667085;font-style:normal;font-size:12px;font-weight:800;padding:6px 10px;direction:ltr}.coie-issue-message{font-size:20px;line-height:1.65;color:#17212f;font-weight:850;margin:18px 0}
.coie-expected{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.coie-expected div{background:#fbfcfa;border:1px solid #e5e8df;border-radius:18px;padding:14px}.coie-expected b{display:block;color:#697586;font-size:12px;margin-bottom:8px}.coie-expected span{display:block;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:normal;color:#263549}
.coie-reco{border-right:4px solid var(--coie-teal);padding:12px 14px;background:#f2f8f7;border-radius:14px;color:#2a4c4c}.coie-location-help{padding:12px 14px;border-radius:14px;background:#edf5f8;color:#38566a;border:1px solid #d0e4ea}.coie-clean{padding:18px;border-radius:18px;background:#eef8ef;border:1px solid #b9dcc0;color:#245c34;font-weight:900}
.coie-find-one,.coie-examples{margin-top:14px;padding:16px;border-radius:20px;background:#fbfcfa;border:1px solid var(--coie-line)}.coie-find-one b,.coie-examples>b{display:block;color:var(--coie-navy);margin-bottom:8px}.coie-find-one code,.coie-example-row code{display:block;direction:ltr;text-align:left;background:#213a5a;color:#fff;border-radius:14px;padding:10px 12px;white-space:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.coie-find-one small,.coie-examples p,.coie-example-row small{display:block;color:#667085;line-height:1.6;margin-top:8px}.coie-example-row{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--coie-line)}.coie-example-row:first-of-type{border-top:0}.coie-example-row>span{background:#eaf1ed;color:#213a5a;border-radius:14px;padding:9px;text-align:center;font-weight:950;direction:ltr}.coie-detected-mini{color:#8b5a19!important;direction:ltr;text-align:left}.coie-affected{font-size:13px;color:#697586}
.coie-inline-ack,.coie-ack-box{margin-top:16px;padding:16px;border-radius:20px;background:#f4f8f5;border:1px solid #d8e6d8}.coie-check{display:block;margin:10px 0;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--coie-line)}.coie-check input{margin-left:8px}.coie-ack-box textarea{width:100%;border:1px solid #d8ded4;border-radius:14px;padding:12px;margin:8px 0 14px;background:#fff}
.coie-gpfc-admin .coie-gpfc-card{max-width:900px;background:#fff;border:1px solid var(--coie-line);border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 10px 24px rgba(30,45,65,.05)}.coie-muted{color:#8a97a8}

/* Certificate remains English and formal */
.coie-certificate-page{background:#f1f5fb;margin:0;padding:40px;font-family:Georgia,'Times New Roman',serif;direction:ltr;text-align:left}.coie-cert{max-width:900px;margin:auto;background:#fff;border:10px solid #0f2450;padding:54px;text-align:center;box-shadow:0 26px 80px rgba(18,32,51,.16)}.coie-cert h1{font-size:42px;color:#0f2450;margin-bottom:6px}.coie-cert h2{font-size:21px;color:#516174;margin-top:0}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0;text-align:left}.cert-grid div{border:1px solid #dce8f7;border-radius:12px;padding:14px}.cert-grid strong{display:block;color:#607086;font-size:12px;text-transform:uppercase}.cert-grid span{display:block;margin-top:6px;font-weight:900;color:#122033}.qr img{width:160px;height:160px}.cert-note{font-size:14px;color:#66768a;line-height:1.6}.cert-ack{margin:24px 0;text-align:left;border:1px solid #e7edf6;border-radius:16px;padding:16px;background:#f8fbff}.cert-ack strong{display:block;color:#0f2450;margin-bottom:8px}.cert-ack li{margin:7px 0;color:#475467}

@media(max-width:820px){.coie-hero{grid-template-columns:1fr;padding:26px}.coie-hero h2{font-size:30px}.coie-form-grid,.coie-metrics,.coie-expected,.cert-grid{grid-template-columns:1fr}.coie-report-head{flex-direction:column;align-items:flex-start}.coie-score{width:112px;height:112px;min-width:112px}.coie-example-row{grid-template-columns:1fr}.coie-pass-box a{float:none;display:block;margin-top:8px}}