/* KYBond public-bond feedback mobile density override
 * 2026-09-19 — mobile-first compaction for <=560px.
 */
@media (max-width: 560px) {
  .feedback-workspace { margin-top: 10px; margin-bottom: 24px; }
  .feedback-workspace__head { min-height: 64px; flex-direction: row; align-items: center; gap: 12px; padding: 10px 12px; }
  .feedback-workspace__head div { min-width: 0; }
  .feedback-workspace__head div > span { font-size: 7px; letter-spacing: .8px; }
  .feedback-workspace__head h2 { margin-top: 5px; font-size: 19px; line-height: 1.05; letter-spacing: -.5px; }
  .feedback-workspace__head > p { margin: 0 0 0 auto; flex: 0 0 auto; white-space: nowrap; font-size: 8px; }
  .feedback-workspace__head > p strong { display: block; margin: 0 0 3px; font-size: 18px; line-height: 1; text-align: right; }

  .feedback-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "search search"
      "exchange type"
      "status sort"
      "topic topic"
      "from to"
      "actions actions";
    background: #fff;
  }
  .feedback-filter, .feedback-filter--search {
    min-height: 0; grid-column: auto; gap: 6px; padding: 9px 10px 10px;
    border-right: 1px solid var(--fb-line-soft); border-bottom: 1px solid var(--fb-line-soft);
  }
  .feedback-filter:nth-child(1) { grid-area: search; border-right: 0; }
  .feedback-filter:nth-child(2) { grid-area: exchange; }
  .feedback-filter:nth-child(3) { grid-area: type; border-right: 0; }
  .feedback-filter:nth-child(4) { grid-area: status; }
  .feedback-filter:nth-child(7) { grid-area: sort; border-right: 0; }
  .feedback-filter:nth-child(8) { grid-area: topic; border-right: 0; }
  .feedback-filter:nth-child(5) { grid-area: from; }
  .feedback-filter:nth-child(6) { grid-area: to; border-right: 0; }
  .feedback-filter > span { font-size: 8px; line-height: 1.15; letter-spacing: .45px; }
  .feedback-filter input, .feedback-filter select { min-height: 40px; padding: 0 9px; font-size: 11px; }
  .feedback-filter input[type="date"] { min-width: 0; font-size: 10px; }
  .feedback-filter__actions { grid-area: actions; min-height: 54px; gap: 8px; padding: 8px 10px; }
  .feedback-filter__actions button { min-height: 38px; font-size: 9px; }

  .feedback-card__index { min-height: 50px; padding: 9px 12px; }
  .feedback-card__index strong { font-size: 25px; letter-spacing: -1.5px; }
  .feedback-card__body > header { padding: 13px 13px 12px; }
  .feedback-card__flags { gap: 5px; }
  .feedback-card__flags span { padding: 4px 5px; font-size: 7.5px; }
  .feedback-card h3 { margin-top: 11px; font-size: 15.5px; line-height: 1.45; letter-spacing: -.3px; }
  .feedback-card__issuer { margin-top: 6px; font-size: 10.5px; line-height: 1.45; }

  .feedback-card__notice { min-height: 54px; grid-template-columns: 106px minmax(0, 1fr); }
  .feedback-card__notice time { min-height: 54px; padding: 0 8px; font-size: 10.5px; }
  .feedback-card__notice strong { padding: 9px 11px; font-size: 10.5px; line-height: 1.5; }

  .feedback-card__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feedback-card__facts div {
    min-height: 56px; padding: 9px 10px;
    border-right: 1px solid var(--fb-line-soft); border-bottom: 1px solid var(--fb-line-soft);
  }
  .feedback-card__facts div { border-right: 0; }
  .feedback-card__facts div:nth-child(1),
  .feedback-card__facts div:nth-child(4),
  .feedback-card__facts div:nth-child(6),
  .feedback-card__facts div:nth-child(8) { border-right: 1px solid var(--fb-line-soft); }
  .feedback-card__facts div:nth-child(3) { grid-column: 1 / -1; border-right: 0; }
  .feedback-card__facts div:last-child { border-bottom: 0; }
  .feedback-card__facts dt { font-size: 7.5px; line-height: 1.25; letter-spacing: .4px; }
  .feedback-card__facts dd { margin-top: 7px; font-size: 10px; line-height: 1.4; }

  .feedback-text summary { min-height: 42px; padding: 0 12px; }
  .feedback-text > div { max-height: 68vh; padding: 15px 14px 18px; font-size: 11px; line-height: 1.8; }
  .feedback-card__body > footer { min-height: 48px; gap: 6px; padding: 8px 10px; }
  .feedback-link { min-height: 34px; }
  .feedback-card__seen { font-size: 7.5px; line-height: 1.5; }
}
@media (max-width: 360px) {
  .feedback-workspace__head h2 { font-size: 17px; }
  .feedback-workspace__head > p strong { font-size: 16px; }
  .feedback-filter input, .feedback-filter select { font-size: 10px; }
  .feedback-card__notice { grid-template-columns: 94px minmax(0, 1fr); }
}

/* Mobile polish v3: business-first facts, slimmer card header, clear empty dates. */
@media (max-width: 560px) {
  .feedback-card__index {
    min-height: 44px;
    gap: 8px;
    padding: 7px 12px;
  }
  .feedback-card__index span { font-size: 7px; }
  .feedback-card__index strong {
    font-size: 22px;
    line-height: .9;
    letter-spacing: -1.3px;
  }
  .feedback-card__index small {
    font-size: 7px;
    line-height: 1.25;
  }

  /* Technical trace fields stay available on desktop but leave the mobile primary view. */
  .feedback-card__facts div:nth-child(8),
  .feedback-card__facts div:nth-child(9) {
    display: none;
  }
  .feedback-card__facts div:nth-child(8) { border-right: 0; }

  /* iOS-safe empty-date presentation: no overlay/pseudo element. */
  .feedback-filter input.is-empty-date {
    color: #77746e;
    -webkit-text-fill-color: #77746e;
    text-align: center;
  }
  .feedback-filter input.is-empty-date::placeholder {
    color: #77746e;
    opacity: 1;
  }
}