/* ============================================================
   JoSAA2026.css — JoSAA Counselling 2026 Page Stylesheet
   Visual Studio 2012 / ASP.NET WebForms
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Noto+Sans:wght@400;600&display=swap');

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Noto Sans',sans-serif;background:#f0f4fa;color:#1a1e2e;font-size:14px;line-height:1.55;}

/* ── HEADER ── */
.josaa-header{background:linear-gradient(135deg,#072c6e 0%,#0b3d91 60%,#1a5cb8 100%);color:#fff;border-bottom:4px solid #f7941d;}
.header-inner{max-width:1380px;margin:0 auto;padding:18px 24px 14px;display:flex;align-items:center;gap:18px;}
.header-logo{width:66px;height:66px;background:rgba(255,255,255,.14);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#f7941d;font-family:'Rajdhani',sans-serif;flex-shrink:0;border:2px solid rgba(255,255,255,.28);}
.header-text h1{font-family:'Rajdhani',sans-serif;font-size:25px;font-weight:700;line-height:1.2;}
.header-text h1 span{color:#f7941d;}
.header-text p{font-size:12px;color:rgba(255,255,255,.72);margin-top:3px;}
.header-badge{margin-left:auto;background:#f7941d;color:#fff;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:.4px;white-space:nowrap;}

/* ── TAB NAV ── */
.tab-bar{background:#062470;border-bottom:2px solid #f7941d;}
.tab-bar-inner{max-width:1380px;margin:0 auto;display:flex;overflow-x:auto;scrollbar-width:none;}
.tab-bar-inner::-webkit-scrollbar{display:none;}
.tab-btn{padding:12px 22px;font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:600;color:rgba(255,255,255,.6);cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;letter-spacing:.2px;}
.tab-btn:hover{color:#fff;background:rgba(255,255,255,.06);}
.tab-btn.active{color:#f7941d;border-bottom-color:#f7941d;background:rgba(247,148,29,.08);}

/* ── MAIN ── */
.josaa-main{max-width:1380px;margin:0 auto;padding:22px 18px 60px;}

/* ── STATS ── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;}
.stat-card{background:#fff;border:1px solid #c8d6e8;border-radius:10px;padding:15px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.stat-icon{width:44px;height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;}
.s-iit{background:#dbeafe;} .s-nit{background:#d1fae5;} .s-iiit{background:#f3e8ff;} .s-gfti{background:#ffedd5;}
.stat-info span{display:block;font-size:11px;color:#6b7a96;font-weight:600;text-transform:uppercase;letter-spacing:.4px;}
.stat-info strong{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:#0b3d91;line-height:1.1;}
.stat-info .sub{font-size:10px;text-transform:none;font-weight:400;letter-spacing:0;}

/* ── NOTICE ── */
.notice-box{background:#fff8e1;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:6px;padding:11px 15px;margin-bottom:18px;font-size:13px;color:#78350f;display:flex;gap:10px;align-items:flex-start;}
.ni{font-size:16px;flex-shrink:0;margin-top:1px;}

/* ── SECTION PANEL ── */
.sec-panel{display:none;animation:fadeUp .28s ease;}
.sec-panel.active{display:block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

/* ── SECTION HEADING ── */
.sec-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding-bottom:11px;border-bottom:2px solid #c8d6e8;}
.sec-heading h2{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;color:#0b3d91;}
.rec-count{margin-left:auto;font-size:12px;color:#6b7a96;background:#f0f4fa;padding:3px 10px;border-radius:12px;border:1px solid #c8d6e8;}

/* ── BADGE TYPES ── */
.btag{display:inline-block;padding:3px 11px;border-radius:4px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:.4px;color:#fff;text-transform:uppercase;}
.ball{background:#3d4a60;}
.biit{background:#0b3d91;}
.bnit{background:#2a9d8f;}
.biiit{background:#7b2d8b;}
.bgfti{background:#c85a11;}

/* ── INSTITUTE TYPE TABS ── */
.itype-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.itype-btn{padding:7px 18px;border-radius:5px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;cursor:pointer;border:2px solid #c8d6e8;background:#f0f4fa;color:#3d4a60;transition:all .15s;}
.itype-btn:hover{background:#fff;border-color:#0b3d91;color:#0b3d91;}
.itype-btn.active.ball{background:#3d4a60;color:#fff;border-color:#3d4a60;}
.itype-btn.active.biit{background:#0b3d91;color:#fff;border-color:#0b3d91;}
.itype-btn.active.bnit{background:#2a9d8f;color:#fff;border-color:#2a9d8f;}
.itype-btn.active.biiit{background:#7b2d8b;color:#fff;border-color:#7b2d8b;}
.itype-btn.active.bgfti{background:#c85a11;color:#fff;border-color:#c85a11;}

/* ── FILTER BAR ── */
.filter-bar{background:#fff;border:1px solid #c8d6e8;border-radius:8px;padding:13px 16px;margin-bottom:16px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.fg{display:flex;flex-direction:column;gap:4px;min-width:155px;}
.fg label{font-size:11px;font-weight:600;color:#6b7a96;text-transform:uppercase;letter-spacing:.4px;}
.fg select,.fg input[type=text]{padding:7px 10px;border:1px solid #c8d6e8;border-radius:5px;font-size:13px;color:#1a1e2e;background:#f7faff;outline:none;transition:border-color .2s;font-family:'Noto Sans',sans-serif;}
.fg select:focus,.fg input[type=text]:focus{border-color:#0b3d91;background:#fff;}
.btn-reset{padding:7px 16px;background:#fff;color:#3d4a60;border:1px solid #c8d6e8;border-radius:5px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-end;}
.btn-reset:hover{background:#f0f4fa;border-color:#0b3d91;color:#0b3d91;}

/* ── TABLE WRAPPER ── */
.tbl-wrap{background:#fff;border:1px solid #c8d6e8;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:18px;}
.tbl-scroll{overflow-x:auto;max-height:600px;overflow-y:auto;}

/* ── DATA TABLE ── */
.dtbl{width:100%;border-collapse:collapse;font-size:12.5px;}
.dtbl thead{position:sticky;top:0;z-index:2;}
.dtbl thead th{background:#0b3d91;color:#fff;padding:11px 12px;text-align:left;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;white-space:nowrap;border-right:1px solid rgba(255,255,255,.12);}
.dtbl thead th:last-child{border-right:none;}
.dtbl thead th.srt{cursor:pointer;}
.dtbl thead th.srt:hover{background:#072c6e;}
.dtbl tbody tr{border-bottom:1px solid #e8eef6;transition:background .12s;}
.dtbl tbody tr:hover{background:#edf3fc;}
.dtbl tbody tr:nth-child(even){background:#f7faff;}
.dtbl tbody tr:nth-child(even):hover{background:#edf3fc;}
.dtbl tbody td{padding:9px 12px;vertical-align:middle;border-right:1px solid #edf0f5;color:#1a1e2e;}
.dtbl tbody td:last-child{border-right:none;}

/* ── CELL TYPES ── */
.rnum{color:#aaa;font-size:11px;text-align:center;}
.instcell{font-weight:600;color:#0b3d91;min-width:190px;max-width:250px;}
.progcell{color:#3d4a60;min-width:190px;max-width:270px;font-size:12px;}
.smcell{color:#555;font-size:12px;}
.nc{text-align:center;font-weight:600;font-size:13px;min-width:52px;}
.nc.green{color:#1a6b5e;}
.nc.grey{color:#999;}
.nc.orange{color:#b5451b;}
.nc.blue{color:#0b3d91;}

/* ── POOL BADGE ── */
.pbadge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;}
.pgn{background:#dbeafe;color:#1e40af;}
.pfn{background:#fce7f3;color:#9d174d;}

/* ── CATEGORY BADGE ── */
.catbadge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;white-space:nowrap;}
.copen{background:#dbeafe;color:#1e40af;}
.cews{background:#dcfce7;color:#166534;}
.cobc{background:#fef9c3;color:#713f12;}
.csc{background:#fee2e2;color:#991b1b;}
.cst{background:#f3e8ff;color:#6b21a8;}
.cpwd{background:#ffedd5;color:#9a3412;}

/* ── TABLE FOOTER ── */
.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;border-top:1px solid #c8d6e8;background:#f7faff;font-size:12px;color:#6b7a96;flex-wrap:wrap;gap:7px;}
.pbtn{padding:5px 11px;border:1px solid #c8d6e8;background:#fff;border-radius:4px;font-size:12px;cursor:pointer;color:#3d4a60;transition:all .15s;}
.pbtn:hover,.pbtn.active{background:#0b3d91;color:#fff;border-color:#0b3d91;}
.pbtn:disabled{opacity:.4;cursor:default;}
.pdot{padding:0 4px;color:#bbb;}

/* ── LOADING / EMPTY ── */
.loading-cell,.empty-cell{text-align:center;padding:40px;color:#6b7a96;}
.spin{display:inline-block;width:18px;height:18px;border:2px solid #c8d6e8;border-top-color:#0b3d91;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:7px;}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── FOOTER ── */
.josaa-footer{background:#062470;color:rgba(255,255,255,.6);text-align:center;padding:16px 20px;font-size:12.5px;}
.josaa-footer a{color:#f7941d;text-decoration:none;}

/* ── RESPONSIVE ── */
@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){
  .stats-row{grid-template-columns:1fr 1fr;}
  .header-inner{padding:13px 13px 11px;gap:11px;}
  .josaa-main{padding:14px 11px 40px;}
  .filter-bar{padding:11px 13px;}
  .header-badge{font-size:11px;padding:4px 10px;}
  .fg{min-width:130px;}
}