/* Enquiries on phones: one bordered card per request. A short card by default
   (name, type and town, the start of the message, Call); tap to open it in place.
   Laptops keep the full cards. Loaded after the workspace sheets. */
.enquiry-summary{display:none}
/* Email now sits under Call, so it reads the same way. */
.enquiry-email{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-size:.875rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.enquiry-email:hover{text-decoration:underline}

@media(max-width:720px){
  /* The list, its count and search belong to the page, not to an outer box. */
  .route-enquiries .enquiry-panel{padding:0;border:0;background:transparent;box-shadow:none;margin-top:4px}
  .route-enquiries .enquiry-panel>.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 0 8px;margin:0;border:0}
  .route-enquiries .enquiry-panel>.section-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .route-enquiries .enquiry-panel>.section-head .section-meta{font-size:.875rem;color:var(--muted)}
  .route-enquiries .enquiry-search-tools{margin:0 0 4px;padding:0;border:0}
  .route-enquiries .enquiry-search-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .route-enquiries .enquiry-search-field input{min-height:46px;border-radius:12px;background:var(--card,#fff)}
  .route-enquiries .enquiry-list{display:grid;gap:10px;padding-top:8px}

  .route-enquiries .enquiry-list .enquiry-card[hidden]{display:none}
  .route-enquiries .enquiry-list .enquiry-card{display:block;position:relative;margin:0;padding:0;background:var(--card,#fff);border:1px solid #ddd6c9;border-radius:14px;box-shadow:none;overflow:hidden}
  .route-enquiries .enquiry-list .enquiry-card::before{display:none}

  /* Short card */
  .route-enquiries .enquiry-summary{display:block}
  .route-enquiries .enquiry-toggle{display:block;width:100%;margin:0;padding:14px 14px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
  .route-enquiries .enquiry-toggle:focus-visible{outline:2px solid var(--brand-gold);outline-offset:-2px;border-radius:14px}
  .route-enquiries .enquiry-summary-top{display:flex;align-items:flex-start;gap:10px}
  .route-enquiries .enquiry-summary-top strong{flex:1 1 auto;min-width:0;font-size:1.0625rem;line-height:1.35;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
  .route-enquiries .enquiry-summary-top .tag{flex:none;margin:1px 0 0;padding:1px 8px;border-radius:6px;font-size:.75rem;line-height:1.5;white-space:nowrap}
  .route-enquiries .enquiry-chev{flex:none;width:8px;height:8px;margin:6px 4px 0 2px;border-right:1.75px solid var(--ink);border-bottom:1.75px solid var(--ink);transform:rotate(45deg)}
  .route-enquiries .enquiry-summary-line{display:block;margin-top:3px;font-size:.875rem;line-height:1.4;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .route-enquiries .enquiry-summary-preview{display:-webkit-box;margin-top:8px;font-size:.9375rem;line-height:1.45;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
  .route-enquiries .enquiry-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 14px 12px}
  .route-enquiries .enquiry-summary-foot span{font-size:.8125rem;color:var(--muted)}
  .route-enquiries .enquiry-summary-call{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #ddd6c9;border-radius:10px;background:#faf8f3;color:var(--ink);font-weight:600;font-size:.875rem;text-decoration:none}

  /* Open card: the short card's top row stays as its heading. */
  .route-enquiries .enquiry-body{display:none}
  .route-enquiries .enquiry-card.is-open .enquiry-body{display:block;padding:0 14px 6px}
  .route-enquiries .enquiry-card.is-open :is(.enquiry-summary-line,.enquiry-summary-preview,.enquiry-summary-foot){display:none}
  .route-enquiries .enquiry-card.is-open .enquiry-chev{transform:rotate(-135deg);margin-top:10px}
  .route-enquiries .enquiry-card.is-open .enquiry-card-head{display:block;margin:0;padding:3px 0 0;border:0}
  .route-enquiries .enquiry-card.is-open .enquiry-card-head>.tag,
  .route-enquiries .enquiry-card.is-open .enquiry-identity>strong{display:none}
  .route-enquiries .enquiry-identity{display:flex;flex-direction:column;gap:3px;min-width:0}
  .route-enquiries .enquiry-identity small{order:1;font-size:.875rem;line-height:1.4;color:var(--muted)}
  .route-enquiries .enquiry-identity .enquiry-received{order:2;margin:0;font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:400;color:var(--muted)}

  /* Contact together, then the customer's own words. */
  .route-enquiries .enquiry-detail{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;border:0}
  .route-enquiries .enquiry-detail>*{width:100%;margin:0}
  .route-enquiries .enquiry-detail>:is(.enquiry-contact,.enquiry-email){width:auto;max-width:100%;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #ddd6c9;border-radius:10px;background:#faf8f3;color:var(--ink);text-decoration:none;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .route-enquiries .enquiry-detail>.enquiry-message{margin-top:4px;padding:10px 12px;border-radius:10px;background:#f4f1ea;color:var(--ink);font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere}
  .route-enquiries .enquiry-detail>.enquiry-reference{font-size:.75rem;color:var(--muted)}
  .route-enquiries .enquiry-detail>:empty{display:none}
  .route-enquiries .enquiry-detail-request{margin:12px 0 0;padding:0;border-top:1px solid #eee8dd}
  .route-enquiries .enquiry-actions{margin:4px 0 0;padding:8px 0 0;border:0}
}
