/* PETRA KSA AI Assistant - the PLANNER HISTORY page (owner 2026-09-29). Its own sheet beside desk.css: the page is built
   from the design's own panels, tables, stamps, notes and charts; this adds only the search bar, the unfolding rows and
   the team tables' first column. Tokens only. */

/* the search on its own row, the filters in even columns under it */
.hs-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 12px;align-items:end}
.hs-q{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;background:var(--surface-2);
  border:1px solid var(--rule);border-radius:var(--rc);color:var(--ink-3);cursor:text;transition:background .25s var(--e),border-color .25s var(--e)}
.hs-q:focus-within{background:var(--surface);border-color:var(--brand)}
.hs-q .inp{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;font-size:13px}
.hs-q .inp:focus{background:none}
.hs-f{display:grid;gap:4px;min-width:0}
.hs-f .inp{height:40px;padding:0 10px;cursor:pointer;min-width:0}
.hs-clear{justify-self:start;height:40px}
.hs-clear[hidden]{display:none}          /* .btn's own display would show it: nothing to clear, no button */
.hs-n{margin:14px 0 8px}
.hs-t td,.hs-st td{vertical-align:top}
.hs-t td.num{white-space:nowrap}               /* a date on one line: 2026-09-29, never 2026-09- / 29 */
.hs-t td.hs-name,.hs-st td.hs-name,.hs-t th:nth-child(2),.hs-st th:first-child{text-align:start}
.hs-t td.hs-name{min-width:220px}
.hs-r{cursor:pointer;transition:background .2s var(--e)}
.hs-r:hover td{background:var(--surface-2)}
.hs-r:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.hs-r.on td{background:var(--brand-soft)}
.hs-d>td{background:var(--surface-2);text-align:start}
.hs-dt{display:grid;gap:12px;padding:6px 2px 4px}
.hs-kv{display:flex;flex-wrap:wrap;gap:8px 24px}
.hs-kv>div{display:grid;gap:2px;min-width:0}
.hs-ck{margin:0;padding-inline-start:18px;color:var(--ink-2)}
.hs-fold{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hs-fold code{font-family:var(--mono);font-size:12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--rc);padding:5px 8px;
  overflow-wrap:anywhere;min-width:0}
.hs-notes{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--ink-2)}
.hs-team{display:grid;gap:14px}
.hs-team .charts{margin-bottom:0}
.hs-link{padding:0;border:0;background:none;color:var(--brand-ink);font:inherit;font-weight:600;text-align:start;cursor:pointer}
.hs-link:hover{text-decoration:underline}
.hs-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* the Project tools panel's own section: this project's name in the Planner history */
.pt-hist{display:grid;gap:4px}
.pt-hi{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;width:100%;padding:6px 8px;border:1px solid var(--rule);
  border-radius:var(--rc);background:var(--surface);color:var(--ink-2);font:inherit;text-align:start}
.pt-hi-t{display:grid;gap:1px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}
.pt-hi-t:hover .pt-hn{color:var(--brand-ink);text-decoration:underline}
.pt-hd{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}
.pt-hn{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-hw{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-hi .ghost{flex:0 0 auto}
.pt-hi .ghost .ic{width:14px;height:14px;flex-basis:14px}
.pt-hall{justify-self:start;margin-top:2px}

@media (max-width:820px){
  .hs-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{.hs-bar,#hsImport{display:none!important}}