/* JalKhoj shared theme — bright, mobile-first. No horizontal overflow: max-width + border-box. */
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#eef7fb;color:#12303f;line-height:1.5}
a{color:#0a7aa8}
.top{background:linear-gradient(135deg,#0a7aa8,#0fb5a6);color:#fff;padding:24px 16px 28px;text-align:center;border-radius:0 0 24px 24px}
.top h1{margin:0;font-size:28px}
.top p{margin:8px 0 0;opacity:.95}
.tag{display:inline-block;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);padding:5px 12px;border-radius:999px;font-size:13px;margin-top:12px}
.langbar{position:sticky;top:0;z-index:10;background:#eef7fb;padding:10px 14px;text-align:center;border-bottom:1px solid #d7eaf2}
.langbtn{border:1.5px solid #0a7aa8;background:#fff;color:#0a7aa8;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;cursor:pointer;margin:0 3px}
.langbtn.active{background:#0a7aa8;color:#fff}
.wrap{max-width:680px;margin:0 auto;padding:0 14px 32px}
.wrap.wide{max-width:1020px}
.card{background:#fff;border:1px solid #d7eaf2;border-radius:18px;padding:18px;box-shadow:0 6px 24px rgba(10,90,120,.08);margin-top:14px}
h2{font-size:18px;margin:0 0 4px}
.sub{color:#5b7a88;font-size:14px;margin:0 0 12px}
label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}
label span{font-weight:400;color:#e11d48}
input,select,textarea{width:100%;padding:13px 12px;border:1.5px solid #c8dde8;border-radius:12px;font-size:16px;background:#fbfdff;color:#12303f}
input:focus,select:focus,textarea:focus{outline:none;border-color:#0a7aa8;box-shadow:0 0 0 3px rgba(10,122,168,.15)}
textarea{min-height:80px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.row{grid-template-columns:1fr}}
.btn{width:100%;border:0;border-radius:14px;padding:15px;font-size:17px;font-weight:800;cursor:pointer}
.btn-green{background:#22a06b;color:#fff}
.btn-blue{background:#0a7aa8;color:#fff}
.btn-outline{background:#fff;color:#0a7aa8;border:2px solid #0a7aa8;margin-top:10px}
.btn-small{width:auto;padding:10px 14px;font-size:14px;border-radius:10px;background:#eef9fc;color:#0a7aa8;border:1.5px solid #0a7aa8;font-weight:700;cursor:pointer}
.btn-danger{background:#fff;color:#dc2626;border:2px solid #dc2626}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.plans{grid-template-columns:1fr}}
.plan{border:2px solid #c8dde8;border-radius:16px;padding:14px;cursor:pointer;background:#fff}
.plan input{width:auto;accent-color:#0a7aa8}
.plan.selected{border-color:#0a7aa8;background:#eef9fc}
.price{font-size:22px;font-weight:800;color:#0a7aa8;margin:6px 0}
.best{display:inline-block;background:#f59e0b;color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;margin-left:6px}
.hint{font-size:13px;color:#5b7a88;line-height:1.5;margin-top:6px}
.note{background:#fff8e6;border:1px solid #f3d68a;border-radius:14px;padding:14px;font-size:13.5px;line-height:1.6;color:#5c4310}
.error{color:#dc2626;font-size:13.5px;margin-top:6px;display:none}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:800}
.badge.received{background:#e0e7ff;color:#3730a3}
.badge.in_progress{background:#fef3c7;color:#92400e}
.badge.report_ready{background:#dcfce7;color:#166534}
.badge.delivered{background:#d1fae5;color:#065f46}
.badge.sample{background:#fee2e2;color:#991b1b}
.banner{background:#fef3c7;border:1px solid #f3d68a;border-radius:12px;padding:10px 14px;font-size:13.5px;margin-top:14px}
.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:15px;margin-top:8px}
.kv b{color:#5b7a88;font-weight:600}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e2eef4;vertical-align:top}
th{color:#5b7a88;font-size:13px}
tr{cursor:pointer}
tr:hover td{background:#f4fafc}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.toolbar input{flex:1;min-width:180px}
.pill{border:1.5px solid #c8dde8;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;color:#12303f}
.pill.active{background:#0a7aa8;color:#fff;border-color:#0a7aa8}
.foot{text-align:center;color:#5b7a88;font-size:13px;line-height:1.6;padding:6px 10px 20px}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.step{flex:1;min-width:110px;text-align:center;font-size:12.5px;font-weight:700;padding:8px 4px;border-radius:10px;background:#eef3f6;color:#5b7a88}
.step.done{background:#dcfce7;color:#166534}
.step.now{background:#0a7aa8;color:#fff}
iframe.report{width:100%;height:480px;border:1px solid #d7eaf2;border-radius:12px}