:root{
  --brand:#C80500; --brand-dark:#9E0400; --brand-tint:#FDECEB;
  --ink:#1D1D22; --ink-2:#4A4A55; --muted:#6B6B76; --line:#E4E4EA;
  --bg:#F4F4F7; --card:#FFFFFF; --head:#1D1D22;
  --ok:#0F6E55; --ok-tint:#E2F4EE; --warn:#8A5A00; --warn-tint:#FBF0D9;
  --bad:#B42318; --bad-tint:#FCE8E6; --info:#2B5C8A; --info-tint:#E5EEF7;
  --orange:#F28C28; --purple:#8E44AD;
  --r:14px;
}
*{box-sizing:border-box}
html{font-size:15px}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Segoe UI","Nirmala UI","Noto Sans Devanagari","Mangal",system-ui,sans-serif;line-height:1.45}
a{color:var(--brand)}a:hover{color:var(--brand-dark)}
.hi{display:block;font-size:.88em;color:var(--muted);font-weight:500}
h1 .hi,h2 .hi{display:inline;margin-left:.4em}
h1{font-size:1.6rem;margin:0 0 .2rem}
h2{font-size:1.15rem;margin:0 0 .75rem}
small,.small{font-size:.85rem;color:var(--muted)}

/* top bar */
.top{background:var(--head);color:#fff;display:flex;align-items:center;gap:18px;padding:8px 20px;flex-wrap:wrap}
.top .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:1.05rem}
.top .brand img{width:40px;height:40px;border-radius:50%;background:#fff}
.top nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.top nav a{color:#E6E6EC;text-decoration:none;padding:6px 12px;border-radius:9px;line-height:1.15;font-size:.92rem}
.top nav a span{display:block;font-size:.78rem;color:#A9A9B5}
.top nav a:hover,.top nav a.on{background:#33333B;color:#fff}
.top .who{display:flex;align-items:center;gap:10px;font-size:.9rem}
.top .who form{margin:0}
.top .who button{background:transparent;border:1px solid #55555F;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit}

main{max-width:1240px;margin:0 auto;padding:22px 20px 60px}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}

/* cards & grid */
.card{background:var(--card);border-radius:var(--r);padding:18px;box-shadow:0 1px 3px rgba(20,20,30,.06)}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:16px}
.kpi{background:var(--card);border-radius:var(--r);padding:14px 16px;box-shadow:0 1px 3px rgba(20,20,30,.06)}
.kpi b{display:block;font-size:1.9rem;line-height:1.1}
.kpi.hot{background:var(--brand);color:#fff}.kpi.hot .hi{color:#FFD9D7}
.stack>*+*{margin-top:16px}

/* tables */
.tbl-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.82rem;color:var(--muted);font-weight:600;white-space:nowrap}
tr:hover td{background:#FAFAFC}
td.num,th.num{text-align:right;white-space:nowrap}
td>a{white-space:nowrap}
td .chip{white-space:normal;border-radius:8px}

/* chips */
.chip{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;white-space:nowrap}
.s-lead,.s-docs_pending{background:var(--warn-tint);color:var(--warn)}
.s-checking{background:#F1EAF7;color:#6B2F8E}
.s-ready{background:var(--brand-tint);color:var(--brand-dark)}
.s-sent_to_bank{background:var(--info-tint);color:var(--info)}
.s-bank_query{background:var(--bad-tint);color:var(--bad)}
.s-sanctioned,.s-disbursed{background:var(--ok-tint);color:var(--ok)}
.s-rejected,.s-closed{background:#EEEEF2;color:#55555F}
.d-verified{background:var(--ok-tint);color:var(--ok)}
.d-uploaded{background:var(--info-tint);color:var(--info)}
.d-flagged{background:var(--bad-tint);color:var(--bad)}
.d-missing{background:#EEEEF2;color:#55555F}

/* bars */
.bar{height:10px;background:#EDEDF2;border-radius:999px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--brand);border-radius:999px}
.pipe-row{display:grid;grid-template-columns:minmax(150px,1.2fr) 2fr 40px;gap:10px;align-items:center;padding:5px 0}
.pipe-row a{color:var(--ink);text-decoration:none}

/* forms */
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
label .hi{display:inline;margin-left:.3em;font-weight:500}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],select,textarea{
  width:100%;padding:9px 11px;border:1px solid #CFCFD8;border-radius:10px;font:inherit;background:#fff;min-height:42px}
textarea{min-height:70px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 16px;border-radius:10px;
  border:1.5px solid var(--brand);background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.15}
.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.btn.ghost{background:#fff;color:var(--brand)}
.btn.ghost:hover{background:var(--brand-tint)}
.btn.ok{background:var(--ok);border-color:var(--ok)}
.btn.ok:hover{background:#0A5543}
.btn.dark{background:var(--ink);border-color:var(--ink)}
.btn.sm{min-height:34px;padding:5px 11px;font-size:.88rem}
.btn.wa{background:#1F7A4D;border-color:#1F7A4D}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.inline{display:inline}
.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.inline-form>div{flex:1;min-width:150px}

/* flash */
.flash{padding:11px 14px;border-radius:10px;margin-bottom:12px;font-weight:600}
.flash.ok{background:var(--ok-tint);color:var(--ok)}
.flash.error{background:var(--bad-tint);color:var(--bad)}
.notice{background:var(--warn-tint);color:#5C3D00;border-radius:12px;padding:12px 14px}

/* checklist */
.doc{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:12px 0;border-bottom:1px solid var(--line)}
.doc:last-child{border-bottom:0}
.doc .actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.doc .files{grid-column:1/-1;font-size:.88rem}
.doc .files a{margin-right:6px}

/* activity */
.act{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto}
.act li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.act li small{display:block}

.empty{color:var(--muted);padding:12px 0}
.login-wrap{max-width:420px;margin:7vh auto;padding:0 16px}
.login-wrap .logo{display:block;width:120px;height:120px;margin:0 auto 14px;border-radius:50%;background:#fff}

/* tracker (customer page) */
.track{max-width:520px;margin:0 auto;padding:18px 16px 40px}
.track .head{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.track .head img{width:64px;height:64px;border-radius:50%;background:#fff}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding-bottom:18px;position:relative}
.steps li::before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:3px;background:var(--line)}
.steps li:last-child::before{display:none}
.steps li.done::before{background:var(--ok)}
.steps .dot{width:28px;height:28px;border-radius:50%;border:3px solid #C9C9D2;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1}
.steps li.done .dot{background:var(--ok);border-color:var(--ok)}
.steps li.now .dot{border-color:var(--orange);background:var(--orange)}
.steps b{display:block}

@media (max-width:640px){
  main{padding:14px 12px 50px}
  .top{padding:8px 12px}
  .top nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto}
  .top nav a{padding:6px 8px;white-space:nowrap}
  .top .who span{display:none}
  .top .who{margin-left:auto}
  h1{font-size:1.35rem}
}
@media print{.top,.btn,form{display:none!important}body{background:#fff}.card{box-shadow:none}}
.secthead { font-size: .95rem; margin: 18px 0 2px; padding-top: 10px; border-top: 2px solid var(--line); color: var(--ink-2); }
.profile-form { background: var(--bg); border-radius: 12px; padding: 10px 12px; margin: 10px 0 6px; }
.profile-form select { min-height: 38px; }

.linkbtn { background: none; border: 0; padding: 0 0 0 10px; color: var(--brand, #B5001A); text-decoration: underline; cursor: pointer; font: inherit; }
.partner-chip { display: inline-block; padding: 1px 9px; border-radius: 999px; background: #EFE6FB; color: #6A2FA0; font-size: 13px; font-weight: 600; }

/* milestones */
.chip.pend-sales { background: #FCEFD2; color: #7A5200; } .chip.pend-bank { background: #EFE6FB; color: #6A2FA0; }
.pend-txt { color: #B45309; }
.ms-phases { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.ms-phase h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted, #7C666A); margin: 0 0 6px; }
.ms { display: grid; grid-template-columns: 26px 1fr; gap: 8px; padding: 7px 0; border-bottom: 1px dashed var(--line, #eee); align-items: start; }
.ms:last-child { border-bottom: 0; }
.ms .mk { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; border: 2px solid #D9C6CB; color: #fff; }
.ms.done .mk, .ms.clear .mk { background: #0E8A5F; border-color: #0E8A5F; }
.ms.open .mk { background: #C25E00; border-color: #C25E00; }
.ms.na .mk { border-style: dashed; color: #A8959A; }
.ms.now .mk { border-color: #E2001A; box-shadow: 0 0 0 3px rgba(226,0,26,.18); }
.ms .lbl { font-weight: 600; } .ms.na .lbl { color: #A8959A; text-decoration: line-through; }
.ms small { display: block; color: var(--muted, #7C666A); }
.ms form { display: inline; } .ms .acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; align-items: center; }
.ms .pl { margin: 4px 0 0; padding: 0; list-style: none; }
.ms .pl li { display: flex; gap: 8px; align-items: center; justify-content: space-between; background: #FFF6E8; border-radius: 8px; padding: 4px 8px; margin-top: 4px; font-size: 14px; }
.ms-bar { display: flex; gap: 3px; margin: 6px 0 14px; } .ms-bar i { flex: 1; height: 8px; border-radius: 4px; background: #EADADF; }
.ms-bar i.done, .ms-bar i.clear { background: #0E8A5F; } .ms-bar i.open { background: #C25E00; } .ms-bar i.na { background: transparent; border: 1px dashed #D9C6CB; }
.ms-bar i.now { background: #E2001A; }

/* the owner works in English only: hide the Hindi second line everywhere for the owner login */
body.lang-en .hi, body.lang-en .top nav a span { display: none !important; }