:root{
  --brand:#900;
  --btn:#16a34a;
  --wa:#075E54;
  --text:#111;
  --muted:#666;
  --bg:#fff;
  --border:#ddd;
  --thead:rgb(255,246,243);
  --odd:rgb(239,239,239);
  --even:rgb(255,246,243);
  --danger:#d60000;
  --shadow-sm:0 4px 10px rgba(0,0,0,.05);
  --shadow-md:0 8px 20px rgba(0,0,0,.06);
}

*{*box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:"Noto Sans Bengali",system-ui,Roboto,Arial,sans-serif;
  -webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}


:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}

/* Containers */
.wrap{max-width:1000px;margin:0 auto;padding:0 10px}
.container-narrow{width:min(760px,92vw);margin:0 auto}

/* Header */
header{
  background:#fff;
  padding:5px 10px;
  border-bottom:4px solid var(--brand);
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap
}
header a.logo img{max-height:40px}
header .cta{
  color:var(--brand);font-size:18px;font-weight:700;text-decoration:none;
  border-bottom:2px solid var(--brand)
}


#sidebarToggle{display:none}
#sidebar{
  position:fixed;inset:0 auto 0 0;width:250px;transform:translateX(-100%);
  transition:transform .3s ease;background:#111;color:#fff;z-index:1000;padding:12px
}
#sidebar ul{list-style:none;margin:0;padding:0}
#sidebar li{margin:10px 0;padding:6px 0;border-bottom:1px dotted #444}
#sidebar a{color:#fff}
#sidebar .close-sidebar{font-weight:700;font-size:18px;cursor:pointer}
#sidebarToggle:checked ~ #sidebar{transform:translateX(0)}
header label[for="sidebarToggle"]{font-weight:800;font-size:22px;cursor:pointer}

/* Headings (আপনি ছোট H1 চান) */
h1,h2,h3,h4{margin:6px 0;text-align:center;color:#000}
h1{font-size:12px;line-height:1.1;font-weight:500;margin:6px 0}
h2{font-size:18px;font-weight:800;color:#000;margin:0 0 10px}
p.lead{text-align:center;color:#444;margin:0 0 8px}

.search-wrap{display:flex;justify-content:center}
.search-card{
  width:min(300px,92vw);background:#fff;border:1px solid #eee;border-radius:12px;
  padding:10px;box-shadow:var(--shadow-md)
}
.search-card label{display:block;margin:8px 0 4px;font-size:14px;text-align:left}
.search-card select,.search-card input{
  width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;font-size:16px;background:#fff
}
.search-card button{
  width:100%;padding:10px;border:0;border-radius:8px;background:var(--btn);color:#fff;
  font-weight:800;font-size:16px;cursor:pointer
}
.search-card button:hover{filter:brightness(0.95)}

.table-container{max-width:100%;padding:10px;overflow-x:auto}
table{
  width:100%;border-collapse:collapse;margin:0 auto 16px;table-layout:fixed;
  font-size:clamp(13px,2.2vw,16px);line-height:1.35;background:#fff
}
thead th{
  position:sticky;top:0;z-index:1;background:var(--thead);font-weight:700;
  border:1px solid var(--border);padding:8px
}
th,td{
  border:1px solid var(--border);padding:8px;text-align:center;vertical-align:middle;white-space:nowrap
}
tbody tr:nth-child(odd){background:var(--odd)}
tbody tr:nth-child(even){background:var(--even)}
tbody td:nth-child(1),tbody td:nth-child(2){color:#000;font-weight:700}
tbody td:nth-child(4),tbody td:nth-child(5),
tbody td:nth-child(4) a,tbody td:nth-child(5) a{color:var(--danger);font-weight:800}
td a{text-decoration:none}
td.red a{color:#f00;font-weight:700}
.app-ico{display:inline-block;width:20px;height:20px;vertical-align:middle}


.col-ref{width:18%}.col-type{width:15%}.col-app{width:14%}.col-phone{width:35%}.col-report{width:18%}


.note,.disc{
  background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:12px;margin:10px auto;
  color:#444;font-size:13px
}
.disclaimer-center{font-size:12px;color:#666;text-align:center;margin:6px 0}

/* About section */
.about{width:min(900px,96vw);margin:16px auto;padding:10px}
.about ul{margin:8px 0 12px 18px}
.about li{margin:4px 0}

/* Footer */
footer{
  background:#333;color:#fff;text-align:center;padding:20px;margin-top:30px
}
footer p{margin:6px 0}
footer a{color:#4fc3f7}
footer a:hover{text-decoration:underline}

/* Buttons (generic) */
.btn{
  display:inline-block;padding:9px 14px;border-radius:10px;border:0;cursor:pointer;
  background:var(--btn);color:#fff;font-weight:700
}
.btn-outline{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.btn:disabled{opacity:.6;cursor:not-allowed}

/* Forms (generic) */
label{display:block;margin:8px 0 4px;font-weight:600}
input[type="text"],input[type="number"],input[type="search"],
input[type="email"],select,textarea{
  width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:15px
}
button[type="submit"]{background:var(--btn);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}

/* Utility */
.text-center{text-align:center}
.muted{color:var(--muted)}
.mt-0{margin-top:0}.mt-6{margin-top:6px}.mt-10{margin-top:10px}
.mb-0{margin-bottom:0}.mb-6{margin-bottom:6px}.mb-10{margin-bottom:10px}
.rounded{border-radius:12px}
.shadow-sm{box-shadow:var(--shadow-sm)}
.shadow-md{box-shadow:var(--shadow-md)}

.redirect-card{
  width:min(520px,92vw);margin:18px auto;padding:16px;border:1px solid #eee;border-radius:12px;
  text-align:center;box-shadow:var(--shadow-sm);background:#fff
}
.redirect-card h1{font-size:18px;margin:6px 0;color:var(--wa)}
.redirect-card .sub,.redirect-card .hint,.redirect-card .disc{font-size:12px;color:var(--muted)}
.redirect-card .btn{background:var(--wa)}
/* Small disclaimer under tables */
.disclaimer-center {
  font-size: 11px;
  color: #666;
  text-align: center;
  margin: 6px 0;
}

/* Terminology note (first table only) */
.note-block {
  margin: 8px auto;
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f9f9f9;
  max-width: 800px;
}

/* Responsive tweaks */
@media (max-width:768px){
  header{gap:6px}
  table{font-size:14px}
  th,td{padding:6px}
}
@media (max-width:480px){
  table{font-size:13px}
  th,td{padding:5px}
}