/* Compact record information and controls, within the existing screen layout. */
@media screen {
  .list-controls { display:flex; flex-wrap:wrap; gap:.8rem; align-items:end; padding:1rem; margin:0 0 1rem; border:1px solid #dce5ef; border-radius:.8rem; background:#fff; }
  .list-controls .field { flex:1 1 11rem; min-width:0; margin:0; }
  .list-controls .list-search { flex:2 1 18rem; }
  .list-controls > button { align-self:end; white-space:nowrap; }
  .list-controls #list-result { flex-basis:100%; margin:0; }
  .record .identity { flex:1 1 0; min-width:0; }
  .record-facts { display:flex; flex-wrap:wrap; gap:.35rem 1.2rem; margin:.55rem 0; color:#43536a; font-size:.85rem; line-height:1.5; }
  .record-facts > span { max-width:100%; overflow-wrap:anywhere; }
  .record-facts strong { color:#25384f; font-weight:600; }
  .record .contact-links { flex-wrap:wrap; gap:.35rem 1rem; margin:.5rem 0 0; }
  .record[hidden], .quick-menu[hidden] { display:none !important; }
  .record-quick { position:relative; display:inline-flex; max-width:100%; }
  .record-quick > button { white-space:nowrap; }
  .quick-menu { position:absolute; z-index:45; right:0; top:calc(100% + .4rem); display:flex; flex-direction:column; min-width:14rem; max-width:min(20rem,calc(100vw - 2rem)); padding:.4rem; border:1px solid #bdcbdc; border-radius:.65rem; background:#fff; box-shadow:0 12px 32px #142b4b29; }
  .quick-menu a, .quick-menu button { display:block; width:100%; padding:.65rem .75rem; border:0; border-radius:.4rem; text-align:left; text-decoration:none; color:#163e70; background:#fff; font-size:.9rem; }
  .quick-menu a:hover, .quick-menu a:focus, .quick-menu button:hover, .quick-menu button:focus { background:#eaf2fb; color:#102f55; outline:2px solid #4c82bb; outline-offset:-2px; }
  @media (max-width:600px) {
    .list-controls { padding:.8rem; gap:.65rem; }
    .list-controls .list-search { flex-basis:100%; }
    .list-controls .field { flex-basis:calc(50% - .65rem); }
    .record-facts { gap:.3rem .85rem; }
    .record-quick { position:static; }
    .heading .actions { position:relative; }
    .quick-menu { right:0; }
  }
}