/* Workspace reading rhythm, copy-only Frontend Design pass (Nov 3, 2026).
   Original destinations, messages, warnings and disclosure states stay in place. */
@media screen {
  /* Long chat subjects stay readable, with the date on its own quiet line. */
  .app-design .ac--ads .ac-row {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 3px 12px;
    padding: 12px 10px;
    border-radius: 10px;
  }
  .app-design .ac--ads .ac-mark {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .app-design .ac--ads .ac-row-t {
    grid-column: 2;
    grid-row: 1;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.45;
    font-size: .9375rem;
  }
  .app-design .ac--ads .ac-row-w {
    grid-column: 2;
    grid-row: 2;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
  }
  .app-design .ac--ads .ac-unread {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
  }
  .app-design .ac--ads .ac-row.on,
  .app-design .ac--ads .ac-row[aria-current="true"] {
    background: var(--pick);
    box-shadow: inset 3px 0 0 var(--accent);
  }
  .app-design .ac--ads .ac-row:not(.on):hover {
    background: var(--rt-hover);
  }

  /* Conversations use a deliberate reading size; history and budgets stay visible. */
  .app-design .ac .ac-msg p {
    font-size: .9375rem;
    line-height: 1.6;
  }
  .app-design .ac .ac-chat {
    padding: 12px 4px;
  }
  .app-design .ac .ac-chat.on {
    background: var(--rt-hover);
  }
  .app-design .ac .ac-chat-w {
    gap: 4px;
  }
  .app-design .ac .ac-compose .ac-box:focus-visible,
  .app-design .ac :is(.ac-row,.ac-chat,.ac-start,.ac-new,.ac-send):focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: -3px;
  }

  /* A reply draft has a quiet working surface, distinct from the received messages. */
  .app-design .ds-inbox-page .ds-message p {
    line-height: 1.6;
  }
  .app-design .ds-inbox-page .ds-suggestion {
    background: var(--draft);
    border-color: var(--draft-line);
    border-style: solid;
  }
  .app-design .ds-inbox-page .ds-suggestion__label {
    font-size: .8125rem;
    line-height: 1.45;
  }
  .app-design .ds-inbox-page .ds-suggestion :is(textarea,input):focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
  }

  /* Search terms and health checks remain rows rather than nested ornamental cards. */
  .app-design .seo-screen .ds-keyword-row {
    padding-block: 14px;
  }
  .app-design .seo-screen .seo-term-w {
    gap: 5px;
  }
  .app-design .seo-screen :is(.seo-term-q,.seo-bar-l) {
    line-height: 1.5;
  }
  .app-design .watcher-screen .wt-check-d {
    padding-left: 18px;
    line-height: 1.55;
  }
  .app-design .watcher-screen .wt-check-t {
    flex-wrap: wrap;
  }
  .app-design .watcher-screen .wt-check-n {
    flex: 1 1 10rem;
  }
  .app-design .watcher-screen .wt-alert-d,
  .app-design .watcher-screen .wt-rv-body {
    line-height: 1.55;
  }
  .app-design .watcher-screen .wt-alert-go .ds-button {
    white-space: normal;
    line-height: 1.4;
  }
}