/* beindie tool — wishlist velocity tracker */

.tool-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tool-actions__hint{flex:1 1 240px;min-width:200px;margin:0}
.btn.is-copied{background:var(--yellow);color:#141414;border-color:var(--ink)}

#wtRoot .split > .stack{grid-template-columns:minmax(0,1fr)}
#wtRoot .split > .stack > *{min-width:0}
#wtRoot .panel{min-width:0}
#wtRoot .panel .table-wrap{max-width:100%}

.wt-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wt-import label{cursor:pointer}
.wt-import input:focus-visible + label,
.wt-import label:focus-within{outline:3px solid var(--yellow);outline-offset:2px}

.wt-entry .field small{max-width:44ch}

.wt-chart-wrap{overflow-x:auto}
.wt-chart{display:block;width:100%;height:auto;min-width:520px}
.wt-chart .axl{font-family:var(--pixel);font-size:9px;letter-spacing:.04em;fill:var(--muted)}
.wt-chart .axl--ink{fill:var(--ink)}
.wt-chart .gridline{stroke:var(--line);stroke-width:1}
.wt-chart .axisline{stroke:var(--line-strong);stroke-width:1}
.wt-chart .wt-add{fill:var(--ink);fill-opacity:.16;stroke:none}
.wt-chart .wt-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.wt-chart .wt-proj{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-dasharray:6 4;opacity:.7}
.wt-chart .wt-dot{fill:var(--ink);stroke:var(--paper-2);stroke-width:1.5}
.wt-chart .wt-launch{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 3}

.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted);align-items:center}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{display:inline-block;width:14px;height:12px;border:1px solid var(--ink);flex:none}
.legend .k-line{height:0;width:16px;border:0;border-top:2.5px solid var(--accent)}
.legend .k-adds{background:var(--ink);opacity:.2}
.legend .k-proj{height:0;width:16px;border:0;border-top:2px dashed var(--ink)}

table.wt-table{min-width:600px;font-size:14.5px}
.wt-table td,.wt-table th{padding:10px 14px}
.wt-table td{vertical-align:middle}
.wt-table b{font-weight:600;font-variant-numeric:tabular-nums}
.wt-note{color:var(--muted);font-size:13px;max-width:28ch}
.wt-del{
  background:none;border:1px solid transparent;padding:4px 8px;font:inherit;font-size:12px;
  color:var(--muted);cursor:pointer;
}
.wt-del:hover{border-color:var(--red);color:var(--red)}

.wt-steps{padding-left:20px;display:grid;gap:8px;font-size:15px;color:var(--muted)}

@media (max-width:620px){
  table.wt-table{min-width:520px}
  .wt-note{max-width:18ch}
}

/* A "Days" column joined the log (an interval's additions are not a day's
   additions, and the table now says how many days each row covers). */
table.wt-table{min-width:680px}
@media (max-width:620px){table.wt-table{min-width:600px}}

/* Row headers and the money sub-heading inside the settings panel. */
#wtRoot h3.label{margin:0;display:block}
#wtRoot .field small{max-width:44ch}
#wtRoot #wtShareSay{max-width:80ch}