/* [project]/app/globals.css [app-client] (css) */
* {
  box-sizing: border-box;
}

body {
  color: #e9eef8;
  background: radial-gradient(circle at 0 0, #4978ff2e, #0000 35%), radial-gradient(circle at 100% 0, #00ffcc1a, #0000 30%), #070b12;
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

button, input, textarea {
  font: inherit;
}

a {
  color: inherit;
}

.shell {
  min-height: 100vh;
  padding: 28px;
}

.header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
  display: flex;
}

.kicker {
  color: #8fb3ff;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 13px;
}

h1 {
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.05;
}

.subtitle {
  color: #9aa8bd;
  max-width: 760px;
  line-height: 1.6;
}

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

.button {
  color: #fff;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff21;
  border-radius: 14px;
  padding: 10px 14px;
  transition: all .18s;
}

.button:hover {
  background: #ffffff24;
  transform: translateY(-1px);
}

.button.primary {
  background: linear-gradient(135deg, #3f6dff, #25c7a9);
  border-color: #6d9bff8c;
}

.grid {
  gap: 18px;
  display: grid;
}

.metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.main-grid {
  grid-template-columns: 1.15fr .85fr;
  align-items: start;
}

.card {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #0d131fc7;
  border: 1px solid #ffffff1c;
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 24px 70px #00000059;
}

.metric-label {
  color: #9aa8bd;
  margin-bottom: 8px;
  font-size: 13px;
}

.metric-value {
  font-size: 30px;
  font-weight: 760;
}

.section-title {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 760;
}

.agent-list, .issue-list, .project-list, .portfolio-list {
  gap: 12px;
  display: grid;
}

.agent-row, .issue-row, .project-row, .portfolio-row {
  background: #ffffff0b;
  border: 1px solid #ffffff1a;
  border-radius: 18px;
  padding: 14px;
}

.row-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.name {
  font-size: 16px;
  font-weight: 740;
}

.muted {
  color: #95a4ba;
  font-size: 13px;
  line-height: 1.45;
}

.badges {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
  display: flex;
}

.badge {
  color: #c6d4ea;
  background: #ffffff0f;
  border: 1px solid #ffffff21;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
}

.badge.green {
  color: #8fffd9;
  background: #8fffd914;
  border-color: #8fffd959;
}

.badge.red {
  color: #ff9b9b;
  background: #ff9b9b14;
  border-color: #ff9b9b59;
}

.runner {
  gap: 12px;
  display: grid;
}

textarea {
  color: #e9eef8;
  resize: vertical;
  background: #00000040;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  width: 100%;
  min-height: 110px;
  padding: 12px;
}

.log {
  white-space: pre-wrap;
  color: #b9c7dd;
  background: #00000047;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  min-height: 140px;
  max-height: 360px;
  padding: 14px;
  font-size: 13px;
  line-height: 1.45;
  overflow: auto;
}

.two-col {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

@media (max-width: 1100px) {
  .metrics, .main-grid, .two-col {
    grid-template-columns: 1fr;
  }

  .header {
    flex-direction: column;
  }

  h1 {
    font-size: 34px;
  }
}

.office-shell {
  background: radial-gradient(circle at 15% 10%, #4779ff3d, #0000 30%), radial-gradient(circle at 90% 0, #30ffce21, #0000 25%), #060910;
  min-height: 100vh;
  padding: 26px;
}

.office-hero {
  grid-template-columns: 1fr 320px;
  align-items: stretch;
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto 24px;
  display: grid;
}

.office-hero-copy {
  background: #0c121eb8;
  border: 1px solid #ffffff1c;
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 24px 70px #00000057;
}

.office-hero-copy h1 {
  letter-spacing: -.04em;
  margin: 0 0 12px;
  font-size: 42px;
}

.office-hero-copy p {
  color: #9aa8bd;
  max-width: 760px;
  margin: 0;
  line-height: 1.6;
}

.office-status-card {
  background: linear-gradient(145deg, #3f6dff33, #25c7a91f);
  border: 1px solid #ffffff1c;
  border-radius: 30px;
  padding: 22px;
  box-shadow: 0 24px 70px #00000057;
}

.office-status-top {
  color: #cfe0ff;
  justify-content: space-between;
  font-size: 14px;
  display: flex;
}

.office-progress-number {
  margin: 22px 0 10px;
  font-size: 54px;
  font-weight: 820;
}

.office-progress-track {
  background: #ffffff1f;
  border-radius: 999px;
  height: 11px;
  margin-bottom: 12px;
  overflow: hidden;
}

.office-progress-fill {
  background: linear-gradient(90deg, #4f7cff, #25e0bb);
  border-radius: 999px;
  height: 100%;
  transition: width .45s;
}

.phone-stage {
  justify-content: center;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
}

.phone-frame {
  background: linear-gradient(#101828f5, #080c14f5);
  border: 1px solid #ffffff29;
  border-radius: 38px;
  width: min(100%, 480px);
  padding: 18px;
  box-shadow: 0 34px 100px #0000007a, inset 0 1px #ffffff14;
}

.phone-header {
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px 16px;
  display: flex;
}

.phone-title {
  font-size: 24px;
  font-weight: 820;
}

.phone-subtitle {
  color: #92a2b9;
  margin-top: 3px;
  font-size: 13px;
}

.prompt-panel, .mission-card, .office-console {
  background: #ffffff0e;
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  margin-bottom: 14px;
  padding: 14px;
}

.prompt-panel textarea {
  min-height: 92px;
  margin-bottom: 10px;
}

.office-primary-button, .office-secondary-button {
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  font-weight: 720;
  display: inline-flex;
}

.office-primary-button {
  background: linear-gradient(135deg, #4f7cff, #24d6b4);
  width: 100%;
}

.office-secondary-button {
  background: #ffffff17;
  border: 1px solid #ffffff1f;
}

.office-primary-button:disabled, .office-secondary-button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.mission-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.mission-label {
  color: #8ea0ba;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 5px;
  font-size: 12px;
}

.mission-title {
  font-weight: 760;
  line-height: 1.35;
}

.mission-pill {
  color: #cbd7ea;
  white-space: nowrap;
  background: #ffffff14;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
}

.mission-pill.running {
  color: #aecaff;
  background: #4f7cff2e;
}

.mission-pill.done {
  color: #91ffdb;
  background: #28dcaa29;
}

.mission-pill.blocked {
  color: #faa;
  background: #ff5a5a29;
}

.current-agent-card {
  background: #0003;
  border-radius: 20px;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  display: flex;
}

.current-agent-name {
  font-size: 18px;
  font-weight: 800;
}

.office-map {
  gap: 8px;
  margin-bottom: 14px;
  display: grid;
}

.office-room {
  background: #ffffff0b;
  border: 1px solid #ffffff1a;
  border-radius: 22px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px;
  transition: all .25s;
  display: flex;
}

.office-room.done {
  background: #3dffc113;
  border-color: #3dffc159;
}

.office-room.running {
  background: #5c8bff1a;
  border-color: #5c8bffb3;
  box-shadow: 0 0 0 1px #5c8bff38, 0 0 34px #5c8bff24;
}

.office-room.blocked {
  background: #ff6f6f14;
  border-color: #ff6f6f73;
}

.room-left {
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: flex;
}

.agent-orb {
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 21px;
  display: grid;
}

.agent-orb.large {
  border-radius: 20px;
  width: 54px;
  height: 54px;
  font-size: 26px;
}

.agent-orb.done {
  background: #3dffc121;
}

.agent-orb.running {
  background: #5c8bff33;
  animation: 1.4s infinite pulseOrb;
}

.room-name {
  font-size: 14px;
  font-weight: 780;
}

.room-agent {
  color: #c7d5ec;
  font-size: 13px;
}

.room-task {
  color: #8798b0;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 260px;
  margin-top: 2px;
  font-size: 12px;
  overflow: hidden;
}

.room-status {
  color: #9caac0;
  text-transform: capitalize;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.room-status.done {
  color: #8effd8;
}

.room-status.running {
  color: #b6c9ff;
}

.room-status.blocked {
  color: #faa;
}

.handoff-line {
  color: #61718a;
  align-items: center;
  gap: 6px;
  height: 18px;
  padding-left: 22px;
  font-size: 11px;
  display: flex;
}

.handoff-line.done {
  color: #68eac2;
}

.office-console {
  margin-top: 2px;
}

.console-top {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-weight: 760;
  display: flex;
}

.console-log {
  color: #aebbd0;
  background: #00000038;
  border-radius: 16px;
  min-height: 58px;
  padding: 12px;
  font-size: 13px;
  line-height: 1.45;
}

.mobile-action-bar {
  background: linear-gradient(#0000, #080c14f5 18%);
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 6px;
  display: grid;
  position: sticky;
  bottom: 0;
}

.empty-office {
  color: #8d9bb0;
  border: 1px dashed #ffffff26;
  border-radius: 24px;
  place-items: center;
  gap: 8px;
  min-height: 180px;
  display: grid;
}

.spin {
  animation: 1s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulseOrb {
  0% {
    box-shadow: 0 0 #5c8bff8c;
  }

  70% {
    box-shadow: 0 0 0 12px #5c8bff00;
  }

  100% {
    box-shadow: 0 0 #5c8bff00;
  }
}

@media (max-width: 900px) {
  .office-shell {
    padding: 14px;
  }

  .office-hero {
    grid-template-columns: 1fr;
  }

  .office-hero-copy h1 {
    font-size: 32px;
  }

  .phone-frame {
    border-radius: 28px;
  }
}

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