.actions-page {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.actions-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
}

.actions-body {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.actions-group {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.actions-group-title {
 margin: 0;
 font-size: 14px;
 font-weight: 600;
}

.actions-menu-col {
 width: 48px;
 text-align: right;
}

.actions-row-menu {
 display: flex;
 justify-content: flex-end;
}

.actions-table .table-section td {
 background: var(--muted);
 font-weight: 600;
}

.actions-tabs,
.actions-filters,
.action-buttons,
.action-approvers {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.action-card h2 {
 margin: 0;
 font-size: 16px;
}

.action-meta {
 margin: 4px 0 0;
}

.action-rows {
 display: grid;
 grid-template-columns:
  minmax(120px, 180px)
  1fr;
 gap: 8px 16px;
 margin: 0;
}

.action-rows dt {
 color: var(--muted-foreground);
}

.action-rows dd {
 margin: 0;
 white-space: pre-wrap;
 word-break: break-word;
}

.action-rows dd.action-md-row {
 grid-column: 1 / -1;
 white-space: normal;
 min-width: 0;
}

.action-md-source,
.action-md-preview {
 margin: 0;
 padding: 12px;
 overflow: auto;
 border: 1px solid var(--border);
 border-radius: var(--radius-md);
 background: var(--background);
}

.action-md-source {
 white-space: pre-wrap;
 word-break: break-word;
 font-family:
  ui-monospace, SFMono-Regular, Menlo,
  monospace;
 font-size: 13px;
}

.action-md-image,
.action-md-preview:has(
 .action-md-image
) {
 background-color: hsl(0, 0%, 45%);
 background-image: repeating-conic-gradient(
  hsl(0, 0%, 45%) 0% 25%,
  hsl(0, 0%, 55%) 0% 50%
 );
 background-size: 16px 16px;
}

.action-md-image {
 display: block;
 max-width: 100%;
 max-height: 480px;
 object-fit: contain;
}

.action-buttons {
 padding: 0 24px;
}

.action-error {
 color: var(--destructive, #b91c1c);
}

.action-chip {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 4px 8px;
 border: 1px solid var(--border);
 border-radius: 999px;
 background: var(--card);
}

.action-chip.is-locked {
 background: var(--muted, transparent);
}

.action-chip-remove {
 border: 0;
 background: transparent;
 cursor: pointer;
 color: inherit;
}

.action-add-menu {
 display: flex;
 flex-direction: column;
 gap: 4px;
 margin-top: 8px;
}

.nav-item-badge {
 margin-left: auto;
 min-width: 18px;
 height: 18px;
 padding: 0 6px 0 4px;
 border-radius: 999px;
 background: var(--primary);
 color: var(--primary-foreground, #fff);
 font-size: 11px;
 line-height: 18px;
 text-align: center;
}

.actions-table .table-row-click {
 cursor: pointer;
}

.actions-table
 .table-row-click:hover
 td {
 background: var(--muted);
}

.actions-table
 .table-row-click:focus-visible {
 outline: 2px solid
  var(--ring, var(--foreground));
 outline-offset: -2px;
}

.action-back {
 display: inline-block;
 margin-bottom: 4px;
}

.chats-actions {
 margin: 0 16px 8px;
 padding: 10px 12px;
 border: 1px solid var(--border);
 border-radius: var(--radius-lg);
 background: var(--card);
}

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

.chats-blank .chats-actions {
 margin: 0 0 8px;
 text-align: left;
}

.chats-actions.is-collapsed
 .chats-todos-bar {
 margin-bottom: 0;
}

.chats-actions.is-collapsed
 .chats-todos-toggle
 svg {
 transform: rotate(180deg);
}

.chats-action-list {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.chats-action-item {
 margin: 0;
}

.chats-action-link {
 display: flex;
 align-items: baseline;
 justify-content: space-between;
 gap: 12px;
 padding: 4px 2px;
 border-radius: var(--radius-sm);
 color: inherit;
 font-size: var(--text-sm);
 line-height: 1.4;
 text-decoration: none;
}

.chats-action-link:hover,
.chats-action-link:focus-visible {
 background: var(--accent);
 color: var(--foreground);
}

.chats-action-label {
 min-width: 0;
 overflow-wrap: anywhere;
}

.chats-action-status {
 flex-shrink: 0;
 color: var(--muted-foreground);
 font-size: var(--text-xs);
}

.chats-actions.is-collapsed
 .chats-action-list {
 display: none;
}

.chats-actions.is-collapsed
 .chats-actions-wait {
 display: none;
}

.chats-actions-wait {
 margin: 8px 2px 0;
 font-size: var(--text-xs);
 line-height: 1.4;
}

.action-attempts {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.action-attempt h3 {
 margin: 0;
 font-size: 14px;
 font-weight: 600;
}

.action-run-id {
 margin: 0 0 8px;
 font-family: var(
  --font-mono,
  ui-monospace,
  monospace
 );
 font-size: 12px;
 overflow-wrap: anywhere;
}

.action-log {
 margin: 8px 0 0;
 padding-left: 18px;
}

.action-log li {
 margin: 4px 0;
}

.action-log li.is-error {
 color: var(--destructive, #b42318);
}