/* MSI UX V7.1 — corrective layer for assistant hierarchy and conversation flow. */

/* Keep configured assistant/skill information visible below the logo. */
.sidebar-product-name,
.sidebar-agent-summary,
.sidebar .tenant-label,
.sidebar .signed-user {
  display: none !important;
}
.sidebar-assistant-matrix {
  display: grid !important;
  gap: 6px !important;
  margin-top: 10px !important;
  min-width: 0 !important;
}
.sidebar-assistant-head,
.sidebar-assistant-row {
  display: grid !important;
  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap: 8px !important;
  align-items: center !important;
}
.sidebar-assistant-head {
  padding: 0 6px 2px !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
}
.sidebar-assistant-row {
  min-height: 36px !important;
  padding: 6px !important;
  border-radius: 8px !important;
}
.sidebar-assistant-row strong {
  font-size: 10.8px !important;
}
.sidebar-assistant-row span {
  font-size: 10.2px !important;
}

/* The assistant name is context, not a hero title. */
.chat-page > header h1 {
  font-size: clamp(30px, 2.8vw, 38px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.026em !important;
}
.chat-page > header .eyebrow {
  margin-bottom: 4px !important;
}
.chat-subtitle {
  margin-top: 7px !important;
  font-size: 14px !important;
}

/* Previous conversations belong after the active conversation and stay compact. */
.conversation-history {
  align-self: start !important;
  margin: 10px 0 0 !important;
  gap: 5px !important;
}
.conversation-history-heading {
  min-height: 22px !important;
}
.conversation-history-heading strong,
.conversation-history-heading button {
  font-size: 11px !important;
}
.conversation-history-list {
  align-items: start !important;
  grid-auto-columns: minmax(190px, 210px) !important;
  gap: 7px !important;
  padding-bottom: 2px !important;
}
.conversation-history-item {
  min-height: 46px !important;
  height: 46px !important;
  padding: 6px 9px !important;
  border-radius: 9px !important;
  gap: 2px !important;
}
.conversation-history-item strong {
  font-size: 11px !important;
  line-height: 1.18 !important;
}
.conversation-history-item span {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
}

@media (max-width: 760px) {
  .sidebar-assistant-matrix {
    margin-top: 8px !important;
  }
  .sidebar-assistant-row {
    min-height: 34px !important;
  }
  .chat-page > header h1 {
    font-size: 28px !important;
  }
  .conversation-history-list {
    grid-auto-columns: minmax(178px, 74vw) !important;
  }
  .conversation-history-item {
    min-height: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 420px) {
  .chat-page > header h1 {
    font-size: 26px !important;
  }
}