.composer-quick-actions {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 7px 6px 9px;
}

.composer-quick-actions[hidden] {
  display: none;
}

.composer-quick-actions button {
  align-items: flex-start;
  background: #fff;
  border: 1px solid rgba(100, 116, 139, 0.2);
  border-radius: 10px;
  color: #0f172a;
  cursor: pointer;
  display: grid;
  gap: 2px;
  min-height: 48px;
  padding: 8px 9px;
  text-align: left;
}

.composer-quick-status {
  align-items: center;
  background: #f8fafc;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 10px;
  color: #475569;
  display: flex;
  gap: 8px;
  grid-column: 1 / -1;
  justify-content: space-between;
  min-width: 0;
  padding: 7px 9px;
}

.composer-quick-status strong {
  color: #047857;
  flex: 0 0 auto;
  font-size: 0.78rem;
}

.composer-quick-status span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 650;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.composer-quick-route-strip {
  display: grid;
  gap: 6px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.composer-quick-actions .composer-quick-route {
  background: #f8fffb;
  border-color: rgba(16, 163, 127, 0.26);
  min-height: 42px;
}

.composer-quick-actions .composer-quick-route[data-route-state="setup"] {
  background: #f8fafc;
  border-color: rgba(100, 116, 139, 0.22);
}

.composer-quick-actions .composer-quick-route[data-route-state="install"] {
  background: #fff7ed;
  border-color: rgba(251, 146, 60, 0.32);
}

.composer-quick-actions .composer-quick-primary {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

.composer-quick-actions .composer-quick-primary small {
  color: #cbd5e1;
}

.composer-quick-actions button:hover,
.composer-quick-actions button:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  outline: 0;
}

.composer-quick-actions span {
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.15;
}

.composer-quick-actions small {
  color: #64748b;
  font-size: 0.72rem;
  line-height: 1.2;
}

@media (max-width: 720px) {
  .composer-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .composer-quick-route-strip {
    grid-template-columns: 1fr;
  }

  .composer-quick-status {
    align-items: flex-start;
    display: grid;
    gap: 2px;
  }

  .composer-quick-status span {
    text-align: left;
  }

  .composer-quick-actions button {
    min-height: 46px;
    padding: 7px 8px;
  }
}

body.mimir-public-chat:not(.mimir-has-chat) .composer-mode-dock {
  display: grid !important;
  grid-template-areas: "tools" "live" "feedback" !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.mimir-public-chat:not(.mimir-has-chat) .composer-tool-cluster {
  display: flex !important;
  grid-area: tools !important;
  overflow-x: auto !important;
}

body.mimir-public-chat:not(.mimir-has-chat) .composer-live-cluster {
  display: flex !important;
  grid-area: live !important;
  overflow-x: auto !important;
}

body.mimir-public-chat:not(.mimir-has-chat) .composer-tool-cluster > :not(#composer-add-model):not([data-chat-mode="private"]) {
  display: none !important;
}

body.mimir-public-chat:not(.mimir-has-chat) .composer-live-cluster > :not(#runtime-model-chip):not(#composer-voice-input) {
  display: none !important;
}

body.mimir-public-chat:not(.mimir-has-chat) #composer-add-model {
  display: inline-flex !important;
}

body.mimir-public-chat:not(.mimir-has-chat) #mmir-quick-suggestions {
  display: none !important;
}