.recommendations-panel{margin:28px 0 0;padding:20px;background:linear-gradient(145deg,#f8fafc 0%,#f4f7fb 100%);border:1px solid var(--gray-200);border-radius:var(--radius)}
#clientsTable{scroll-margin-top:76px}
.recommendations-panel[hidden]{display:none}
.recommendations-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.recommendations-header h3{margin:2px 0 0;font-size:18px}
.recommendations-header p{margin:0;color:var(--gray-500);font-size:13px}
.recommendations-eyebrow{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.recommendations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.recommendation-card{display:flex;flex-direction:column;min-width:0;padding:14px;background:#fff;border:1px solid var(--gray-200);border-radius:11px;box-shadow:0 2px 8px rgba(15,23,42,.035)}
.recommendation-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.recommendation-card-top strong{font-size:15px;color:var(--gray-900)}
.recommendation-count{flex:none;padding:3px 8px;color:var(--gray-600);background:var(--gray-50);border-radius:999px;font-size:11px;white-space:nowrap}
.recommendation-details{display:grid;gap:2px}
.recommendation-card p{margin:0;color:var(--gray-700);font-size:13px;line-height:1.4}
.recommendation-controls{display:flex;align-items:flex-end;gap:8px;margin-top:10px}
.recommendation-controls label{display:grid;gap:3px;color:var(--gray-500);font-size:11px}
.recommendation-controls select{min-width:112px;height:32px;padding:0 28px 0 9px;border:1px solid var(--gray-300);border-radius:7px;background:#fff;color:var(--gray-700);font:inherit}
.recommendation-controls .btn{margin-left:auto}
.recommendation-message{min-height:42px;margin:10px 0;padding:9px 10px;background:var(--gray-50);border-left:2px solid var(--primary);border-radius:6px;color:var(--gray-700);font-size:12px;line-height:1.45;white-space:pre-line}
.recommendation-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.recommendation-actions .btn{padding:6px 10px;font-size:12px}
.recommendation-card [role="status"]{min-height:0;color:var(--primary);font-size:11px}
.recommendations-grid>.btn{grid-column:1/-1;align-self:start;justify-self:start;width:auto;height:auto;margin-top:2px}
@media(max-width:760px){.recommendations-panel{padding:16px}.recommendations-header{align-items:flex-start;flex-direction:column;gap:4px}.recommendations-grid{grid-template-columns:1fr}.recommendation-controls{flex-wrap:wrap}.recommendation-controls .btn{margin-left:0}}