/* R6 product/keyword workspace. The existing sr-* detail chart keeps its geometry. */
.sr-page .sr-summary-bar { display:flex; flex-direction:row; flex-wrap:wrap; gap:8px 18px; margin:0; padding:8px 12px; }
.sr-page .sr-summary-filter { display:flex; align-items:center; gap:10px; height:32px; border:0; border-radius:6px; padding:0 10px; background:transparent; color:var(--ui-text-muted); cursor:pointer; font-size:12px; }
.sr-page .sr-summary-filter strong { color:var(--ui-text-strong); font-size:16px; font-variant-numeric:tabular-nums; }
.sr-page .sr-summary-filter[aria-pressed=true] { background:var(--ui-accent-soft-bg); color:var(--ui-info); }
.sr-page .sr-summary-filter:disabled { cursor:default; }
.sr-page .sr-summary-filter:focus-visible { outline:2px solid var(--ui-focus); outline-offset:2px; }
.sr-product-list { display:flex; flex-direction:column; min-width:0; }
.sr-product-row { display:grid; grid-template-columns:minmax(210px,1fr) minmax(140px,.6fr) minmax(320px,2.4fr); gap:20px; align-items:start; padding:18px; border-bottom:1px solid var(--ui-divider); font-size:12px; }
.sr-product-row:last-child { border-bottom:0; }
.sr-product-row.is-selected { background:var(--ui-info-soft-bg); }
.sr-product-info { min-width:0; }
.sr-product-select { display:flex; align-items:flex-start; gap:8px; color:var(--ui-text-strong); font-size:14px; line-height:1.5; font-weight:600; }
.sr-product-select input { flex-shrink:0; margin-top:4px; }
.sr-product-identity { margin:8px 0 0 24px; color:var(--ui-text-muted); overflow-wrap:anywhere; line-height:1.6; }
.sr-product-identity a { color:var(--ui-info); }
.sr-product-meta { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin:8px 0 0 24px; color:var(--ui-text-muted); }
.sr-product-meta label { display:flex; align-items:center; gap:4px; }
.sr-product-row input { accent-color:var(--ui-accent); }
.sr-product-row input:focus-visible { outline:2px solid var(--ui-focus); outline-offset:2px; }
.sr-product-trend { min-width:0; }
.sr-mini-label { display:block; color:var(--ui-text-muted); overflow-wrap:anywhere; line-height:1.5; }
.sr-mini-chart { display:grid; place-items:center; min-height:56px; }
.sr-mini-chart svg { width:100%; max-width:180px; height:56px; overflow:visible; }
.sr-mini-chart polyline { fill:none; stroke:var(--ui-info); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
.sr-mini-chart circle { fill:var(--ui-info); }
.sr-mini-empty { color:var(--ui-text-muted); text-align:center; line-height:1.5; }
.sr-product-keywords { min-width:0; }
.sr-product-row [hidden] { display:none!important; }
.sr-keyword-tools { display:flex; gap:12px; align-items:center; margin-top:8px; }
.sr-keyword-more { border:0; background:transparent; color:var(--ui-info); font-size:12px; min-height:32px; cursor:pointer; padding:0 4px; }
.sr-keyword-more:focus-visible { outline:2px solid var(--ui-focus); outline-offset:2px; }
.sr-keyword-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(165px,1fr)); gap:8px; min-width:0; align-items:stretch; }
.sr-keyword-entry { display:flex; min-width:0; border:1px solid var(--ui-control-border); border-radius:6px; background:var(--ui-control-bg); }
.sr-keyword-chip { display:flex; flex-direction:column; gap:4px; flex:1; min-width:0; border:0; border-radius:5px; padding:9px 8px; text-align:left; color:var(--ui-text); background:transparent; font-size:12px; cursor:pointer; }
.sr-keyword-chip[aria-pressed=true] { background:var(--ui-info-soft-bg); }
.sr-keyword-chip:hover,.sr-keyword-add:hover { background:var(--ui-control-bg-hover); }
.sr-keyword-top { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; min-width:0; }
.sr-keyword-top strong { overflow-wrap:anywhere; font-weight:500; }
.sr-keyword-top b { flex-shrink:0; font-size:14px; font-variant-numeric:tabular-nums; }
.sr-keyword-location { color:var(--ui-text-muted); font-size:12px; }
.sr-keyword-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-height:18px; }
.sr-rank-change { font-size:12px; color:var(--ui-text-muted); font-variant-numeric:tabular-nums; }
.sr-rank-change:is(.is-up,.is-entered) { color:var(--ui-danger); }
.sr-rank-change:is(.is-down,.is-exited) { color:var(--ui-info); }
.sr-catalog-badge { color:var(--ui-info); background:var(--ui-info-soft-bg); padding:1px 5px; border-radius:4px; font-size:12px; }
.sr-keyword-favorite { align-self:flex-start; flex-shrink:0; border:0; background:transparent; color:var(--ui-text-muted); min-width:28px; min-height:32px; cursor:pointer; }
.sr-keyword-favorite[aria-pressed=true] { color:var(--ui-warning); }
.sr-keyword-add { display:flex; justify-content:center; align-items:center; gap:6px; min-height:32px; padding:0 10px; border:1px dashed var(--ui-control-border); border-radius:6px; background:transparent; color:var(--ui-text-muted); font-size:12px; cursor:pointer; }
.sr-keyword-chip:focus-visible,.sr-keyword-favorite:focus-visible,.sr-keyword-add:focus-visible { outline:2px solid var(--ui-focus); outline-offset:2px; }
.sr-page .sr-chart-grid[data-catalog=false] { grid-template-columns:minmax(0,1fr); }
.sr-page .sr-chart-grid[data-catalog=false] .sr-catalog-chart { display:none; }
.sr-page .sr-catalog-state { padding:0 20px 8px; }
@media(min-width:1900px) { .sr-keyword-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); } }
@media(max-width:960px) { .sr-product-row { grid-template-columns:minmax(0,1fr) 170px; gap:14px; } .sr-product-keywords { grid-column:1/-1; } }
@media(max-width:520px) { .sr-product-row { display:flex; flex-direction:column; align-items:stretch; padding:14px; } .sr-product-trend { display:flex; align-items:center; gap:12px; } .sr-mini-label { flex:1; } .sr-mini-chart { flex:1; } .sr-keyword-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sr-page .sr-summary-bar { gap:4px; justify-content:space-between; } .sr-summary-filter { flex:0 1 calc(50% - 4px); } }