/* Member app › Mes progrès › Importer mon historique (views/app/history.ejs sheets, views/app/history-import.ejs,
   public/histimport.js). Arranges kit parts only: rows, tags, chips, stat chips, the sheet. Tokens only. */

/* history: the entry row, one row per import (app tag, period, workouts left) with its undo button */
.hi-entry{margin-top:-4px}
.rows>.r.hi-imp{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
.hi-imp .hi-undo{color:var(--text-2)}
.hi-tag{height:22px;padding:0 7px;font-size:calc(12.5px*var(--k));font-weight:600;color:var(--text-2)}
.mb-wr-head .hi-tag{justify-self:center;color:var(--ink-2);border-color:var(--hair-2)}

/* the upload sheet: app tags, then one large target that opens the file picker */
.hi-apps{gap:6px}
.hi-drop{position:relative;display:grid;justify-items:center;gap:6px;padding:22px 16px;border-radius:14px;border:1.5px dashed var(--line-2);background:var(--sunken);
  color:var(--text);text-align:center;cursor:pointer;min-height:120px;align-content:center}
.hi-drop>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.hi-drop:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.hi-drop>.ic{width:28px;height:28px;color:var(--accent-2)}
.hi-drop>b{font-size:calc(17px*var(--k));font-weight:650}
.hi-drop .hi-fname{font-size:calc(14px*var(--k));color:var(--text-hi);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hi-drop .hi-fname:empty{display:none}
.hi-drop.has{border-style:solid;border-color:var(--accent-2)}
.hi-drop .hi-kinds{font-size:calc(13px*var(--k));color:var(--muted)}
.hi-msg{margin:0;padding:10px 12px;border-radius:9px;background:var(--bad-bg,transparent);box-shadow:inset 0 0 0 1.5px var(--bad);color:var(--bad);font-weight:600;font-size:calc(14.5px*var(--k))}
.hi-path{margin:0 0 6px}.hi-path:last-child{margin:0}
.hi-path b{display:block;color:var(--text)}

/* the preview: the app and the period, stat chips, what stays out, then the exercise rows */
.hi-head{gap:6px 12px}
.hi-left{gap:4px 14px}
.hi-unit .seg{max-width:240px}
.rows>.r.hi-ex{grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:2px}
.hi-ex>.pic{grid-row:1/3;align-self:center}
.rows>.r.hi-ex>.s{grid-column:2/-1}
.hi-nm{display:grid;gap:2px;min-width:0}
.hi-nm>b{font-weight:600;overflow-wrap:anywhere}
.hi-to{display:flex;align-items:center;gap:5px;font-size:calc(14px*var(--k));color:var(--text-2);min-width:0}
.hi-to .ic{width:15px;height:15px;color:var(--ok);flex:none}
.hi-ex.is-kept .hi-to{color:var(--muted)}
.hi-foot{display:grid;gap:8px;margin-top:8px}

/* the picker sheet: a search field, then one 52 px row per exercise */
.hi-sheet{gap:12px}
.hi-opts{max-height:min(56dvh,520px);overflow:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px}
.rows>.r.hi-opt,button.r.hi-opt{grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;width:100%;min-height:52px;padding:6px 0;font:inherit;background:none;border:0;border-bottom:1px solid var(--line);
  color:var(--text);text-align:start;cursor:pointer}
.hi-opt .hi-on{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:calc(15.5px*var(--k));line-height:1.3}
.hi-opt[aria-selected="true"] .hi-on{font-weight:650;color:var(--text-hi)}
.hi-opt>.ic{width:18px;height:18px;color:var(--accent-2)}
.hi-opt:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:8px}
.hi-og{margin:12px 0 2px;color:var(--muted)}
.hi-none{margin:12px 0;color:var(--muted)}