/* Shared JMG HTML5 form styles. Use for current and future internal forms. */
.jmg-form-page{background:#f5f9fc}.jmg-form-hero{position:relative;overflow:hidden}.jmg-form-hero-inner{display:block}.jmg-form-assurance{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:24px;padding:1.35rem;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.18)}.jmg-form-assurance strong{display:block;font-size:1.1rem;margin-bottom:.45rem}.jmg-form-assurance p{margin:0;color:rgba(255,255,255,.85);line-height:1.65}.jmg-form-section{padding-block:4rem}.jmg-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.4rem;align-items:start}.jmg-form-side{position:sticky;top:1.5rem;border:1px solid #d8e5ef;background:linear-gradient(160deg,#fff,#eef8fb);border-radius:26px;padding:1.35rem;box-shadow:0 18px 42px rgba(14,55,87,.08)}.jmg-form-side h2{margin:.2rem 0 .55rem;color:#07345f;font-size:1.35rem;line-height:1.18}.jmg-form-side p,.jmg-form-side li{color:#52657a;line-height:1.65}.jmg-form-side ol{padding-left:1.2rem}.jmg-form-note{margin-top:1rem;border:1px dashed #9cc4db;border-radius:18px;background:#fff;padding:1rem}.jmg-form-note strong{display:block;color:#07345f;margin-bottom:.45rem}.jmg-form-note code{display:block;white-space:normal;word-break:break-word;background:#edf5f9;border-radius:12px;padding:.75rem;color:#0b3d68}.jmg-digital-form{display:grid;gap:1rem}.jmg-form-card{border:1px solid #d8e5ef;background:#fff;border-radius:26px;padding:1.35rem;box-shadow:0 18px 42px rgba(14,55,87,.07)}.jmg-form-card-head{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.15rem}.jmg-form-card-head>span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#0d47a1,#1685c6);color:#fff;font-weight:900}.jmg-form-card-head h2{margin:0;color:#07345f;font-size:1.28rem;line-height:1.2}.jmg-form-card-head p{margin:.25rem 0 0;color:#607489;line-height:1.55}.jmg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.jmg-form-wide{grid-column:1/-1}.jmg-digital-form label,.jmg-form-checks legend{display:grid;gap:.45rem;font-weight:500;color:#173d5e}.jmg-digital-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),.jmg-digital-form select,.jmg-digital-form textarea{width:100%;border:1px solid #cbdbe7;border-radius:14px;background:#fbfdff;padding:.85rem .95rem;font:inherit;color:#16364f;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.jmg-digital-form textarea{resize:vertical;min-height:110px}.jmg-digital-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):focus,.jmg-digital-form select:focus,.jmg-digital-form textarea:focus{border-color:#1685c6;box-shadow:0 0 0 4px rgba(22,133,198,.13);background:#fff}.jmg-digital-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"])[aria-invalid="true"],.jmg-digital-form select[aria-invalid="true"],.jmg-digital-form textarea[aria-invalid="true"]{border-color:#b42318;box-shadow:0 0 0 4px rgba(180,35,24,.1)}.jmg-form-checks{grid-column:1/-1;margin:0;border:1px solid #dce8f0;border-radius:18px;padding:1rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem}.jmg-form-checks legend{padding:0 .35rem}.jmg-form-checks label,.jmg-form-acknowledgement label{display:flex;align-items:flex-start;gap:.55rem;font-weight:500;color:#314e66}.jmg-form-checks input,.jmg-form-acknowledgement input{margin-top:.25rem;accent-color:#0d67a8}.jmg-form-acknowledgement{display:grid;gap:.85rem}.jmg-form-submit-panel{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border:1px solid #bed5e6;background:linear-gradient(135deg,#eaf6fc,#fff);border-radius:24px;padding:1.2rem 1.35rem;box-shadow:0 16px 36px rgba(14,55,87,.07)}.jmg-form-submit-panel strong{display:block;color:#07345f}.jmg-form-submit-panel p{margin:.25rem 0 0;color:#607489}.jmg-form-status{display:none;border-radius:18px;padding:1rem 1.1rem;font-weight:700}.jmg-form-status.is-visible{display:block}.jmg-form-status.is-success{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}.jmg-form-status.is-error{background:#fff1f3;color:#b42318;border:1px solid #fecdd6}.jmg-form-hidden-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.jmg-digital-form.is-submitting{opacity:.72;pointer-events:none}@media(max-width:980px){.jmg-form-hero-inner,.jmg-form-layout{grid-template-columns:1fr}.jmg-form-side{position:relative;top:auto}.jmg-form-grid{grid-template-columns:1fr}.jmg-form-submit-panel{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.jmg-form-section{padding-block:2.5rem}.jmg-form-card,.jmg-form-side,.jmg-form-submit-panel{border-radius:20px;padding:1rem}.jmg-form-checks{display:grid}.jmg-form-card-head{gap:.75rem}.jmg-form-card-head>span{min-width:38px;height:38px;border-radius:14px}.jmg-form-assurance{border-radius:20px;padding:1rem}}


/* Form refinement v4 - URL-only content submission */
.jmg-form-layout{grid-template-columns:minmax(0,1fr) 330px !important;}
.jmg-form-side{position:sticky;top:1.5rem;}
.jmg-form-side .eyebrow,.jmg-form-side h2,.jmg-form-side p,.jmg-form-side li,.jmg-form-note span,.jmg-form-note code{font-weight:500;}
.jmg-form-note span{display:block;color:#07345f;margin-bottom:.45rem;}
.jmg-digital-form label,.jmg-form-checks legend{font-weight:500 !important;}
.jmg-form-checks{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;border-color:#d7e5ef;background:#f8fbfe;}
.jmg-form-checks legend{margin-bottom:.2rem;}
.jmg-form-checks label,.jmg-form-acknowledgement label{display:flex !important;align-items:center;gap:.65rem;border:1px solid #dce8f0;border-radius:14px;background:#fff;padding:.75rem .85rem;line-height:1.35;font-weight:500 !important;}
.jmg-form-acknowledgement{gap:.65rem;}
.jmg-form-checks input,.jmg-form-acknowledgement input{flex:0 0 auto;margin:0;width:1.05rem;height:1.05rem;accent-color:#0d67a8;}
.jmg-form-submit-panel{justify-content:flex-end !important;}
.jmg-form-submit-panel .button{min-width:170px;}
@media(max-width:980px){.jmg-form-layout{grid-template-columns:1fr !important}.jmg-form-side{position:relative;top:auto;order:2}.jmg-digital-form{order:1}.jmg-form-checks{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.jmg-form-checks{grid-template-columns:1fr}.jmg-form-checks label,.jmg-form-acknowledgement label{align-items:flex-start}.jmg-form-checks input,.jmg-form-acknowledgement input{margin-top:.1rem}.jmg-form-submit-panel .button{width:100%;}}


/* Shared HTML5 forms refinement v7 */
.jmg-digital-form label,.jmg-form-checks legend{font-weight:400 !important;}
.jmg-form-checks label,.jmg-form-acknowledgement label{font-weight:400 !important;}
.jmg-form-checks--two{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.jmg-form-checks--single{grid-template-columns:1fr !important;}
.jmg-form-help{display:block;color:#607489;font-size:.92rem;line-height:1.45;margin-top:-.15rem;}
.jmg-form-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;}
.jmg-form-mini-card{border:1px solid #dce8f0;background:#fff;border-radius:18px;padding:.9rem;line-height:1.45;color:#52657a;}
.jmg-form-mini-card span{display:block;color:#07345f;font-weight:700;margin-bottom:.25rem;}
@media(max-width:980px){.jmg-form-checks--two{grid-template-columns:1fr !important}.jmg-form-mini-grid{grid-template-columns:1fr;}}


/* SISPAA forms refinement v9 */
.jmg-form-checks--three{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.jmg-form-checks input[type="radio"],.jmg-form-checks input[type="checkbox"],.jmg-form-acknowledgement input[type="checkbox"]{cursor:pointer;}
.jmg-form-checks label:has(input:checked),.jmg-form-acknowledgement label:has(input:checked){border-color:#1685c6;background:#f0f8fd;box-shadow:0 0 0 3px rgba(22,133,198,.08)}
.jmg-form-file-field{border:1px solid #dce8f0;border-radius:18px;background:#f8fbfe;padding:1rem;margin:0;display:grid;gap:.75rem;}
.jmg-form-file-field legend{padding:0 .35rem;color:#173d5e;font-weight:400;}
.jmg-file-list{display:grid;gap:.65rem;}
.jmg-file-control{display:grid!important;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:.85rem;border:1px solid #dce8f0;border-radius:14px;background:#fff;padding:.75rem .85rem;font-weight:400!important;color:#314e66;}
.jmg-file-control span{font-weight:500;color:#173d5e;}
.jmg-file-control input[type="file"]{width:100%;border:1px dashed #b8cad8;border-radius:12px;background:#fbfdff;padding:.7rem;color:#16364f;}
.jmg-file-add{justify-self:start;min-width:180px;}
@media(max-width:980px){.jmg-form-checks--three{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:560px){.jmg-form-checks--three{grid-template-columns:1fr !important;}.jmg-file-control{grid-template-columns:1fr}.jmg-file-add{width:100%;}}
.jmg-file-control:has(.jmg-file-remove){grid-template-columns:130px minmax(0,1fr) auto;}
.jmg-file-remove{border:1px solid #d6e4ee;background:#fff;border-radius:10px;padding:.55rem .75rem;font:inherit;color:#465f75;cursor:pointer;}
.jmg-file-remove:hover{border-color:#1685c6;color:#07345f;background:#f0f8fd;}
@media(max-width:560px){.jmg-file-control:has(.jmg-file-remove){grid-template-columns:1fr}.jmg-file-remove{width:100%;}}


/* Borang HTML5 JMG v10: pembaikan radio button dan checkbox */
.jmg-digital-form input[type="radio"],
.jmg-digital-form input[type="checkbox"]{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:1px solid #8fb3cd!important;
  box-shadow:none!important;
  background:#fff!important;
  accent-color:#0d67a8;
  cursor:pointer;
  flex:0 0 auto;
}
.jmg-digital-form input[type="radio"]{
  border-radius:999px!important;
}
.jmg-digital-form input[type="checkbox"]{
  border-radius:5px!important;
}
.jmg-form-checks{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  align-items:stretch;
  gap:.72rem!important;
}
.jmg-form-checks legend{
  grid-column:1/-1;
  margin-bottom:.2rem;
  font-weight:500;
  color:#173d5e;
}
.jmg-form-checks label{
  display:flex!important;
  align-items:center!important;
  min-height:46px;
  gap:.62rem!important;
  margin:0;
  padding:.72rem .85rem;
  border:1px solid #d8e5ef;
  border-radius:14px;
  background:#fafdff;
  color:#274760;
  line-height:1.35;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.jmg-form-checks label:hover{
  border-color:#9ec9df;
  background:#f1f9fd;
  box-shadow:0 8px 18px rgba(14,55,87,.07);
}
.jmg-form-checks label:has(input:checked){
  border-color:#1685c6;
  background:#eef8fd;
  box-shadow:0 0 0 3px rgba(22,133,198,.12);
}
.jmg-form-acknowledgement label{
  display:flex!important;
  align-items:flex-start!important;
  gap:.68rem!important;
  padding:.78rem .9rem;
  border:1px solid #d8e5ef;
  border-radius:14px;
  background:#fafdff;
  cursor:pointer;
}
.jmg-form-acknowledgement label:has(input:checked){
  border-color:#1685c6;
  background:#eef8fd;
}
@supports not selector(:has(*)){
  .jmg-form-checks label,
  .jmg-form-acknowledgement label{background:#fafdff;}
}
@media(max-width:640px){
  .jmg-form-checks{grid-template-columns:1fr!important;}
  .jmg-form-checks label{min-height:auto;}
}