.sia-page { min-width: 0; }
.sia-controls {
  display: grid;
  grid-template-columns: minmax(380px, 2.2fr) minmax(150px, .7fr) minmax(150px, .7fr) minmax(180px, .8fr) auto;
  gap: 10px;
  align-items: end;
  margin: 18px 0 10px;
  padding: 14px;
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 14px;
  background: rgba(5, 12, 22, .48);
}
.sia-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sia-field > span { color: var(--muted, #8f9bad); font-size: 12px; font-weight: 700; }
.sia-field > small { color: #6f7d91; font-size: 11px; line-height: 1.35; }
.sia-field input, .sia-field select, .sia-field textarea {
  width: 100%; box-sizing: border-box; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.1); background: #0b1421; color: #edf2f8;
  padding: 0 12px; outline: none;
}
.sia-field input, .sia-field select { min-height: 42px; }
.sia-field textarea { min-height: 96px; padding: 10px 12px; resize: vertical; line-height: 1.45; font-family: inherit; }
.sia-field input:focus, .sia-field select:focus, .sia-field textarea:focus { border-color: rgba(92,139,255,.7); }
.sia-actions { display: flex; flex-direction: column; gap: 8px; min-width: 190px; }
.sia-actions button { min-height: 42px; white-space: nowrap; }
.sia-actions button:disabled { opacity: .48; cursor: not-allowed; }
.sia-note, .sia-warning {
  margin: 10px 0 14px; padding: 10px 12px; border-radius: 10px;
  background: rgba(63, 116, 255, .08); color: #aebbd0; font-size: 12px;
}
.sia-warning { background: rgba(244, 172, 52, .12); color: #f2c275; }
.sia-summary { display: grid; grid-template-columns: repeat(5, minmax(135px, 1fr)); gap: 10px; margin: 14px 0; }
.sia-metric { padding: 13px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(10,18,30,.62); }
.sia-metric span { display: block; color: #8e9aab; font-size: 12px; margin-bottom: 5px; }
.sia-metric b { font-size: 22px; color: #f3f6fa; }
.sia-query-stats-wrap { margin: 14px 0; }
.sia-query-stats-title { margin-bottom: 8px; color: #aebbd0; font-size: 12px; font-weight: 700; }
.sia-query-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; }
.sia-query-stat { padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: rgba(10,18,30,.45); min-width: 0; }
.sia-query-stat code { display: block; margin-bottom: 7px; color: #c9d7ef; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sia-query-stat span { display: inline-block; margin-right: 10px; color: #7f8ca0; font-size: 11px; }
.sia-query-stat span b { color: #dce4ee; }
.sia-table-wrap { overflow: auto; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; }
.sia-table { width: 100%; min-width: 1360px; border-collapse: collapse; }
.sia-table th { position: sticky; top: 0; z-index: 1; text-align: left; padding: 11px 10px; background: #172131; color: #e7edf5; font-size: 12px; }
.sia-table td { padding: 11px 10px; vertical-align: top; border-top: 1px solid rgba(255,255,255,.06); color: #dce4ee; font-size: 13px; }
.sia-table small { display: block; margin-top: 4px; color: #7f8ca0; line-height: 1.35; }
.sia-comment { max-width: 720px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; }
.sia-query-tags { display: flex; flex-direction: column; gap: 4px; max-width: 260px; }
.sia-query-tags span { display: block; max-width: 250px; padding: 3px 7px; border-radius: 7px; background: rgba(78, 125, 225, .14); color: #a9c2ff; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sia-count { display: inline-flex; min-width: 30px; justify-content: center; padding: 4px 8px; border-radius: 999px; background: rgba(62, 148, 89, .16); color: #84d49d; font-weight: 800; }
.sia-count--repeat { background: rgba(235, 155, 58, .16); color: #f1bd75; }
.sia-id-list { display: flex; flex-wrap: wrap; gap: 4px; max-width: 260px; }
.sia-id-list code { padding: 2px 5px; border-radius: 5px; background: rgba(255,255,255,.06); color: #cbd7e6; }
.sia-id-list span { color: #8996a8; padding: 2px 4px; }
.sia-empty { padding: 30px 14px; text-align: center; color: #7f8ca0; }
@media (max-width: 1280px) {
  .sia-controls { grid-template-columns: 1fr 1fr 1fr; }
  .sia-field--query { grid-column: 1 / -1; }
  .sia-actions { flex-direction: row; grid-column: 1 / -1; }
  .sia-summary { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
}
@media (max-width: 720px) {
  .sia-controls { grid-template-columns: 1fr; }
  .sia-field--query, .sia-actions { grid-column: auto; }
  .sia-actions { flex-direction: column; }
  .sia-summary { grid-template-columns: 1fr 1fr; }
}