/* Domains and Contacts in the legacy layout (screen parity, visual pass): a Search card (filters, export, and an
   inline "open a record" row) above a results card. Layout only. */
.search-card .portfolio-filters,.search-card .contacts-filters{margin-bottom:6px}
.search-card>.field-help{margin:2px 0 0}
.lookup-inline{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--border);background:none;box-shadow:none;border-radius:0}
.lookup-inline label{font-weight:600;font-size:.86rem}
.lookup-inline .field-help{margin:2px 0 0}
.lookup-inline .input-action{display:flex;gap:8px;flex:1 1 320px;max-width:560px}
.lookup-inline .input-action input{flex:1 1 auto}
.results-card .panel-heading h2,.search-card .panel-heading h2{font-size:.98rem}
.results-card .pagination{margin-top:12px}
/* The contact record's details use the same legacy Details box as the domain record: right-aligned muted labels,
   monospace values, striped rows (two pairs per row on wide screens). */
#contact-detail .details-grid,#host-detail .details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}
#contact-detail .details-grid>div,#host-detail .details-grid>div{display:grid;grid-template-columns:minmax(150px,40%) 1fr;gap:10px;padding:6px 12px;margin:0;border-bottom:1px solid var(--border)}
#contact-detail .details-grid>div:nth-child(4n+1),#contact-detail .details-grid>div:nth-child(4n+2),#host-detail .details-grid>div:nth-child(4n+1),#host-detail .details-grid>div:nth-child(4n+2){background:var(--surface-2,#f8fafc)}
#contact-detail .details-grid dt,#host-detail .details-grid dt{text-align:right;color:var(--muted);font-size:.74rem;text-transform:none;letter-spacing:0;font-weight:600;margin:0;align-self:center}
#contact-detail .details-grid dd,#host-detail .details-grid dd{font-family:var(--font-mono,monospace);font-size:.8rem;margin:0;align-self:center;word-break:break-word;white-space:pre-line}
@media(max-width:900px){#contact-detail .details-grid,#host-detail .details-grid{grid-template-columns:minmax(0,1fr)}#contact-detail .details-grid>div:nth-child(n),#host-detail .details-grid>div:nth-child(n){background:none}#contact-detail .details-grid>div:nth-child(odd),#host-detail .details-grid>div:nth-child(odd){background:var(--surface-2,#f8fafc)}}
/* Narrow screens stack the open-record row: the field takes the full width, never a flex-basis height. */
@media(max-width:1080px){
  .lookup-inline{flex-direction:column;align-items:stretch}
  .lookup-inline>div:first-child{text-align:left}
  .lookup-inline .input-action{flex:0 0 auto;width:100%;max-width:none}
}
/* Administration → Registrar in the legacy layout: Settings (5/12) beside EPP Clients (7/12), Contacts below; each
   settings section is a compact striped label/value list. */
.registrar-board{display:grid;grid-template-columns:5fr 7fr;gap:16px;align-items:start;margin-bottom:16px}
.registrar-board>.panel{margin:0}
.registrar-board>.registrar-contacts{grid-column:1/-1}
.registrar-section{margin:0 0 12px}
.registrar-section>h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 6px}
.registrar-section .details-grid{display:block;border:1px solid var(--border);border-radius:6px;overflow:hidden}
.registrar-section .details-grid>div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:10px;padding:5px 12px;margin:0;border-bottom:1px solid var(--border)}
.registrar-section .details-grid>div:nth-child(odd){background:var(--surface-2,#f8fafc)}
.registrar-section .details-grid dt{text-align:right;color:var(--muted);font-size:.74rem;text-transform:none;letter-spacing:0;font-weight:600;margin:0}
.registrar-section .details-grid dd{font-family:var(--font-mono,monospace);font-size:.8rem;margin:0;word-break:break-word}
@media(max-width:1000px){.registrar-board{grid-template-columns:minmax(0,1fr)}}