/* MSI UX V5 — additive only. Desktop sidebar V4.1 is a frozen baseline. */

.sidebar-agent-summary {
  display: grid;
  gap: 2px;
  margin-top: 7px;
  min-width: 0;
}
.sidebar-agent-summary > span {
  color: #93a1b2;
  font-size: 10.5px;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.sidebar-agent-summary > strong {
  color: #52657a;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}
.sidebar-agent-summary > small {
  color: #9aa7b6;
  font-size: 10.5px;
  line-height: 1.3;
}

.conversation-agent-context {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
  color: #7b8a9c;
  font-size: 12px;
}
.conversation-agent-context strong { color: #385675; font-size: 12px; }
.conversation-agent-context .context-dot { color: #c4ccd6; }

.conversation-history {
  display: grid;
  gap: 8px;
  padding: 0;
}
.conversation-history-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.conversation-history-heading strong { color: #64748b; font-size: 12px; }
.conversation-history-heading button {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #315d8f !important;
  box-shadow: none !important;
  font-size: 12px !important;
}
.conversation-history-list {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 1px 4px;
  scrollbar-width: thin;
}
.conversation-history-item {
  flex: 0 0 min(230px, 76vw);
  min-height: 58px !important;
  padding: 9px 12px !important;
  display: grid !important;
  gap: 3px !important;
  align-content: center !important;
  text-align: left !important;
  color: #334155 !important;
  background: #fff !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: none !important;
}
.conversation-history-item:hover { background: #f8fafc !important; border-color: #cfd8e5 !important; }
.conversation-history-item.current { background: #f2f6fb !important; border-color: #b9cae0 !important; }
.conversation-history-item strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334155;
  font-size: 12px;
}
.conversation-history-item span { color: #94a3b8; font-size: 10.5px; }

.message-content { display: grid; gap: 7px; }
.message-content p { margin: 0; line-height: 1.62; }
.message-heading {
  display: block !important;
  margin: 8px 0 1px !important;
  color: inherit !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
}
.message-list-row {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 8px;
  align-items: start;
  line-height: 1.6;
}
.message-list-marker {
  min-width: 18px;
  color: #66809d;
  font-weight: 750;
  text-align: right;
}
.message-list-row p { margin: 0; }
.message-content code {
  padding: 1px 5px;
  border-radius: 5px;
  background: #eef2f7;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .92em;
}
.message-content strong { font-weight: 760; }
.message-spacer { height: 2px; }

.native-suggestions {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  padding: 0 2px !important;
}
.native-suggestion {
  min-height: 44px !important;
  padding: 7px 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  border-radius: 12px !important;
  border: 1px solid #dbe3ed !important;
  background: #fff !important;
  color: #334e6c !important;
  box-shadow: none !important;
  transform: none !important;
  text-align: left !important;
}
.native-suggestion:hover { background: #f7f9fc !important; border-color: #c8d4e2 !important; box-shadow: none !important; }
.native-suggestion-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  border-radius: 9px;
  background: #edf4fc;
  color: #356ea9;
  font-size: 13px;
}
.native-suggestion-copy { display: grid; gap: 1px; }
.native-suggestion-copy strong { color: #314d6c; font-size: 12px; font-weight: 750; }
.native-suggestion-copy small { color: #8796a8; font-size: 10.5px; font-weight: 550; }
.native-suggestions > .native-suggestion-hint { color: #94a3b8; font-size: 11px; }

.assistant-tabs-single { margin-top: 4px; }
.assistant-tabs-single .assistant-tab {
  pointer-events: none !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #475569 !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}
.assistant-tabs-single::before {
  content: 'Agente configurado';
  display: block;
  margin-bottom: 3px;
  color: #94a3b8;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.ai-plan-note { color: #94a3b8; font-size: 10.5px; }

@media (max-width:760px) {
  .content-shell { padding-top: 66px !important; }

  .sidebar {
    background: #ffffff !important;
    color: #334155 !important;
    border-right: 1px solid #e5ebf2 !important;
    box-shadow: 12px 0 34px rgba(15,23,42,.14) !important;
  }
  .sidebar-brand { border-bottom-color: #edf1f6 !important; }
  .sidebar-logo {
    width: 190px !important;
    height: 72px !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .sidebar-brand > strong { color: #183653 !important; font-size: 16px !important; }
  .sidebar .tenant-label { color: #8796a8 !important; }
  .sidebar-agent-summary > strong { color: #52657a !important; }

  .sidebar nav button {
    color: #64748b !important;
    background: transparent !important;
    border-color: transparent !important;
  }
  .sidebar nav button:hover { color: #173b70 !important; background: #f7f9fc !important; }
  .sidebar nav button.active {
    color: #123f76 !important;
    background: #edf4fc !important;
    border-color: #dce8f6 !important;
  }
  .sidebar .nav-icon { color: inherit !important; }
  .sidebar-footer { border-top-color: #edf1f6 !important; }
  .signed-user { color: #64748b !important; }
  .sidebar-footer .secondary {
    width: fit-content !important;
    min-height: 36px !important;
    padding: 0 4px !important;
    background: transparent !important;
    color: #64748b !important;
    border: 0 !important;
  }

  .msi-mobile-menu-toggle {
    top: max(12px, env(safe-area-inset-top)) !important;
    left: 12px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.96) !important;
    color: #183653 !important;
    border: 1px solid #dbe3ec !important;
    box-shadow: 0 6px 18px rgba(15,23,42,.10) !important;
  }
  .msi-mobile-nav-backdrop { background: rgba(15,23,42,.32) !important; }

  .conversation-history-list { margin-right: -18px; padding-right: 18px; }
  .native-suggestions { align-items: stretch !important; }
  .native-suggestion { width: 100% !important; }
  .native-suggestions > .native-suggestion-hint { display: none; }
}