.recommendation-panel .panel-head{flex-wrap:wrap}
.recommendation-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;min-width:0}
.recommendation-heading h2{flex-shrink:0}
.recommendation-categories{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.recommendation-categories button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:9px;font-size:11px;line-height:1.6;white-space:nowrap;border:1px solid #e4e7ee;background:#f8f9fc;color:#6e6e78;box-shadow:none}
.recommendation-categories button span{font-size:10px;opacity:.8;font-variant-numeric:tabular-nums}
.recommendation-categories button:hover{background:#edf4ff;border-color:#bfd8f8;color:#0071e3}
.recommendation-categories button[aria-pressed=true]{background:#0071e3;border-color:#0071e3;color:#fff}
.recommendation-categories button:focus-visible{outline:3px solid #0071e355;outline-offset:3px}
.recommendation-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:flex-end}
.recommendation-controls button{white-space:nowrap;font-size:12px}
.recommendation-table{width:100%;table-layout:fixed}
.recommendation-table th:first-child{width:19%}
.recommendation-table th:nth-child(2){width:40%}
.recommendation-table th:nth-child(3){width:24%}
.recommendation-table th:last-child{width:17%}
.recommendation-table td{padding:20px 18px;vertical-align:top;overflow-wrap:anywhere}
.recommendation-table th{padding-left:18px;padding-right:18px}
.recommendation-table .tag{white-space:normal;line-height:1.7}
.recommendation-table .row-title{white-space:normal}
.recommendation-reasons,.recommendation-dates{display:flex;flex-direction:column;gap:14px}
.recommendation-reasons>div,.recommendation-dates>div{min-height:53px}
.recommendation-reasons small,.recommendation-dates small{display:block;line-height:1.7;margin-top:5px}
.recommendation-dates time{font-size:12px;font-variant-numeric:tabular-nums}
.recommendation-table .patient-row-actions{gap:12px}
@media(max-width:720px){
  .recommendation-panel .panel-head{align-items:flex-start;gap:8px}
  .recommendation-heading{width:100%;gap:12px}
  .recommendation-categories{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .recommendation-categories button{justify-content:center;min-height:44px;padding:8px 7px}
  .recommendation-controls{width:100%;justify-content:space-between}
  .recommendation-controls{gap:6px 12px}
  .recommendation-controls button{min-height:36px;padding:4px 0}
  .recommendation-table{table-layout:auto}
  .recommendation-table td{padding:8px 0}
  .recommendation-table .recommendation-reasons,.recommendation-table .recommendation-dates{width:100%}
  .recommendation-reasons>div,.recommendation-dates>div{min-height:0}
  .recommendation-table .recommendation-reasons small,.recommendation-table .recommendation-dates small{margin-top:4px;font-size:11px}
  .recommendation-table .patient-row-actions{width:100%;justify-self:stretch;flex-direction:row;gap:18px;flex-wrap:wrap}
  .recommendation-table .patient-row-actions a,.recommendation-table .patient-row-actions button{display:inline-flex;align-items:center;min-height:44px;font-size:13px;white-space:nowrap}
}