/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bg: #0b1020;
  --panel: #121933;
  --panel-alt: #0f152c;
  --border: #ffffff14;
  --text: #f4f7fb;
  --muted: #98a3be;
  --accent: #76a8ff;
  --success: #39c18f;
  --warning: #ffbe55;
  --danger: #ff6f7d;
}

* {
  box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  color: var(--text);
  background: radial-gradient(circle at top, #76a8ff24, #0000 30%), linear-gradient(#0a0f1f 0%, #0b1020 100%);
  font-family: Inter, Arial, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

.page-shell {
  width: min(1280px, 100% - 32px);
  margin: 0 auto;
  padding: 32px 0 48px;
}

.hero-card, .panel-card, .stat-card, .empty-launch-card {
  border: 1px solid var(--border);
  background: linear-gradient(#121933fa, #0f152cfa);
  border-radius: 20px;
  box-shadow: 0 24px 60px #00000040;
}

.hero-card {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 20px;
  padding: 28px;
  display: flex;
}

.compact-hero {
  margin-bottom: 12px;
}

.eyebrow, .panel-kicker, .stat-label {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  margin: 0 0 8px;
  font-size: 12px;
}

.hero-card h1, .panel-card h2, .empty-launch-card h2 {
  margin: 0;
}

.hero-copy {
  max-width: 720px;
  color: var(--muted);
  margin: 10px 0 0;
  line-height: 1.5;
}

.hero-actions {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.section-nav {
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 16px;
  display: flex;
}

.section-nav a, .ghost-button {
  border: 1px solid var(--border);
  background: #ffffff08;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 14px;
}

.small-button {
  padding: 8px 12px;
  font-size: 12px;
}

.inline-form {
  display: inline-flex;
}

.ghost-button, button.ghost-button {
  color: var(--text);
  cursor: pointer;
}

button.ghost-button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.danger-button {
  border-color: #ff6f7d38;
}

.section-nav a:hover, .ghost-button:hover {
  background: #ffffff12;
}

.stats-grid, .content-grid {
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stats-grid.three-up {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-grid.two-wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workflow-layout {
  align-items: start;
}

.stat-card {
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  display: flex;
}

.stat-card strong {
  font-size: 34px;
}

.stat-card small, .list-row p, .empty-state, .empty-launch-card p, .sub-list-row, .mono-line {
  color: var(--muted);
}

.panel-card {
  padding: 22px;
}

.panel-spaced {
  margin-top: 16px;
}

.panel-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.stack-list, .sub-list {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.list-row {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

.sub-list {
  margin-top: 10px;
}

.sub-list-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  display: flex;
}

.list-row h3 {
  margin: 0;
  font-size: 16px;
}

.list-row p {
  margin: 8px 0 0;
  line-height: 1.45;
}

.list-row time {
  color: var(--muted);
  white-space: nowrap;
  font-size: 13px;
}

.inline-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.inline-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.danger-text {
  color: #ff9f9f;
}

.integration-preview {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  margin-top: 14px;
  padding: 12px 14px;
}

.integration-preview ul {
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.integration-preview li {
  justify-content: space-between;
  gap: 16px;
  display: flex;
}

.integration-preview li span {
  color: var(--muted);
  white-space: nowrap;
}

.workflow-actions-bar {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.compact-stack {
  gap: 14px;
}

.focus-card {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  padding: 16px;
}

.focus-card h3 {
  margin: 10px 0 0;
}

.focus-line {
  justify-content: space-between;
}

.focus-line-title {
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60%;
  overflow: hidden;
}

.assistant-row, .task-card-row {
  align-items: stretch;
}

.task-card-main {
  width: 100%;
}

.task-meta-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.task-event-list {
  border-top: 1px solid #ffffff0f;
  margin-top: 14px;
  padding-top: 14px;
}

.task-event-row {
  justify-content: space-between;
}

.priority-badge {
  border-color: #0000;
}

.priority-5, .priority-4 {
  color: #ffb0b8;
  background: #ff6f7d1f;
  border-color: #ff6f7d3d;
}

.priority-3 {
  color: #a7c8ff;
  background: #76a8ff1f;
  border-color: #76a8ff3d;
}

.priority-2, .priority-1 {
  color: #ffd58c;
  background: #ffbe551f;
  border-color: #ffbe553d;
}

.badge {
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  display: inline-flex;
}

.badge.neutral {
  background: #ffffff0d;
  border-color: #ffffff14;
}

.severity-info, .status-idle, .task-done, .task-succeeded {
  color: #9ff0ca;
  background: #39c18f1f;
  border-color: #39c18f3d;
}

.severity-warning, .task-waiting, .task-queued, .status-paused, .task-stopped {
  color: #ffd58c;
  background: #ffbe551f;
  border-color: #ffbe553d;
}

.severity-error, .severity-critical, .status-failed, .task-failed, .task-canceled, .status-disabled {
  color: #ffb0b8;
  background: #ff6f7d1f;
  border-color: #ff6f7d3d;
}

.status-active, .task-running {
  color: #a7c8ff;
  background: #76a8ff1f;
  border-color: #76a8ff3d;
}

.status-unknown, .task-inbox {
  color: #d8deee;
  background: #ffffff0f;
  border-color: #ffffff1a;
}

.task-status-strip {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  display: grid;
}

.task-status-chip {
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  padding: 10px 12px;
}

.task-status-chip span, .task-status-chip strong {
  display: block;
}

.task-status-chip span {
  color: var(--muted);
  margin-bottom: 6px;
  font-size: 12px;
}

.empty-state {
  padding: 24px 0 8px;
}

.empty-launch-card {
  margin-top: 16px;
  padding: 24px;
}

.mono-line {
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

.muted-note {
  color: var(--muted);
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.45;
}

.notice-banner {
  border: 1px solid var(--border);
  background: #ffffff0a;
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px 16px;
  display: flex;
}

.notice-success {
  background: #39c18f1a;
  border-color: #39c18f47;
}

.notice-error {
  background: #ff6f7d1a;
  border-color: #ff6f7d47;
}

.workflow-row {
  gap: 20px;
}

.workflow-row-selected {
  background: #76a8ff0d;
  border-color: #76a8ff47;
}

.workflow-log-panel {
  position: sticky;
  top: 20px;
}

.calendar-grid {
  align-items: start;
}

.calendar-stack {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.calendar-event-card {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.calendar-event-card strong {
  font-size: 16px;
}

.calendar-event-card p {
  margin: 8px 0 0;
}

.calendar-meta {
  color: var(--muted);
  line-height: 1.45;
}

.mail-stack {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.mail-message-card {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 16px;
  display: flex;
}

.mail-message-main {
  min-width: 0;
}

.mail-message-card strong {
  font-size: 16px;
}

.mail-message-card time {
  color: var(--muted);
  white-space: nowrap;
  font-size: 13px;
}

.mail-snippet {
  color: #d8deee;
  margin: 8px 0 0;
  line-height: 1.5;
}

.log-block {
  color: #dbe7ff;
  white-space: pre-wrap;
  word-break: break-word;
  background: #0307128c;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  max-height: 720px;
  margin: 0;
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
  overflow: auto;
}

@media (max-width: 1024px) {
  .stats-grid, .stats-grid.three-up, .content-grid.two-wide, .task-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .page-shell {
    width: min(100% - 20px, 1280px);
    padding-top: 20px;
  }

  .hero-card, .list-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .stats-grid, .stats-grid.three-up, .content-grid.two-wide, .task-status-strip {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=src_app_globals_0p2ml0n.css.map*/