/* ============================================================
   Malaysia (MY) theme — Biru Diraja · Merah · Kuning Bulan Bintang
   Rupa: kemas moden menjulang seperti Menara Berkembar Petronas —
   sudut tepat (radius kecil), jalur merah-putih, aksen bulan-bintang.
   ============================================================ */
:root{
  --brand:#0D0B5E;        /* biru diraja */
  --brand2:#C8102E;        /* merah Malaysia */
  --brand3:#FFCC00;        /* emas bulan bintang */
  --bg:#F4F5FA;
  --card:#FFFFFF;
  --ink:#14122B;
}
body{
  font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background:var(--bg);
  color:var(--ink);
}
.app{ background:#FFFFFF; }

/* Jalur bendera: merah-putih berselang + aksen biru di tengah */
.flagstrip{
  height:6px;
  background:linear-gradient(to right,
    #C8102E 0 8%, #FFFFFF 8% 16%,
    #C8102E 16% 24%, #FFFFFF 24% 32%,
    #0D0B5E 32% 68%,
    #C8102E 68% 76%, #FFFFFF 76% 84%,
    #C8102E 84% 92%, #FFFFFF 92% 100%);
}

/* Appbar biru — sudut tepat moden (tiada lengkungan besar) */
.appbar{
  background:linear-gradient(120deg,#0D0B5E 0%,#1B1780 60%,#2A218F 100%);
  border-radius:0;                 /* Menara Berkembar: garisan tajam */
  border-bottom:4px solid var(--brand3);
  box-shadow:0 4px 18px rgba(13,11,94,.35);
  position:relative;
}
/* aksen bulan-bintang (kuning) di penjuru header */
.appbar::after{
  content:"★";
  position:absolute;top:14px;right:16px;
  font-size:18px;color:rgba(255,204,0,.85);pointer-events:none;
}
.appbar .brand{ letter-spacing:.8px;text-transform:uppercase; }
.appbar .brand .logo{ background:rgba(255,255,255,.16);border-radius:4px;border:1px solid rgba(255,204,0,.5); }
.appbar .iconbtn{ background:rgba(255,255,255,.16);border-radius:4px; }

.wallet-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;             /* sudut tepat */
}
.wallet-card .acts a{ background:var(--brand3);color:#14122B;border-radius:4px; }
.wallet-card .acts a.ghost{ background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55); }

/* Kad: tepi tajam, garisan nipis */
.card{
  background:var(--card);
  border-radius:6px;
  border:1px solid #E5E7F0;
  border-left:4px solid var(--brand2);
  box-shadow:0 2px 6px rgba(13,11,94,.06);
}

/* Butang: biru -> merah, sudut tepat */
.btn{
  background:linear-gradient(135deg,#0D0B5E,#C8102E);
  border-radius:4px;
  letter-spacing:.4px;
  box-shadow:0 4px 12px rgba(13,11,94,.3);
}
.btn.secondary{ background:#EAEAF5;color:var(--ink); }
.price{ color:var(--brand2); }

/* Promo */
.promo{
  background:linear-gradient(120deg,#C8102E 0%,#0D0B5E 100%);
  border-radius:6px;
  border-left:4px solid var(--brand3);
}
.promo h3{ letter-spacing:.4px; }

/* Chip: segi empat (bukan pil) */
.chip{
  background:#fff;
  border:1.5px solid var(--brand);
  color:var(--brand);
  border-radius:4px;
}

/* Stats biru */
.stats{
  background:linear-gradient(135deg,#0D0B5E,#1B1780);
  border-radius:6px;
}
.badge{ background:#fff;border:1px solid #E5E7F0;border-radius:6px; }
.badge .b-t{ color:var(--ink); }

/* Langkah segi empat */
.howto .n{ background:var(--brand2);color:#fff;border-radius:4px; }

/* Kategori */
.cat{ border-radius:6px;border:1px solid #E5E7F0; }
.cat .nm{ color:var(--ink); }

.testi{ border-radius:6px;border:1px solid #E5E7F0; }

.tabbar a.on{ color:var(--brand2); }
a{ color:var(--brand); }