/* NAVATHA – additions for the app (checkout slip upload, account, pages). Same palette as site.css. */
.slipbox{text-align:right;margin-top:6px}
.bkbox{background:var(--soft);border-radius:16px;padding:6px 16px;margin:14px 0}
.bkr{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.bkr:last-of-type{border-bottom:0}.bkr span{color:var(--mute)}.bkr b{display:inline-flex;align-items:center;gap:8px}
.ltr{direction:ltr;unicode-bidi:isolate;font-family:'DM Sans','Noto Sans Thaana',system-ui,sans-serif}
.cp{border:1.5px solid var(--line);background:var(--card);color:var(--blue);border-radius:99px;padding:2px 10px;font:600 12px inherit;font-family:'Noto Sans Thaana',system-ui,sans-serif;cursor:pointer}
.cp:hover{border-color:var(--blue)}
.bkn{font-size:13px;color:var(--mute);margin:6px 0 4px}
input[type=file]{padding:10px;background:var(--card);cursor:pointer}
.err.good{color:#108A4B}
.lnk{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cb.new .dot{background:#108A4B}

/* ---------- inner pages ---------- */
.page{padding:70px 0 100px;min-height:calc(100vh - 72px - 260px)}
.page h1{font-size:clamp(30px,4vw,44px);line-height:1.5;margin:0 0 10px}
.page .lead{color:var(--mute);font-family:'MVB','Noto Sans Thaana',system-ui,sans-serif;font-size:19px;margin:0 0 34px;max-width:620px}
.prose{background:var(--card);border:1.5px solid var(--line);border-radius:28px;padding:34px;max-width:760px;box-shadow:0 30px 60px -40px var(--blue)}
.prose p{margin:0 0 16px}.prose p:last-child{margin-bottom:0}
.prose h3{margin:22px 0 8px;font-size:22px}
.prose ul{list-style:none;padding:0;margin:0 0 18px}
.prose li{position:relative;padding:5px 26px 5px 0}
.prose li::before{content:"✓";position:absolute;right:0;font-weight:800;color:var(--or)}
.pcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:28px}
.rgrid .rc{width:auto;margin:0;box-shadow:0 24px 40px -30px rgba(10,26,107,.5);border:1px solid var(--line)}
.skel{height:18px;border-radius:9px;background:linear-gradient(90deg,var(--soft),#fff,var(--soft));background-size:200% 100%;animation:sk 1.2s infinite;margin:10px 0}
@keyframes sk{to{background-position:-200% 0}}

/* ---------- account ---------- */
.acc{display:grid;gap:20px;max-width:760px}
.box{background:var(--card);border:1.5px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 30px 60px -44px var(--blue)}
.box h3{margin:0 0 6px;font-size:22px}
.box .btn{margin-top:16px}
.muted{color:var(--mute);font-size:15px;margin:0}
.who2{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.en{display:grid;gap:4px}
.en .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.badge{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:99px;background:var(--soft);color:var(--blue);white-space:nowrap}
.badge.paid{background:#E2F6EA;color:#108A4B}.badge.review{background:#FFF1E6;color:#C25400}.badge.rejected{background:#FDE7EA;color:#C0263B}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tags span{font-size:14px;padding:3px 12px;border-radius:99px;border:1.5px solid var(--line)}
.cls{display:grid;gap:12px}
.cl1{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:var(--soft)}
.cl1 b{display:block;font-size:18px}.cl1 small{color:var(--mute);font-size:14px}
.cl1 .btn{margin:0;padding:10px 18px;font-size:16px}
.otp{direction:ltr;letter-spacing:.4em!important;text-align:center;font-size:22px;font-family:'DM Sans',system-ui,sans-serif}