.support-search-panel { padding: 24px; }
.support-search-form label { display: block; }
.support-search-row { display: grid; grid-template-columns: minmax(280px, 1fr) 180px auto; gap: 10px; align-items: end; }
.support-search-row input { margin-top: 7px; }
.support-search-row select { height: 45px; padding: 0 12px; font-size: 11px; }
.support-search-row button { height: 45px; }
.support-filter-row { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 10px; margin-top: 14px; }
.support-filter-row select, .support-filter-row input { display: block; width: 100%; height: 42px; margin-top: 7px; padding: 0 11px; }
.support-search-form > small { display: block; margin-top: 9px; color: var(--muted); font-size: 9px; }
.support-summary { min-height: 38px; padding: 14px 4px 8px; color: var(--muted); font-size: 11px; font-weight: 700; }
.support-summary.loading { color: var(--green); }
.support-summary.error { color: #a34232; }
.support-results { display: grid; gap: 16px; }
.support-table-heading { padding: 18px 18px 8px; margin: 0; }
.result-count { min-width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--soft); font-size: 10px; font-weight: 900; }
.support-trips-panel { margin-bottom: 20px; }
.support-results td small { display: block; margin-top: 4px; color: var(--muted); }
.support-open-button { border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 8px 10px; white-space: nowrap; font-size: 9px; font-weight: 900; cursor: pointer; }
.support-open-button:hover { border-color: var(--ink); }
.support-trip-detail { margin: 10px 0 28px; padding: 26px; scroll-margin-top: 20px; }
.support-trip-detail.hidden { display: none; }
.support-detail-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.support-detail-head h2 { font-size: 28px; letter-spacing: -1px; margin-bottom: 5px; }
.support-detail-head > div > span { color: var(--muted); font-size: 10px; }
.support-detail-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 18px 0; }
.support-fact { padding: 14px; border-radius: 12px; background: var(--soft); }
.support-fact small { display: block; color: var(--muted); font-size: 8px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 7px; }
.support-fact strong { font-size: 11px; line-height: 1.35; }
.support-detail-columns { display: grid; grid-template-columns: .85fr 1.15fr; gap: 22px; }
.support-detail-columns > section { min-width: 0; }
.support-detail-columns .panel-head { padding: 5px 0 12px; margin: 0; border-bottom: 1px solid var(--line); }
.support-detail-columns .panel-head > span { color: var(--muted); font-size: 9px; }
.support-timeline { padding: 5px 0; }
.support-event { position: relative; padding: 13px 8px 13px 28px; border-left: 2px solid var(--line); margin-left: 7px; }
.support-event:before { content: ""; position: absolute; left: -6px; top: 17px; width: 10px; height: 10px; border-radius: 50%; background: var(--lime); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--line); }
.support-event strong { display: block; font-size: 11px; text-transform: capitalize; }
.support-event small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.support-case-form { padding: 16px; margin-top: 14px; border-radius: 13px; background: var(--soft); }
.support-case-form label { display: block; margin-bottom: 11px; }
.support-case-form input, .support-case-form select, .support-case-form textarea { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 11px; font: inherit; }
.support-case-form textarea, .case-update textarea { min-height: 75px; resize: vertical; }
.support-case-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.support-case-list { display: grid; gap: 10px; margin-top: 14px; }
.support-case { border: 1px solid var(--line); border-radius: 13px; padding: 15px; }
.support-case-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.support-case-head h4 { margin: 0 0 5px; font-size: 12px; }
.support-case-head small { color: var(--muted); font-size: 8px; }
.case-priority { border-radius: 7px; padding: 5px 7px; background: var(--soft); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.case-priority.urgent, .case-priority.safety { background: #fee9e5; color: #a34232; }
.case-priority.high { background: #fff3d9; color: #8a6418; }
.case-update { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.case-update select, .case-update textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); padding: 9px; font: inherit; }
.case-update textarea { grid-column: 1 / -1; }
.case-update button { justify-self: start; padding: 9px 13px; }
.case-history { margin-top: 12px; border-top: 1px solid var(--line); padding-top: 8px; }
.case-history-item { padding: 7px 0; font-size: 9px; color: var(--muted); line-height: 1.45; }
.case-history-item strong { color: var(--ink); }

@media(max-width:750px) {
  .support-search-row { grid-template-columns: 1fr; }
  .support-search-row select, .support-search-row button { width: 100%; }
  .support-filter-row, .support-detail-facts, .support-detail-columns { grid-template-columns: 1fr; }
}

@media(min-width:751px) and (max-width:1100px) {
  .support-detail-facts { grid-template-columns: repeat(2, 1fr); }
  .support-detail-columns { grid-template-columns: 1fr; }
}