/* Resources section styling (matches main theme) */

.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:13px;margin:6px 0 14px}
.breadcrumbs a{color:#7dd3fc;text-decoration:none}
.breadcrumbs a:hover{color:#38bdf8}
.breadcrumbs span{color:#64748b}

.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:14px}
.tool{display:flex;flex-direction:column;gap:6px;min-width:180px}
.tool label{font-size:12px;color:#94a3b8}
.tool input[type=search],
.tool select{background:#0b1020;border:1px solid #1e293b;border-radius:12px;color:#e2e8f0;padding:10px 12px;outline:none}
.tool input[type=search]:focus,
.tool select:focus{border-color:#334155}
.hint{color:#94a3b8;font-size:13px}
.hint code{background:#0b1020;border:1px solid #1e293b;padding:2px 6px;border-radius:8px;color:#cbd5e1}

.notice{border:1px solid #1f2a41;border-radius:16px;background:rgba(255,255,255,.03);padding:10px 12px;color:#cbd5e1}
.subtle{color:#94a3b8;font-size:13px}

.tablewrap{margin-top:12px;border:1px solid #1f2a41;border-radius:16px;overflow:auto;background:#0b1020}
.datatable{width:100%;border-collapse:collapse;font-size:14px}
.datatable th,.datatable td{padding:10px 12px;border-bottom:1px solid #13203a;vertical-align:top}
.datatable th{position:sticky;top:0;background:#0a1020;color:#e2e8f0;text-align:left;white-space:nowrap}
.datatable td{color:#cbd5e1}
.datatable tr:hover td{background:rgba(56,189,248,.06)}
.datatable th.sortable{cursor:pointer;user-select:none}
.datatable th.sortable.active{background:#0f172a}

@media (max-width: 900px){
  .tool{min-width:160px}
}


/* Tighten back button width */
.back-button{
  width: auto;
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}


/* Back button: keep it compact (prevents full-width buttons in flex cards) */
.btn.back-btn{
  width: auto !important;
  display: inline-flex !important;
  padding: 0.5rem 1rem !important;
  white-space: nowrap;
}

/* Thumbnail images inside cards */
.thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* Sticky header for spreadsheet tables */
.xlsx-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #0b1220;
  color: #ffffff;
  border-bottom: 2px solid rgba(255,255,255,0.15);
}

.xlsx-table {
  border-collapse: separate;
  border-spacing: 0;
}