/* v0.1 chrome adjustments on top of the prototype design system. */

.brand__badge { display: none; }

.messages {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}
.messages li {
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--warm-soft);
  color: var(--ink);
  font-size: 14px;
}
.messages li.error { background: var(--red-soft); }

.login__error,
.task-form__error {
  color: var(--red, #D94A3D);
  font-size: 14px;
  margin: 0 0 12px;
}

.home-quiet {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 28px;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.home-quiet__kicker {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: 0 0 8px;
}
.home-quiet__title {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.home-quiet__title em { font-style: italic; color: var(--ink-soft); }
.home-quiet__line { margin: 0; color: var(--ink-soft); }

.empty-state {
  text-align: center;
  padding: 40px 16px;
  color: var(--ink-soft);
}
.empty-state strong { display: block; color: var(--ink); margin-bottom: 6px; }

.now-nudge--quiet .now-nudge__label { color: var(--ink-soft); }

.toast-stack {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 80;
  display: grid;
  gap: 8px;
  pointer-events: none;
}
.toast-stack .aboo-toast,
.toast-stack [data-toast] {
  display: block;
  padding: 10px 14px;
  background: var(--ink);
  color: var(--paper);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 10px 28px rgba(26, 28, 34, 0.18);
  animation: sprrint-toast-in 220ms ease both;
  pointer-events: auto;
}

@keyframes sprrint-toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.intent-panel.is-open { display: block; }

.intent-panel__loading {
  margin: 24px 0 0;
  color: var(--ink-soft);
  font-size: 14px;
}

.now-task-card,
.sprint-task-card {
  cursor: pointer;
}

.task-form__checks {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.task-form__check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
}

.tv-chip--sprint.tv-chip--launch { background: #F8EBCF; color: #936216; }
.tv-chip--sprint.tv-chip--ops { background: #DDE6FF; color: #3357B8; }
.tv-chip--sprint.tv-chip--onboarding { background: #D6F0E4; color: #17714B; }
.tv-chip--sprint.tv-chip--foundation { background: #F4D8A8; color: #7A4D0D; }
.tv-chip--sprint.tv-chip--free { background: var(--paper); color: var(--ink-soft); }
.tv-chip--sprint.tv-chip--blackhole {
  background: #171a22;
  color: #c5cce0;
}

.tv-files {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tv-files a {
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}

img.clock-row__avatar {
  width: 30px;
  height: 30px;
  max-width: 30px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top center;
}

/* DPs, workspace icons, and project marks stay circular everywhere. */
.selector__avatar,
.selector__avatar--ws,
.selector__avatar--ws-personal,
.selector__avatar--ws-client,
.selector__avatar--ws-new,
.selector__avatar--proj,
.selector__avatar--overview,
.selector__avatar--create,
.now-avatar,
.now-crew__more,
.clock-row__avatar,
.activity__avatar,
.activity-person,
.sprint-crew__avatar,
.tv-avatar,
.tf-combo__avatar,
.now-line__you,
.library-file__avatar,
.void-table__avatar,
.sidebar__avatar,
.profile-hero__avatar,
.ps-member__avatar,
.avatar-picker-option img,
.now-sprint__monogram,
.sprint-card-tile__monogram {
  border-radius: 50%;
  overflow: hidden;
}

.user-avatar,
.now-avatar__face {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

.selector__avatar img,
.ps-member__avatar img,
.profile-hero__avatar img,
.sidebar__avatar img,
.now-line__you img,
.activity__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.selector__avatar--image,
.now-avatar:has(.user-avatar),
.tv-avatar:has(.user-avatar),
.activity__avatar:has(.user-avatar),
.ps-member__avatar:has(.user-avatar),
.now-line__you:has(.user-avatar) {
  background: #EEF0F3;
  color: transparent;
  overflow: hidden;
  padding: 0;
}

.search-overlay.is-open { display: block; }

a.now-sprint__open,
a.now-sprint__create,
a.now-nudge__ask {
  text-decoration: none;
}
