/* History (T4b). Scoped under .gch-m-history. Day-grouped activity timeline with tool and person chips. */

.gch-m-history .mid{color:var(--mid)}
.gch-m-history .hi-bar{flex:none;padding:0 var(--gut) var(--s3);border-bottom:1px solid var(--line2)}
.gch-m-history .hi-row1{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);margin-bottom:var(--s2)}
.gch-m-history .hi-row1 .gch-search{flex:1 1 360px;max-width:620px}
.gch-m-history .hi-count{font-size:13px;color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-history .hi-count b{color:var(--ink);font-weight:600}
.gch-m-history .hi-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.gch-m-history .hi-chips > .lbl{flex:none;width:60px}
.gch-m-history .hi-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:none;border:1px solid var(--line2);color:var(--ink2);font-size:13px;cursor:pointer;white-space:nowrap}
.gch-m-history .hi-chip:hover{border-color:var(--edge);color:var(--ink)}
.gch-m-history .hi-chip .n{font-size:12px;color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-history .hi-chip .i{width:15px;height:15px;color:var(--mid)}
.gch-m-history .hi-chip .gch-av{width:20px;height:20px;font-size:9px}
.gch-m-history .hi-chip .gch-av .i{width:12px;height:12px}
.gch-m-history .hi-chip.is-on{border-color:var(--o);background:var(--bg3);color:var(--ink);font-weight:600}
.gch-m-history .hi-chip.is-on .n{color:var(--ink2)}

.gch-m-history .hi-feed{padding:0 var(--gut) var(--s8)}
.gch-m-history .hi-day h2{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;gap:10px;padding:var(--s4) 0 var(--s2);background:var(--bg);border-bottom:1px solid var(--line2);font-size:14px;font-weight:600}
.gch-m-history .hi-day h2 .rel{font-size:12.5px;font-weight:500;color:var(--mid)}
.gch-m-history .hi-day h2 .rel.is-today{color:var(--o-txt);font-weight:600}
.gch-m-history .hi-day h2 .n{margin-left:auto;font-size:12.5px;font-weight:400;color:var(--mid)}
.gch-m-history .hi-list{list-style:none;margin:0;padding:0}
.gch-m-history .hi-ev{display:grid;grid-template-columns:48px 28px minmax(0,1fr) 130px;gap:0 12px;align-items:start;padding:6px 0 7px;border-bottom:1px solid var(--line)}
.gch-m-history .hi-ev time{padding-top:5px;font-size:12.5px;color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-history .hi-ev > .gch-av{width:28px;height:28px}
.gch-m-history .hi-gct{border-color:var(--o);color:var(--o-txt)}
.gch-m-history .hi-gct .i{width:14px;height:14px}
.gch-m-history .hi-what{min-width:0;padding-top:4px}
.gch-m-history .hi-what .w1{font-size:13.5px;line-height:1.4}
.gch-m-history .hi-what .w1 b{font-weight:600}
.gch-m-history .hi-ev.is-gct .w1 b{color:var(--o-txt)}
.gch-m-history .hi-what .w2{margin-top:1px}
.gch-m-history .hi-what .w2 a,.gch-m-history .hi-what .w2 .nolink{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:13px;color:var(--ink2);text-decoration:none}
.gch-m-history .hi-what .w2 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-history .hi-what .w2 .i{width:15px;height:15px;color:var(--mid);flex:none}
.gch-m-history .hi-what .w2 a:hover{color:var(--ink)}
.gch-m-history .hi-what .w2 a:hover span{text-decoration:underline;text-underline-offset:2px}
.gch-m-history .hi-tool{padding-top:6px;font-size:12px;color:var(--mid);text-align:right;white-space:nowrap}
.gch-m-history .hi-more{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) 0;font-size:13px}
.gch-m-history .hi-more .btn{border-color:var(--line2)}

@media (max-width:759px){
  .gch-m-history .hi-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .gch-m-history .hi-chips > .lbl{width:auto;margin-right:4px}
  .gch-m-history .hi-ev{grid-template-columns:40px 26px minmax(0,1fr);gap:0 10px}
  .gch-m-history .hi-tool{display:none}
}
.hi-peoplepop .gch-av{width:22px;height:22px;font-size:9.5px}
.hi-peoplepop .gch-av .i{width:12px;height:12px}

/* ------------------------------------------------------------------ round 2: Table view (today's History table), view switch, Row history */
.gch-m-history .hi-cnt b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-history .hi-views{display:inline-flex;margin-left:auto;border:1px solid var(--line2)}
.gch-m-history .hi-views button{min-height:30px;padding:0 12px;background:none;border:0;color:var(--ink2);font-size:13px;font-weight:500;cursor:pointer}
.gch-m-history .hi-views button + button{border-left:1px solid var(--line2)}
.gch-m-history .hi-views button[aria-pressed="true"]{color:var(--ink);font-weight:600;background:var(--bg3);box-shadow:inset 0 -2px 0 var(--o)}
.gch-m-history .hi-none{padding:var(--s6) 0;font-size:14px;color:var(--ink2)}
.gch-m-history .hi-feed.is-table{padding-top:var(--s3)}
.gch-m-history .hi-tw{border:1px solid var(--line);overflow-x:auto}
.gch-m-history .hi-tw:focus-visible{outline:1px solid var(--o);outline-offset:2px}
.gch-m-history .hi-tbl{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--bg2);font-size:13.5px}
.gch-m-history .hi-tbl thead th{position:sticky;top:0;z-index:1;height:40px;padding:0 var(--s3);text-align:left;vertical-align:middle;background:var(--bg);border-bottom:1px solid var(--line2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);white-space:nowrap}
.gch-m-history .hi-tbl .gch-sort{display:inline-flex;align-items:center;gap:4px;padding:0;background:none;border:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}
.gch-m-history .hi-tbl .gch-sort:hover,.gch-m-history .hi-tbl .gch-sort.is-on{color:var(--ink)}
.gch-m-history .hi-tbl .gch-sort .car{font-size:9px;color:var(--o-txt)}
.gch-m-history .hi-tbl tbody th,.gch-m-history .hi-tbl tbody td{padding:9px var(--s3);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.gch-m-history .hi-tbl tbody tr:last-child > *{border-bottom:0}
.gch-m-history .hi-tbl tbody tr:hover{background:var(--bg3)}
.gch-m-history .hi-tbl .c-when{width:120px;font-weight:500;color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums}
.gch-m-history .hi-tbl .c-entry{width:110px;white-space:nowrap}
.gch-m-history .hi-tbl .c-out{width:170px}
.gch-m-history .hi-tbl .c-who{width:190px}
.gch-m-history .hi-tbl .w1{line-height:1.4}
.gch-m-history .hi-tbl .w2{display:flex;align-items:center;gap:var(--s2);margin-top:2px;min-width:0}
.gch-m-history .hi-tbl .w2 a,.gch-m-history .hi-tbl .w2 .nolink{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:12.5px;color:var(--ink2);text-decoration:none}
.gch-m-history .hi-tbl .w2 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-history .hi-tbl .w2 .i{width:15px;height:15px;color:var(--mid);flex:none}
.gch-m-history .hi-tbl .w2 a:hover span{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
.gch-m-history .hi-tbl tr.is-gct .c-entry .tag{color:var(--o-txt)}
.gch-m-history .hi-who{display:inline-flex;align-items:center;gap:8px;min-width:0}
.gch-m-history .hi-who .gch-av{width:24px;height:24px;font-size:10px}
.gch-m-history .hi-who .gch-av .i{width:12px;height:12px}
.gch-m-history .hi-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-history .hi-rh{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;padding:0;background:none;border:1px solid transparent;color:var(--mid);cursor:pointer}
.gch-m-history .hi-rh .i{width:15px;height:15px}
.gch-m-history .hi-rh:hover{color:var(--ink);border-color:var(--edge)}
.gch-m-history .hi-what .w2{display:flex;align-items:center;gap:var(--s2)}
@media (max-width:1180px){ .gch-m-history .hi-tbl .c-who{width:auto} }
@media (max-width:759px){
  .gch-m-history .hi-views{margin-left:0}
  .gch-m-history .hi-tw{border-width:1px 0}
  .gch-m-history .hi-feed.is-table{padding-left:0;padding-right:0}
  .gch-m-history .hi-tw{overflow-x:visible}
  .gch-m-history .hi-tbl,.gch-m-history .hi-tbl tbody{display:block;width:100%}
  .gch-m-history .hi-tbl thead{display:none}
  .gch-m-history .hi-tbl .c-what{min-width:0}
  .gch-m-history .hi-tbl .c-when,.gch-m-history .hi-tbl .c-entry,.gch-m-history .hi-tbl .c-out,.gch-m-history .hi-tbl .c-who{width:auto}
  .gch-m-history .hi-tbl .c-out .pill{white-space:nowrap}
  .gch-m-history .hi-tbl tbody tr{display:grid;grid-template-columns:auto 1fr auto;gap:2px var(--s2);padding:10px var(--gut);border-bottom:1px solid var(--line)}
  .gch-m-history .hi-tbl tbody th,.gch-m-history .hi-tbl tbody td{padding:0;border:0;width:auto}
  .gch-m-history .hi-tbl .c-when{grid-column:1;grid-row:1}
  .gch-m-history .hi-tbl .c-entry{grid-column:2;grid-row:1}
  .gch-m-history .hi-tbl .c-out{grid-column:3;grid-row:1;text-align:right}
  .gch-m-history .hi-tbl .c-what{grid-column:1 / -1;grid-row:2}
  .gch-m-history .hi-tbl .c-who{grid-column:1 / -1;grid-row:3;font-size:12.5px;color:var(--ink2)}
  .gch-m-history .hi-tbl tbody tr:last-child{border-bottom:0}
}

/* Row history dialog (today's "Row history": oldest first, prior value, value, reason) */
.gch-dlg.rh-dlg .rh-name{margin-bottom:var(--s3);font-weight:600;font-size:14px}
.gch-dlg.rh-dlg .rh-c > p{font-size:13.5px;color:var(--ink2)}
.gch-dlg.rh-dlg .sub{font-size:12.5px;color:var(--mid)}
.gch-dlg.rh-dlg .row-history-list{list-style:none;margin:var(--s3) 0 0;padding:0}
.gch-dlg.rh-dlg .row-history-list li{padding:var(--s3) 0;border-top:1px solid var(--line)}
.gch-dlg.rh-dlg .row-history-list h3{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.gch-dlg.rh-dlg .row-history-list li > p{margin-top:4px;font-size:13px;line-height:1.45}
.gch-dlg.rh-dlg .row-history-list time{color:var(--mid);font-variant-numeric:tabular-nums}
.gch-dlg.rh-dlg .row-history-list dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:4px var(--s3);margin:var(--s2) 0 0;font-size:13px}
.gch-dlg.rh-dlg .row-history-list dt{color:var(--mid)}
.gch-dlg.rh-dlg .row-history-list dd{margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.45}
@media (max-width:759px){ .gch-dlg.rh-dlg .row-history-list dl{grid-template-columns:1fr} .gch-dlg.rh-dlg .row-history-list dd{margin-bottom:4px} }