/* Minda Ceria: halaman akaun web (log masuk, lupa, set semula, urus akaun, bayaran diterima).
   Reka ikut app (app-overlay/core/akaun.css .mc-log/.mc-jen + kelasmain app.css token), bukan salespage. */
:root{
  --kertas:#fff6ea;--kertas-2:#fdebd3;--putih:#fff;
  --dakwat:#1f2a44;--dakwat-2:#55607a;--dakwat-3:#8a93a8;--garis:#efe3d1;--garis-2:#eadfcd;
  --utama:#ff6b4a;--utama-gelap:#df4b2c;--emas:#ffc23d;--hijau:#22b07d;--hijau-gelap:#13865d;--langit:#4aa8ff;
  --f-papar:'Fredoka',system-ui,sans-serif;--f-teks:'Nunito',system-ui,sans-serif;
  --bayang:inset 0 0 0 2px var(--garis);
  --bayang-kecil:inset 0 0 0 2px var(--garis);
  --jen:radial-gradient(120% 90% at 0 0,#ff9a6b,transparent 60%),linear-gradient(150deg,#ff7a45,#e8445a 60%,#8b5cf6);
  --atas:env(safe-area-inset-top,0px);--bawah:env(safe-area-inset-bottom,0px);
  --kiri:env(safe-area-inset-left,0px);--kanan:env(safe-area-inset-right,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--kertas)}
body{margin:0;min-height:100vh;min-height:100dvh;font:600 16px/1.5 var(--f-teks);color:var(--dakwat);-webkit-tap-highlight-color:transparent;
  background:var(--kertas) radial-gradient(rgba(31,42,68,.06) 1.2px,transparent 1.3px) 0 0/22px 22px}
h1,h2,h3{margin:0;font-family:var(--f-papar);font-weight:600;line-height:1.15;letter-spacing:-.005em}
p{margin:0}
a{color:var(--utama-gelap);font-weight:800;text-underline-offset:3px}
img{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--langit);outline-offset:3px;border-radius:12px}

