/* /workspace/: a ledger of what this browser holds, not a grid of boxes */
.ws-head .lede{max-width:64ch}
.ws-plan{display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .8rem; margin-top:1.1rem}
.ws-plan-note{font:400 .92rem/1.4 var(--f-ui); color:var(--ink-3)}
.ws{display:flex; flex-direction:column; gap:clamp(2.2rem,4.5vw,3.2rem)}
.ws-loading{font:italic 400 1rem/1.5 var(--f-serif); color:var(--ink-3)}
.ws-sec{display:flex; flex-direction:column; gap:.9rem; min-width:0}
.ws-sec-head{display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); padding-bottom:.55rem}
.ws-h{font:420 clamp(1.3rem,2.2vw,1.6rem)/1.2 var(--f-head)}
.ws-more{font:600 .86rem/1.3 var(--f-ui); white-space:nowrap}
.ws-lead{font:400 1.04rem/1.55 var(--f-serif); color:var(--ink-2); max-width:64ch}
.ws-none{font:italic 400 .98rem/1.5 var(--f-serif); color:var(--ink-3); padding:.6rem 0}
.ws-ledger{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); margin:0}
.ws-stat{padding:1rem 1.2rem 1.05rem 0; border-bottom:1px solid var(--line-2); min-width:0}
.ws-stat dt{font:500 .8rem/1.3 var(--f-ui); color:var(--ink-3)}
.ws-stat dd{margin:.3rem 0 0; display:flex; flex-direction:column; gap:.15rem}
.ws-stat b{font:380 clamp(1.7rem,3vw,2.2rem)/1.05 var(--f-head); color:var(--ink); font-variant-numeric:tabular-nums}
.ws-stat span{font:400 .86rem/1.4 var(--f-ui); color:var(--ink-3)}
.ws-cols{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:clamp(1.6rem,4vw,3rem); align-items:start}
.ws-feed{list-style:none; margin:0; padding:0}
.ws-feed a{display:grid; grid-template-columns:8.5rem minmax(0,1fr) auto; gap:.8rem; align-items:baseline; padding:.62rem 0; border-bottom:1px solid var(--line-2); text-decoration:none; color:var(--ink)}
.ws-feed a:hover b{color:var(--accent)}
.ws-kind{font:500 .78rem/1.3 var(--f-ui); color:var(--ink-3)}
.ws-feed b{font:500 .98rem/1.35 var(--f-ui); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ws-feed time{font:400 .82rem/1.3 var(--f-ui); color:var(--ink-3); white-space:nowrap}
.ws-month{padding:.4rem 0 .8rem; border-bottom:1px solid var(--line-2)}
.ws-month-h{display:flex; justify-content:space-between; align-items:baseline; font:500 .95rem/1.4 var(--f-ui)}
.ws-month-h span{font:500 1rem/1.3 var(--f-mono); font-variant-numeric:tabular-nums}
.ws-prov{list-style:none; margin:.4rem 0 0; padding:0; display:flex; flex-direction:column; gap:.2rem}
.ws-prov li{display:grid; grid-template-columns:minmax(0,1fr) auto 5.5rem; gap:.8rem; font:400 .88rem/1.45 var(--f-ui); color:var(--ink-2)}
.ws-prov b{font:500 .84rem/1.45 var(--f-mono); text-align:right; font-variant-numeric:tabular-nums; color:var(--ink)}
.ws-table td{vertical-align:middle}
.ws-spark{font:400 1.05rem/1 var(--f-mono); letter-spacing:.06em; color:var(--accent)}
.ws-steps{list-style:none; margin:0; padding:0; counter-reset:st; border-top:1px solid var(--line)}
.ws-steps li{counter-increment:st}
.ws-steps a{display:grid; grid-template-columns:2.4rem minmax(0,1fr); grid-template-rows:auto auto; column-gap:.6rem; padding:.9rem 0; border-bottom:1px solid var(--line-2); text-decoration:none; color:var(--ink)}
.ws-steps a::before{content:counter(st); grid-row:1 / span 2; font:italic 400 1.5rem/1.1 var(--f-head); color:var(--accent)}
.ws-steps b{font:500 1.05rem/1.35 var(--f-ui)}
.ws-steps span{font:400 .95rem/1.5 var(--f-serif); color:var(--ink-2)}
.ws-steps a:hover b{color:var(--accent)}
.ws-pro{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(18rem,1fr); gap:clamp(1.6rem,4vw,3rem); align-items:start; padding-top:clamp(1.6rem,3vw,2.4rem); border-top:1px solid var(--line)}
.ws-pro-copy{display:flex; flex-direction:column; gap:.9rem}
.ws-pro-list{display:flex; flex-direction:column; gap:.55rem; padding-left:1.2rem; list-style:disc; font:400 1.02rem/1.55 var(--f-serif); color:var(--ink-2)}
.ws-data{padding-top:1.4rem; border-top:1px solid var(--line)}
@media (max-width:56rem){ .ws-cols,.ws-pro{grid-template-columns:minmax(0,1fr)} .ws-ledger{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:30rem){ .ws-feed a{grid-template-columns:minmax(0,1fr) auto} .ws-kind{grid-column:1 / -1} }

/* ── the home base additions: search, quick check, pins, next steps, reuse buttons, safety, exports ── */
.ws-find{position:relative; margin-top:1.3rem; max-width:40rem}
.ws-search{width:100%; padding-right:2.6rem; font-size:1rem}
.ws-kbd{position:absolute; right:.7rem; top:50%; transform:translateY(-50%); font:500 .78rem/1 var(--f-mono); color:var(--ink-3); border:1px solid var(--line); border-radius:5px; padding:.2rem .4rem; pointer-events:none}
.ws-find:focus-within .ws-kbd{display:none}
.ws-results{position:absolute; z-index:20; left:0; right:0; top:calc(100% + .35rem); list-style:none; margin:0; padding:.35rem; background:var(--panel); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); max-height:28rem; overflow:auto}
.ws-results li{display:flex; flex-wrap:wrap; align-items:center; gap:.3rem .8rem; padding:.5rem .6rem; border-radius:10px}
.ws-results li.on{background:var(--field)}
.ws-results li > a{flex:1 1 100%; min-width:0; display:grid; grid-template-columns:7.5rem minmax(0,1fr); column-gap:.6rem; text-decoration:none; color:var(--ink)}
.ws-results b{font:500 .95rem/1.35 var(--f-ui); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ws-snip{grid-column:2; font:400 .84rem/1.4 var(--f-serif); color:var(--ink-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.ws-check-in{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(1rem,3vw,2rem); align-items:start}
.ws-check-in .textarea{min-height:9.5rem; font-size:.95rem}
.ws-check-out{display:flex; flex-direction:column; gap:.55rem; min-width:0}
.ws-score{display:flex; align-items:baseline; gap:.3rem; margin:0}
.ws-score b{font:380 2.6rem/1 var(--f-head); font-variant-numeric:tabular-nums}
.ws-score > span:first-of-type{font:400 1rem/1 var(--f-ui); color:var(--ink-3); margin-right:.4rem}
.ws-check-line{font:400 1rem/1.5 var(--f-serif); color:var(--ink-2); margin:0}
.ws-check-sub{font:500 .86rem/1.4 var(--f-ui); color:var(--ink-3); margin:.2rem 0 .3rem}
.ws-miss{margin:0; padding-left:1.1rem; list-style:disc; display:flex; flex-direction:column; gap:.25rem; font:400 .95rem/1.45 var(--f-serif); color:var(--ink-2)}
.ws-check-out .btns,.ws-safe .btns,.ws-take .btns{display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.3rem}

.ws-more-note{font:400 .84rem/1.3 var(--f-ui); color:var(--ink-3)}
.ws-pins{list-style:none; margin:0; padding:0; border-top:1px solid var(--line)}
.ws-pins li{display:flex; flex-wrap:wrap; align-items:center; gap:.4rem 1rem; padding:.6rem 0; border-bottom:1px solid var(--line-2)}
.ws-pin-name{flex:1 1 14rem; min-width:0; font:500 1rem/1.35 var(--f-ui); color:var(--ink); text-decoration:none}
.ws-pin-name:hover{text-decoration:underline; text-underline-offset:.2em}
.ws-pin-score{font:500 .86rem/1 var(--f-mono); color:var(--ink-3); font-variant-numeric:tabular-nums}
.ws-acts{display:inline-flex; flex-wrap:wrap; gap:.3rem; justify-content:flex-end}
.ws-acts .btn{white-space:nowrap}

.ws-next{list-style:none; margin:0; padding:0; counter-reset:nx; border-top:1px solid var(--line)}
.ws-next li{counter-increment:nx; display:grid; grid-template-columns:2rem minmax(0,1fr) auto; gap:.4rem 1rem; align-items:center; padding:.75rem 0; border-bottom:1px solid var(--line-2)}
.ws-next li::before{content:counter(nx); font:italic 400 1.35rem/1 var(--f-head); color:var(--accent)}
.ws-next p{margin:0; font:400 1rem/1.5 var(--f-serif); color:var(--ink-2)}

.ws-tools{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem 1rem}
.ws-filter{max-width:22rem}
.ws-pname{font:500 .98rem/1.35 var(--f-ui); color:var(--ink); text-decoration:none}
.ws-pname:hover{text-decoration:underline; text-underline-offset:.2em}
.ws-pinned{color:var(--hi-strong)}
.ws-tags{display:block; font:400 .8rem/1.3 var(--f-ui); color:var(--ink-3); margin-top:.15rem}
.ws-act-cell{text-align:right; white-space:nowrap}

.ws-safe,.ws-take{padding-top:1.4rem; border-top:1px solid var(--line)}
.ws-facts{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; border-top:1px solid var(--line-2)}
.ws-facts div{padding:.7rem 1rem .75rem 0; border-bottom:1px solid var(--line-2)}
.ws-facts dt{font:500 .78rem/1.3 var(--f-ui); color:var(--ink-3)}
.ws-facts dd{margin:.25rem 0 0; font:500 .95rem/1.35 var(--f-ui); color:var(--ink)}

@media (max-width:56rem){ .ws-check-in{grid-template-columns:minmax(0,1fr)} .ws-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .ws-act-cell{white-space:normal} }
@media (max-width:40rem){
  .ws-table th:nth-child(3),.ws-table td:nth-child(3),.ws-table th:nth-child(4),.ws-table td:nth-child(4){display:none}
  .ws-table td.ws-act-cell{text-align:left}
  .ws-next li{grid-template-columns:1.6rem minmax(0,1fr)} .ws-next li .btn{grid-column:2; justify-self:start}
  .ws-results li > a{grid-template-columns:minmax(0,1fr)} .ws-snip{grid-column:1}
}
