/* EOS + Scorecard pages. Tokens and base classes come from app.css. */

/* rocks as progress cards */
.rock{border-left:4px solid var(--steel);display:flex;flex-direction:column;gap:8px}
.rock.h-on{border-left-color:var(--green)}.rock.h-warn{border-left-color:var(--amber)}.rock.h-off{border-left-color:var(--red)}.rock.h-prog{border-left-color:var(--blue)}
.rock-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rock-owner{margin-left:auto}
.rock-title{font-size:15px;font-weight:700;color:var(--ink);margin:0}
.rock-line{font-size:13px;color:var(--slate-2);margin:0}
.qbar{height:5px;border-radius:3px;background:var(--mist-2);overflow:hidden;margin-top:4px}
.qbar i{display:block;height:100%;background:var(--steel);border-radius:3px}
.qbar i.on{background:var(--green)}.qbar i.warn{background:var(--amber)}.qbar i.off{background:var(--red)}.qbar i.prog{background:var(--blue)}
.rock-more summary{cursor:pointer;color:var(--blue-deep);font-size:12px;min-height:24px}
.rock-more .md{margin-top:6px}
.rock-actions{margin-top:auto}

/* issues list: segmented control + search, click a row to open it */
.iss-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.iss-tools .seg b{font-weight:700;margin-left:4px;opacity:.85}
.iss-tools input{flex:1;min-width:160px;padding:8px 12px;border:1px solid var(--mist);border-radius:8px;font:inherit;font-size:13px;background:#fff;outline:0;min-height:36px}
.iss-tools input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--ice)}
.iss-list li.iss{padding:0;display:block}
.iss-list li.iss[hidden]{display:none}
.iss .iss-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 6px;background:none;border:0;text-align:left;font:inherit;color:var(--ink);border-radius:6px}
.iss .iss-h:hover{background:var(--ice)}
.iss .iss-title{font-weight:600;min-width:0}
.iss.done .iss-title{color:var(--slate);font-weight:400}
.iss .iss-meta{white-space:nowrap}
.iss .iss-b{display:none;padding:2px 6px 12px 24px;border-left:2px solid var(--mist);margin:0 0 6px 10px}
.iss.open .iss-b{display:block}
.iss.open .iss-title{white-space:normal}
.iss .iss-status{margin-top:8px;padding:8px 10px;background:var(--cloud);border-radius:6px}
.iss .iss-status strong{color:var(--navy);margin-right:6px}
@media(max-width:700px){
  .iss .iss-h{grid-template-columns:auto minmax(0,1fr);row-gap:2px}
  .iss .iss-meta{grid-column:2;white-space:normal}
  .iss .iss-b{padding-left:8px;margin-left:4px}
  .iss-tools .btn{width:100%}
}

/* V/TO */
.vto .list li{padding:7px 0}

/* scorecard charts */
.trend{width:100%;height:70px;display:block}
.trend rect.on{fill:var(--green)}.trend rect.warn{fill:var(--amber)}.trend rect.off{fill:var(--red)}
.trend .mid{stroke:var(--mist);stroke-dasharray:3 3;stroke-width:1}
.trend-l{display:grid;gap:6px;margin-top:6px;font-size:11px;color:var(--slate);text-align:center}
.trend-l span{display:flex;flex-direction:column;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.trend-l b{font:700 12px var(--font-h);color:var(--ink)}
.mgrid .mcard .big{font-size:22px}
.mgrid .mcard .spark{height:40px}
.mgrid .spark-gap{height:40px;display:flex;align-items:center}
.section .btn{margin-left:auto}