/* ---------- panel jenama (gradient + watak) ---------- */
.ak-jen{position:relative;overflow:hidden;border-radius:34px;padding:clamp(24px,3vw,40px);color:#fff;display:flex;flex-direction:column;background:var(--jen)}
.ak-jen a{color:#fff}
.ak-jen__logo{align-self:flex-start;display:flex;align-items:center;gap:10px;font:700 19px/1 var(--f-papar);text-decoration:none}
.ak-jen__logo img{width:40px;height:40px;object-fit:contain;padding:3px;border-radius:12px;background:#fff}
.ak-jen__tajuk{margin-top:28px;max-width:15ch;font:700 clamp(30px,3.4vw,48px)/1.05 var(--f-papar);text-shadow:0 2px 12px rgba(120,20,40,.25)}
.ak-jen__sub{margin-top:12px;max-width:36ch;font-size:16px;line-height:1.45;opacity:.95}
.ak-jen__pentas{position:relative;margin-top:auto;padding-top:24px;align-self:center;width:min(86%,440px);display:flex;justify-content:center}
.ak-jen__pentas::before{content:"";position:absolute;left:4%;right:4%;bottom:-6%;height:34%;border-radius:50%;background:rgba(255,255,255,.22)}
.ak-jen__pentas img{position:relative;width:100%;height:auto;max-height:min(42vh,320px);object-fit:contain;filter:drop-shadow(0 12px 14px rgba(90,20,40,.28))}

/* ---------- susun atur log masuk: panel kiri, kad borang kanan ---------- */
.ak-log{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;width:100%;max-width:1440px;min-height:100vh;min-height:100dvh;margin:0 auto;
  padding:calc(var(--atas) + 20px) calc(var(--kanan) + 20px) calc(var(--bawah) + 20px) calc(var(--kiri) + 20px)}
.ak-log__bor{display:flex;align-items:center;justify-content:center;min-width:0;padding:8px 0}
.ak-kad{width:min(100%,440px);display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,34px);border-radius:32px;background:#fff;box-shadow:var(--bayang)}
.ak-kad__atas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ak-kad__atas h1{font-size:clamp(26px,3vw,32px)}
.ak-sub{color:var(--dakwat-2);font-size:15px;line-height:1.45}
.ak-kecil{color:var(--dakwat-2);font-size:14px;line-height:1.45;text-align:center}
.ak-ikon-besar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:var(--kertas-2);color:var(--utama-gelap)}
.ak-ikon-besar svg{width:32px;height:32px}

/* ---------- borang ---------- */
.borang{display:flex;flex-direction:column;gap:14px}
.medan{display:flex;flex-direction:column;gap:8px;min-width:0}
.medan label{font:800 14px/1.25 var(--f-teks);color:var(--dakwat)}
.medan input{width:100%;height:56px;padding:0 16px;border-radius:18px;border:3px solid var(--garis-2);background:#fff;font:700 17px/1 var(--f-teks);color:var(--dakwat);outline:none;-webkit-appearance:none;appearance:none}
.medan input:focus{border-color:var(--langit)}
.medan input::placeholder{color:var(--dakwat-3);font-weight:600}
.medan input[type=password]{font-weight:800;letter-spacing:.04em}
.ak-kata{position:relative}.ak-kata input{padding-right:58px}
.ak-mata{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:14px;background:none;display:grid;place-items:center;color:var(--dakwat-3);cursor:pointer}
.ak-mata svg{width:22px;height:22px}.ak-mata[aria-pressed="true"]{color:var(--utama)}
.ts-widget:empty{display:none}.ts-widget iframe{max-width:100%}
.borang__amaran{margin:0;padding:12px 14px;border-radius:14px;background:#ffe3df;color:#a32a12;font-size:15px;line-height:1.4;font-weight:700}
.borang__amaran a{color:inherit}
.borang__ok{margin:0;padding:12px 14px;border-radius:14px;background:#e3f7ec;color:#13653f;font-size:15px;line-height:1.4;font-weight:700}
#nota-ke{background:#eaf4ff!important;color:#1b3a6b!important}

/* ---------- butang (gaya app .btn) ---------- */
.butang{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border:0;border-radius:18px;cursor:pointer;text-decoration:none;
  font:600 18px/1.1 var(--f-papar);text-align:center;background:#fff;color:var(--dakwat);box-shadow:none;transition:transform .12s}
.butang:active{transform:scale(.98)}
.butang--emas,.butang--utama{background:var(--utama);color:#fff;box-shadow:none}
.butang--biru{background:var(--dakwat);color:#fff;box-shadow:none}
.butang--putih{background:#fff;color:var(--dakwat);box-shadow:none}
.butang--garis{min-height:44px;padding:0 16px;border-radius:14px;font-size:15px;background:#fff;color:var(--dakwat);box-shadow:inset 0 0 0 2px var(--garis-2)}
.butang--garis:active{box-shadow:inset 0 0 0 2px var(--garis-2)}
.butang--penuh{width:100%}
.butang:disabled{opacity:.6;cursor:default;transform:none}
.butang span[aria-hidden]{font-family:var(--f-teks)}

/* ---------- suis bahasa (bahasa-web.js) ---------- */
.suis-bahasa{flex:none;display:flex;padding:3px;border-radius:999px;background:var(--kertas-2)}
.suis-bahasa button{min-width:44px;height:34px;border:0;border-radius:999px;background:none;font:700 14px/1 var(--f-papar);color:var(--dakwat-2);cursor:pointer}
.suis-bahasa button[aria-pressed="true"]{background:#fff;color:var(--dakwat)}

/* ---------- halaman urus akaun ---------- */
.ak-urus{width:100%;max-width:1120px;margin:0 auto;padding:calc(var(--atas) + 16px) calc(var(--kanan) + clamp(14px,3vw,28px)) calc(var(--bawah) + 32px) calc(var(--kiri) + clamp(14px,3vw,28px));display:flex;flex-direction:column;gap:clamp(14px,1.8vw,20px)}
.ak-bar{display:flex;align-items:center;gap:12px;min-height:52px}
.ak-bar__jenama{display:flex;align-items:center;gap:10px;color:var(--dakwat);text-decoration:none;font:700 20px/1 var(--f-papar)}
.ak-bar__jenama img{width:42px;height:42px;object-fit:contain}
.ak-bar__label{padding:6px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--garis);font:800 12px/1 var(--f-teks);letter-spacing:.06em;text-transform:uppercase;color:var(--dakwat-2)}
.ak-bar .suis-bahasa{margin-left:auto}
.ak-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;min-height:220px;padding:clamp(22px,3vw,34px) clamp(22px,3vw,34px) 0;border-radius:34px;color:#fff;background:var(--jen)}
.ak-hero__teks{display:flex;flex-direction:column;gap:14px;padding-bottom:clamp(22px,3vw,34px);min-width:0}
.ak-hero__salam{display:flex;align-items:center;gap:14px;min-width:0}
.akaun__avatar{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--utama-gelap);font:700 26px/1 var(--f-papar);box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.ak-hero h1{font:700 clamp(26px,3vw,36px)/1.08 var(--f-papar);text-shadow:0 2px 12px rgba(120,20,40,.2)}
.ak-hero__emel{margin-top:4px;font-size:14px;opacity:.92;word-break:break-all}
.ak-hero__app{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ak-hero__app .butang{min-width:200px}
.ak-hero__status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.2);font:800 14px/1 var(--f-teks)}
.ak-hero__status i{width:9px;height:9px;border-radius:50%;background:#7dffb6;box-shadow:0 0 0 3px rgba(125,255,182,.3)}
.ak-hero__pentas{position:relative;align-self:end;width:clamp(200px,26vw,300px)}
.ak-hero__pentas::before{content:"";position:absolute;left:6%;right:6%;bottom:-14%;height:36%;border-radius:50%;background:rgba(255,255,255,.22)}
.ak-hero__pentas img{position:relative;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(90,20,40,.28))}

.ak-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(14px,1.8vw,20px);align-items:start}
.ak-kol{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,20px);min-width:0}
.ak-kotak{background:#fff;border-radius:28px;padding:clamp(18px,2.2vw,24px);box-shadow:var(--bayang-kecil);display:flex;flex-direction:column;gap:14px;min-width:0}
.ak-kepala{display:flex;align-items:center;gap:12px}
.ak-kepala h2{flex:1;min-width:0;font-size:20px}
.ak-ikon{flex:none;width:44px;height:44px;border-radius:14px;background:var(--kertas-2);color:var(--utama-gelap);display:grid;place-items:center}
.ak-ikon svg{width:22px;height:22px}
.ak-ikon--emas{background:#fff1c9;color:#b97800}
.ak-ikon--hijau{background:#e3f7ec;color:var(--hijau-gelap)}
.ak-ikon--ungu{background:#efe8ff;color:#6a3fd6}
.ak-pil{flex:none;font:800 13px/1 var(--f-teks);color:var(--dakwat);background:var(--kertas-2);padding:7px 11px;border-radius:999px}
.ak-sub{margin:-4px 0 0}
.ak-nota{color:var(--dakwat-2);font-size:13px;line-height:1.45}.ak-nota a{color:var(--utama-gelap)}
.ak-kosong{margin:0;padding:16px;border:2px dashed var(--garis-2);border-radius:16px;text-align:center;color:var(--dakwat-2);font-size:14px;font-weight:700}
.senarai-peranti,.ai-game,.ai-token{display:grid;gap:8px}.ai-token:empty{display:none}
.peranti-baris{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--kertas);border:2px solid var(--garis)}
.peranti-baris > div{min-width:0}
.peranti-baris b{display:block;font:600 16px/1.25 var(--f-papar);overflow-wrap:anywhere}
.peranti-baris small{display:block;margin-top:2px;color:var(--dakwat-2);font-size:13px}
.peranti-baris .butang{flex:none;width:auto}
.ak-game{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--kertas);border:2px solid var(--garis)}
.ak-game b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 16px/1.25 var(--f-papar)}
.ak-game__ikon{width:40px;height:40px;flex:none;border-radius:12px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px var(--garis)}
.ak-game__ikon--kosong{display:grid;place-items:center;background:#fff1c9;color:#d9a300}.ak-game__ikon--kosong svg{width:20px;height:20px}
.ak-jenis{flex:none;min-width:58px;text-align:center;font:800 11px/1 var(--f-teks);padding:5px 8px;border-radius:999px;letter-spacing:.02em}
.ak-game .ak-status{min-width:66px;text-align:center}
.ak-game__ikon--buku{background:#e2f1ff;color:#1f62b8}
.ak-jenis--game{background:#fff1c9;color:#9a6a00}.ak-jenis--belajar{background:#ece6ff;color:#5a3fd6}.ak-jenis--buku{background:#e2f1ff;color:#1f62b8}
.ak-status{flex:none;font:800 12px/1 var(--f-teks);padding:6px 9px;border-radius:999px;background:#eef0f5;color:#4f5d82}.ak-status--terbit{background:#e3f7ec;color:var(--hijau-gelap)}
.ak-sambung{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:var(--kertas);border:2px solid var(--garis)}
.ak-sambung__kepala b{font:600 17px/1 var(--f-papar)}
.ak-label{font-size:13px;font-weight:800;color:var(--dakwat-2)}.ak-label b{color:var(--dakwat)}
.ak-salin{display:flex;gap:8px;align-items:center;background:#fff;border:3px solid var(--garis-2);border-radius:16px;padding:5px 5px 5px 12px}
.ak-salin input{flex:1;min-width:0;border:0;background:none;padding:0;font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dakwat);outline:none}
.ak-salin button{flex:none;border:0;border-radius:12px;background:var(--dakwat);color:#fff;font:600 15px/1 var(--f-papar);padding:0 16px;min-height:42px;cursor:pointer}
.ak-tab{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#fff;border-radius:14px;box-shadow:inset 0 0 0 2px var(--garis)}
.ak-tab button{border:0;background:none;border-radius:10px;min-height:40px;padding:0 4px;font:600 15px/1 var(--f-papar);color:var(--dakwat-2);cursor:pointer}
.ak-tab button[aria-selected="true"]{background:var(--utama);color:#fff}
.ak-langkah{list-style:none;counter-reset:l;margin:0;padding:0;display:grid;gap:10px}
.ak-langkah li{counter-increment:l;display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;font-size:15px;line-height:1.4}
.ak-langkah li::before{content:counter(l);width:28px;height:28px;border-radius:10px;background:#fff;color:var(--utama-gelap);box-shadow:inset 0 0 0 2px var(--garis-2);display:grid;place-items:center;font:600 14px/1 var(--f-papar)}
.ak-langkah__nota{counter-increment:none!important;grid-template-columns:1fr!important;font-size:13px!important;color:var(--dakwat-2)}.ak-langkah__nota::before{display:none!important}
.ak-angka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ak-angka div{background:var(--kertas);border:2px solid var(--garis);border-radius:16px;padding:12px;display:grid;gap:4px}
.ak-angka small{font-size:12px;font-weight:800;color:var(--dakwat-2)}.ak-angka b{font:600 18px/1.1 var(--f-papar);color:var(--dakwat)}
.ak-angka__baki{background:#e3f7ec!important;border-color:#bfe8cf!important}.ak-angka__baki b{color:var(--hijau-gelap)}
.ak-jual{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--kertas);border:2px solid var(--garis)}
.ak-jual img{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#fff}
.ak-jual--henti{background:#fbfbfd}.ak-jual--henti img{filter:grayscale(1);opacity:.7}
.ak-jual__nama{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:2px}
.ak-jual b{display:block;font:600 16px/1.2 var(--f-papar);overflow-wrap:anywhere}.ak-jual small{display:block;color:var(--dakwat-2);font-size:13px}
.ak-jual__henti{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 9px;border-radius:999px;background:#ffe8e8;color:#b3261e;font:800 12px/1.1 var(--f-teks)}
.ak-jual__rm{font:600 16px/1 var(--f-papar);color:var(--hijau-gelap)}
.ak-bayaran summary{cursor:pointer;font-weight:800;color:var(--dakwat);font-size:14px}.ak-bayaran .peranti-baris{margin-top:8px}
.ak-bank{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:var(--kertas);border:2px solid var(--garis)}
.ak-bank__kepala{display:flex;align-items:center;justify-content:space-between;gap:10px}.ak-bank__kepala b{font:600 16px/1.2 var(--f-papar)}
.ak-bank__ada{display:grid;gap:2px;font-weight:800}.ak-bank__ada small{color:var(--dakwat-2);font-weight:600;font-size:13px}
.ak-bank__nota{font-size:13px;color:var(--dakwat-2)}
.ak-pautan{border:0;background:none;color:var(--utama-gelap);font:800 14px/1 var(--f-teks);padding:8px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ak-notis{display:grid;gap:12px}
.ai-notis{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:24px;background:#fff8e1;box-shadow:inset 0 0 0 2px #f6dd8f}
.ai-notis b{font:600 18px/1.25 var(--f-papar)}.ai-notis p{font-size:15px;color:var(--dakwat-2)}
.ak-admin{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:24px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2b3a63,#1f2a44)}
.ak-admin div{flex:1;min-width:0}
.ak-admin b{display:block;font:600 18px/1.2 var(--f-papar)}.ak-admin small{display:block;color:#c9d3ea;font-size:13px;font-weight:600}
.ak-admin .ak-ikon{background:rgba(255,194,61,.18);color:var(--emas)}
.ak-admin--cerah{color:var(--dakwat);background:#fff;box-shadow:var(--bayang-kecil)}.ak-admin--cerah small{color:var(--dakwat-2)}.ak-admin--cerah .ak-ikon{background:#fff1c9;color:#b97800}
.ak-panah{flex:none;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg);margin-right:4px}
.ak-kata{padding:0;gap:0}
.ak-kata summary{list-style:none;display:flex;align-items:center;gap:12px;padding:clamp(18px,2.2vw,24px);cursor:pointer}
.ak-kata summary::-webkit-details-marker{display:none}
.ak-kata summary b{flex:1;font:600 20px/1.15 var(--f-papar)}
.ak-chevron{flex:none;width:10px;height:10px;border-right:3px solid var(--dakwat-2);border-bottom:3px solid var(--dakwat-2);transform:rotate(45deg);margin-right:6px;transition:transform .2s}
.ak-kata[open] .ak-chevron{transform:rotate(-135deg)}
.ak-kata .borang{padding:0 clamp(18px,2.2vw,24px) clamp(18px,2.2vw,24px)}
.ak-kaki{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}
.ak-keluar{min-width:220px}

/* ---------- bayaran diterima ---------- */
.ak-bj{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:20px;width:100%;max-width:1240px;margin:0 auto;min-height:100vh;min-height:100dvh;
  padding:calc(var(--atas) + 20px) calc(var(--kanan) + 20px) calc(var(--bawah) + 20px) calc(var(--kiri) + 20px);align-items:stretch}
.ak-bj .ak-jen{min-height:0}
.ak-tanda{width:72px;height:72px;margin-top:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--hijau);box-shadow:0 0 0 8px rgba(255,255,255,.25)}
.ak-tanda svg{width:38px;height:38px}
.ak-bj .ak-jen__tajuk{margin-top:18px}
.ak-bj__kanan{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.ak-bj__kanan .ak-kad{width:100%;max-width:560px;margin:0 auto}
.ak-langkah-bj{display:grid;gap:10px}
.ak-langkah-bj h2{font-size:22px}
.kotak__baris{display:grid;gap:2px;padding:14px 16px;border-radius:18px;background:var(--kertas);border:2px dashed var(--garis-2)}
.kotak__baris small{color:var(--dakwat-2);font-size:13px;font-weight:700}
.kotak__baris b{font:600 17px/1.3 var(--f-papar);word-break:break-word}
.ak-hos{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px;color:var(--dakwat-2)}
.ak-hos b{color:var(--dakwat);font-weight:800;overflow-wrap:anywhere}
.resit-kad{border-radius:20px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 2px var(--garis)}
.resit-kad__atas{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:var(--kertas);border-bottom:2px dashed var(--garis-2)}
.resit-kad__atas b{display:block;font:600 16px/1.2 var(--f-papar)}
.resit-kad__atas small{display:block;font:600 12px/1.3 ui-monospace,monospace;color:var(--dakwat-2)}
.resit-kad__cop{font:800 12px/1 var(--f-teks);letter-spacing:.06em;color:var(--hijau-gelap);background:#e3f7ec;padding:6px 10px;border-radius:999px;white-space:nowrap}
.resit-kad dl{margin:0;padding:12px 16px 14px;display:grid;gap:8px;font-size:14.5px}
.resit-kad dl div{display:flex;justify-content:space-between;gap:14px}
.resit-kad dt{color:var(--dakwat-2)}
.resit-kad dd{margin:0;font-weight:800;text-align:right;word-break:break-word}
.resit-kad__jumlah{border-top:2px solid var(--garis);padding-top:10px;font:600 18px/1.2 var(--f-papar)}
.resit-kad__jumlah dt{color:var(--dakwat)}
.butang-dua{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ak-tunggal{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  padding:calc(var(--atas) + 20px) calc(var(--kanan) + 16px) calc(var(--bawah) + 20px) calc(var(--kiri) + 16px)}
.ak-tunggal .ak-kad{align-items:center;text-align:center}
.ak-tunggal__logo{display:flex;align-items:center;gap:10px;color:var(--dakwat);text-decoration:none;font:700 20px/1 var(--f-papar)}
.ak-tunggal__logo img{width:42px;height:42px;object-fit:contain}
.status-ikon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:600 34px/1 var(--f-papar);color:#fff;background:var(--hijau);box-shadow:0 0 0 8px #e3f7ec}
.status-ikon--tunggu{background:#fff;box-shadow:0 0 0 8px var(--kertas-2)}
.status-ikon--gagal{background:#e8445a;box-shadow:0 0 0 8px #fde3e4}
.pemutar-kecil{width:32px;height:32px;border:4px solid var(--kertas-2);border-top-color:var(--utama);border-radius:50%;animation:pusing .8s linear infinite}
@keyframes pusing{to{transform:rotate(360deg)}}
.ak-bj__kaki{text-align:center;font-size:14px;color:var(--dakwat-2)}

/* ---------- responsif ---------- */
@media (max-width:980px){
  .ak-grid{grid-template-columns:minmax(0,1fr)}
  .ak-kol{display:contents}
  #kad-peranti{order:1}#ai{order:2}#jualan{order:3}#tukar-kata{order:4}
}
/* tablet potret: panel di atas, kad di bawah (dua lajur terlalu sempit dan panel jadi tiang kosong) */
@media (orientation:portrait) and (min-width:761px) and (max-width:1100px){
  .ak-log,.ak-bj{grid-template-columns:1fr;min-height:0;align-content:start;gap:20px;padding-top:calc(var(--atas) + 24px)}
  .ak-jen__pentas img{max-height:240px}
  .ak-log__bor{padding:0}
  .ak-kad,.ak-bj__kanan .ak-kad{width:min(100%,560px);max-width:none;margin:0 auto}
}
@media (max-width:760px){
  .ak-log,.ak-bj{grid-template-columns:1fr;gap:12px;min-height:0;padding:calc(var(--atas) + 12px) calc(var(--kanan) + 12px) calc(var(--bawah) + 20px) calc(var(--kiri) + 12px)}
  .ak-jen{padding:20px 22px 18px;border-radius:30px}
  .ak-jen__tajuk{margin-top:16px;font-size:30px}
  .ak-jen__sub{margin-top:8px;font-size:14px}
  .ak-jen__pentas{padding-top:12px}.ak-jen__pentas img{max-height:170px}
  .ak-jen--ringkas .ak-jen__pentas{display:none}
  .ak-log__bor{padding:0}
  .ak-kad{width:100%;padding:24px 20px;border-radius:30px}
  .ak-bj .ak-jen{padding-bottom:0}
  .ak-tanda{margin-top:18px;width:60px;height:60px}.ak-tanda svg{width:32px;height:32px}
  .ak-bj .ak-jen__pentas img{max-height:150px}
  .ak-urus{padding-left:calc(var(--kiri) + 12px);padding-right:calc(var(--kanan) + 12px)}
  .ak-bar__label{display:none}
  .ak-hero{grid-template-columns:1fr;padding:22px 20px 0;border-radius:30px;gap:0}
  .ak-hero__teks{padding-bottom:4px}
  .ak-hero__app .butang{flex:1 1 100%}
  .ak-hero__pentas{justify-self:center;width:min(62%,210px);margin-top:6px}
  .ak-kotak{border-radius:26px}
  .ak-angka{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:380px){
  .ak-angka b{font-size:15px}
  .peranti-baris{flex-wrap:wrap}.peranti-baris .butang{width:100%}
}
@media (max-height:520px) and (orientation:landscape){
  .ak-log{grid-template-columns:.8fr 1fr;gap:12px;padding:calc(var(--atas) + 10px) calc(var(--kanan) + 12px) calc(var(--bawah) + 10px) calc(var(--kiri) + 12px)}
  .ak-jen{padding:16px 18px;border-radius:26px}.ak-jen__tajuk{margin-top:10px;font-size:24px}.ak-jen__sub{display:none}
  .ak-jen__pentas img{max-height:46vh}
  .ak-kad{padding:18px 20px;gap:10px}
  .ak-bj{gap:12px;padding:calc(var(--atas) + 10px) calc(var(--kanan) + 12px) calc(var(--bawah) + 10px) calc(var(--kiri) + 12px)}
  .ak-bj .ak-jen__sub{display:block;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.butang,.ak-chevron{transition:none}.pemutar-kecil{animation-duration:2s}}

/* ---------- MCP (mcp.html) + OAuth (oauth.js) ---------- */
.ak-label-kecil{padding:6px 10px;border-radius:999px;background:var(--kertas-2);font:800 12px/1 var(--f-teks);letter-spacing:.06em;text-transform:uppercase;color:var(--utama-gelap)}
.ak-h2{font-size:20px;margin-top:4px}
.ak-log--panjang .ak-kad{width:min(100%,520px)}
.ak-log--panjang .ak-jen{position:sticky;top:20px;height:calc(100vh - 40px);height:calc(100dvh - 40px)}
.ak-ciri,.oa-senarai{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ak-ciri li,.oa-senarai li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;font-size:15px;line-height:1.4}
.ak-ciri svg,.oa-senarai svg{width:30px;height:30px;padding:6px;border-radius:10px}
.ak-ciri .ya svg,.oa-senarai .ya svg{background:#e3f7ec;color:var(--hijau-gelap)}
.ak-ciri .tidak svg,.oa-senarai .tidak svg{background:#ffe8e8;color:#b3261e}
.ak-oa h1{font-size:clamp(24px,3vw,30px)}
.oa-klien{display:flex;gap:12px;align-items:center}
.oa-klien b{display:block;font:600 18px/1.2 var(--f-papar)}.oa-klien small{display:block;color:var(--dakwat-2);font-size:13px}
.oa-logo{flex:none;width:52px;height:52px;border-radius:16px;background:var(--jen);color:#fff;display:grid;place-items:center;font:700 24px/1 var(--f-papar)}
.oa-akaun{margin:0;padding:12px 14px;border-radius:16px;background:var(--kertas);border:2px solid var(--garis);font-weight:800;word-break:break-all}
.oa-aksi{display:grid;gap:10px;margin-top:2px}.oa-aksi form{margin:0}
.oa-nota{margin:0;text-align:center;color:var(--dakwat-2);font-size:13px}
@media (max-width:760px){.ak-log--panjang .ak-jen{position:static;height:auto}}
/* halaman pindah app lama */
.ak-pindah .ak-kad{width:min(100%,520px);align-items:stretch;text-align:left}
.ak-pindah .ak-kad .ak-kecil{text-align:center}
.ak-tab button{white-space:nowrap}
.oa-aksi .butang--garis{min-height:54px;font-size:17px;border-radius:18px}

/* Owner 22 Okt: logo cutout (tanpa bingkai) di semua halaman */
html img[src*="logo-cutout"]{object-fit:contain!important;border-radius:0!important;background:none!important;padding:0!important;box-shadow:none!important;transform:scale(1.12)}

/* Tambahan sekali bayar (owner 22 Okt) */
.ak-naik{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:2px dashed var(--utama);border-radius:16px;background:color-mix(in srgb,var(--utama) 7%,#fff)}
.ak-naik[hidden]{display:none}
.ak-naik__ik{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--utama);color:#fff}.ak-naik__ik svg{width:20px;height:20px}
.ak-naik__t{display:grid;gap:2px;min-width:0}.ak-naik__t b{font-weight:800}.ak-naik__t small{font-size:12.5px;opacity:.75}
.ak-naik__btn{min-height:44px;padding:0 16px;white-space:nowrap}
.ak-naik .borang__amaran{grid-column:1/-1;margin:0}
.ai-notis--ok{background:#e4f8dc;border-color:#bfe8ae}

/* Butiran log masuk selepas bayar (owner 24 Okt: pembeli tak perasan kata laluan = telefon) */
.ak-kata-bj{margin:2px 0 4px;padding:14px 16px;border-radius:18px;border:2px solid var(--langit);background:#eef7fd}
.ak-kata-bj__t{margin:0;font:800 13px/1.3 var(--f-teks);color:var(--dakwat);text-transform:uppercase;letter-spacing:.04em}
.ak-kata-bj__baris{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #cfe3f4;min-width:0}
.ak-kata-bj__baris>div{min-width:0}
.ak-kata-bj__baris small{display:block;color:var(--dakwat-2);font-size:12.5px;font-weight:700}
.ak-kata-bj__baris b{display:block;font:600 19px/1.25 var(--f-papar);color:var(--dakwat);word-break:break-all}
.ak-kata-bj__salin{flex-shrink:0;min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--dakwat);background:#fff;color:var(--dakwat);font:800 13px var(--f-teks);cursor:pointer}
.ak-kata-bj__nota{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--dakwat);font-weight:700}
.ak-kata-bj__nota mark{background:#ffd93b;color:inherit;padding:.02em .14em .06em;border-radius:.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Petunjuk kata laluan + cadangan typo e-mel (/masuk) */
.ak-petunjuk{margin:-6px 0 0;color:var(--dakwat-2);font-size:13.5px;line-height:1.45;font-weight:600}
.ak-cadang{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--langit);background:#eef7fd;color:var(--dakwat);font-size:15px;font-weight:700;line-height:1.4}
.ak-cadang b{word-break:break-all}.ak-cadang .butang{min-height:42px;font-size:14px}

/* Pelayar dalam app (FB/IG/TikTok) / Android bukan Chrome: arah ke Chrome/Safari (owner 24 Okt) */
.ak-luar{padding:12px 14px;border-radius:16px;border:2px solid #f0562e;background:#fff3ef;color:var(--dakwat)}
.ak-luar__t{margin:0;font:800 15px/1.4 var(--f-teks)}
.ak-luar__cip{display:inline-block;padding:1px 8px;border-radius:999px;background:#1d2b5a;color:#fff;font-size:13px}
.ak-luar__s{margin:6px 0 0;font-size:14px;line-height:1.45;font-weight:600}
.ak-luar__l{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.5;font-weight:700}
.ak-luar__bawah{display:grid;gap:8px}