#recommendations-view{min-height:0;overflow:auto}.recommendation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.recommendation-head h3{margin:2px 0 4px;font:26px/1.15 Georgia,serif}.recommendation-head p{max-width:700px;margin:0;color:var(--muted);font-size:var(--text-caption);line-height:1.5}.recommendation-head-actions{display:flex;gap:8px;flex:0 0 auto}.reasoning-control{display:grid;grid-template-columns:minmax(230px,1fr) minmax(460px,auto);align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.reasoning-control>div:first-child{display:flex;align-items:center;gap:11px}.reasoning-control strong,.reasoning-control small{display:block}.reasoning-control small{margin-top:2px;color:var(--muted);font-size:var(--text-caption)}.reasoning-mark{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:var(--positive-bg);color:var(--green);font-size:var(--text-heading)}.reasoning-control form{display:flex;align-items:end;justify-content:flex-end;gap:9px}.reasoning-control label{display:grid;gap:4px;margin:0;}.reasoning-control select,.reasoning-control input{min-height:34px;padding:7px 9px;color:var(--ink);font-size:var(--text-caption);text-transform:none;letter-spacing:0}.reasoning-control input{width:112px}.reasoning-control .form-status{grid-column:1/-1;margin:-5px 0 0}.recommendation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.recommendation-metrics article{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.recommendation-metrics span,.recommendation-metrics small{display:block;color:var(--muted);font-size:var(--text-caption)}.recommendation-metrics b{display:block;margin:2px 0;font:23px/1.1 Georgia,serif}.recommendation-workspace{height:min(610px,calc(100dvh - 350px));min-height:390px;display:grid;grid-template-columns:minmax(310px,38%) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.recommendation-list-panel{min-width:0;border-right:1px solid var(--line);background:var(--surface)}.recommendation-toolbar{padding:10px;border-bottom:1px solid var(--line);background:var(--surface)}.recommendation-filters{display:flex;gap:4px;padding:3px;border-radius:8px;background:var(--surface-sunken)}.recommendation-filters button{flex:1;border:0;border-radius:6px;padding:7px 8px;background:transparent;color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-strong);cursor:pointer}.recommendation-filters button.active{background:var(--surface);color:var(--green);box-shadow:0 1px 5px var(--sidebar-border)}.recommendation-list{height:calc(100% - 55px);overflow:auto}.recommendation-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.recommendation-row:hover,.recommendation-row.active{background:var(--surface)}.recommendation-row.active{box-shadow:inset 3px 0 var(--green)}.recommendation-row-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--positive-bg);color:var(--green);font-weight:var(--weight-strong)}.recommendation-row-main{min-width:0}.recommendation-row-main strong,.recommendation-row-main small{display:block}.recommendation-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption)}.recommendation-row-main p{display:-webkit-box;margin:4px 0 5px;overflow:hidden;color:var(--text-secondary);font-size:var(--text-caption);line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recommendation-row-main small{color:var(--muted);font-size:var(--text-caption)}.recommendation-score{color:var(--green);font-size:var(--text-caption);font-weight:var(--weight-strong)}.recommendation-empty{padding:42px 20px;text-align:center;color:var(--muted);font-size:var(--text-caption)}.recommendation-detail{min-width:0;overflow:auto;padding:22px}.recommendation-detail.empty{display:grid;place-items:center;text-align:center;color:var(--muted)}.recommendation-detail.empty h3{margin:12px 0 4px;color:var(--ink);font:21px Georgia,serif}.recommendation-detail.empty p{margin:0}.recommendation-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.recommendation-detail-head h3{margin:3px 0 4px;font:23px/1.2 Georgia,serif}.recommendation-detail-head p{margin:0;color:var(--muted);font-size:var(--text-caption)}.recommendation-confidence{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:50%;background:var(--positive-bg);color:var(--green);font-size:var(--text-body);font-weight:var(--weight-strong)}.recommendation-user-safe{display:flex;align-items:center;gap:8px;margin:14px 0;padding:10px 12px;border:1px solid var(--brand-100);border-radius:9px;background:var(--bg-subtle);color:var(--positive-text);font-size:var(--text-caption);font-weight:var(--weight-strong)}.recommendation-user-safe span{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:var(--brand-100)}.recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.recommendation-grid>div{padding:10px 11px;border-radius:8px;background:var(--surface-sunken)}.recommendation-grid dt{color:var(--muted);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.05em}.recommendation-grid dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:var(--text-caption);font-weight:var(--weight-strong)}.recommendation-section{margin-top:16px}.recommendation-section h4{margin:0 0 8px;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em}.recommendation-section p{margin:0;color:var(--text-secondary);font-size:var(--text-caption);line-height:1.55}.evidence-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.evidence-list li{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font:9px/1.4 Consolas,monospace;overflow-wrap:anywhere}.recommendation-assignment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.recommendation-assignment select{width:100%;min-height:38px}.recommendation-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.recommendation-actions .primary{min-width:130px}.recommendation-actions .danger-outline{border:1px solid var(--border-strong);border-radius:8px;padding:9px 13px;background:var(--surface);color:var(--critical-text);cursor:pointer}.recommendation-actions button:disabled{opacity:.48;cursor:not-allowed}.recommendation-stage-note{margin:10px 0 0;color:var(--muted);font-size:var(--text-caption);text-align:right}.recommendation-timeline{display:grid;gap:7px}.recommendation-event{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:start;font-size:var(--text-caption)}.recommendation-event i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--text-muted)}.recommendation-event span{color:var(--muted)}
@media(max-width:1100px){.reasoning-control{grid-template-columns:1fr}.reasoning-control form{justify-content:flex-start}.recommendation-workspace{grid-template-columns:minmax(280px,42%) minmax(0,1fr)}}
@media(max-width:760px){.recommendation-head{align-items:stretch;flex-direction:column}.recommendation-head-actions{display:grid;grid-template-columns:1fr 1fr}.reasoning-control form{display:grid;grid-template-columns:1fr 1fr}.reasoning-control form label:first-child{grid-column:1/-1}.reasoning-control select,.reasoning-control input{width:100%}.reasoning-control form button{grid-column:1/-1}.recommendation-metrics{grid-template-columns:1fr}.recommendation-workspace{height:auto;min-height:0;display:block;overflow:visible}.recommendation-list-panel{border-right:0;border-bottom:1px solid var(--line)}.recommendation-list{max-height:320px}.recommendation-detail{min-height:380px;padding:16px}.recommendation-grid{grid-template-columns:1fr}.recommendation-assignment{grid-template-columns:1fr}.recommendation-actions{display:grid;grid-template-columns:1fr 1fr}.recommendation-actions button{width:100%}}