.iad-shell{
  background: transparent;
  width: 100%;
}

.iad-top{
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 10px 10px 6px;
  overflow-x: hidden;
  backdrop-filter: blur(8px);
  background: linear-gradient(to bottom, rgba(11,13,16,0.92), rgba(11,13,16,0.65));
  border-bottom: 1px solid var(--iad-border);
}

/* Small-screen tabs toggle (collapses the pill row) */
.iad-tabs-toggle{
  display:none;
  appearance:none;
  border: 1px solid var(--iad-border);
  background: rgba(255,255,255,0.05);
  color: var(--iad-muted);
  border-radius: 999px;
  padding: 10px 12px;
  line-height: 1;
  cursor: pointer;
  font-size: 14px;
  align-self: flex-start;
  margin-bottom: 8px;
  gap: 8px;
  align-items: center;
}
.iad-tabs-toggle:active{ transform: translateY(1px); }

.iad-tabs-toggle .iad-tabs-ico{
  font-size: 20px;
  line-height: 1;
  opacity: 0.95;
}
.iad-tabs-toggle .iad-tabs-text{
  font-weight: 650;
  letter-spacing: 0.01em;
}
.iad-tabs-toggle .iad-tabs-caret{
  margin-left: auto;
  opacity: 0.85;
  font-size: 16px;
}

.iad-tabs{
  display:flex;
  gap: 10px;
}

/* Top search input knows its bounds */
.iad-search{
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.iad-search .iad-input{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}

.iad-tab{
  appearance:none;
  border: 1px solid var(--iad-border);
  background: rgba(255,255,255,0.05);
  color: var(--iad-muted);
  padding: 10px 14px;
  border-radius: 999px;
  cursor:pointer;
  font-size: 14px;
}
.iad-tab.is-active{
  color: var(--iad-text);
  border-color: rgba(255,69,0,0.35);
  background: rgba(255,69,0,0.10);
}

.iad-body{ padding: 12px 10px 20px; }

/* Mobile tidy-up: reduce "squashed" feel + allow pills/tabs to wrap */
@media (max-width: 640px){
  .iad-top{ padding: 8px 8px 6px; }
  /* Wider cards on small screens */
  .iad-body{ padding: 10px 4px 18px; }
  .iad-tabs-toggle{ display:inline-flex; }
  /* Collapse the pill row by default; reveal when toggled open */
  .iad-tabs{ display:none; flex-wrap: wrap; gap: 8px; }
  .iad-top.is-tabs-open .iad-tabs{ display:flex; }
  .iad-tab{ padding: 9px 12px; }
  .iad-search{ margin-top: 8px; }
}

/* Light theme surfaces */
.ia-discuss-root[data-iad-theme="light"] .iad-shell{
  background: linear-gradient(180deg, rgba(0,0,0,0.03), rgba(0,0,0,0.00));
}
.ia-discuss-root[data-iad-theme="light"] .iad-top{
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.75));
  border-bottom-color: rgba(0,0,0,0.08);
}