/* TrustHours v5: team pages (Live time, Member day, Breaks, People, Flags,
   Check-ins, Missing hours). Tokens only, ui- prefix only. */

/* ---------- shared bits ---------- */
.ui-team-h2{font:700 16px var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;white-space:nowrap}
.ui-team-sechead{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:6px}
.ui-team-click{cursor:pointer}
.ui-team-empty{padding:28px 0;text-align:center;font:400 13px var(--font-body);color:var(--muted)}
.ui-team-logic{width:28px;height:28px;border-radius:var(--r-control);background:var(--soft);color:var(--slate);display:grid;place-items:center;flex:none}
.ui-team-danger,.ui-team-danger .ui-li-main b{color:var(--red)}
.ui-team-danger .ui-team-logic{background:var(--bad-tint);color:var(--bad-text)}
.ui-team-menu{overflow:hidden}
.ui-team-menu .ui-li{width:100%;border:0;background:var(--white);text-align:left;cursor:pointer;color:var(--muted);font-family:var(--font-body)}
.ui-team-link{font:500 12px/1.5 var(--font-body);color:var(--slate);word-break:break-all;white-space:normal}
.ui-team-k-unp{background:var(--bad)} .ui-team-k-off{background:var(--rib-future)}
.ui-team-delta{font:600 11px var(--font-body);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-team-rc{flex-direction:row!important;align-items:center;gap:10px!important}
.ui-team-rc .ui-big{margin-top:4px;white-space:nowrap}
.ui-team-strip>div{container-type:inline-size}
.ui-team-strip .ui-team-rc{gap:12px!important}
.ui-team-strip .ui-team-rc>div:last-child{min-width:0}
.ui-team-strip .ui-team-rc .ui-big{font-size:clamp(17px,12cqw,24px)}
.ui-team-strip .ui-team-rc .ui-small,.ui-team-strip .ui-team-rc .ui-team-delta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Live time: strip ---------- */
.ui-team-strip{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}
.ui-team-strip>div{padding:16px 18px}
.ui-team-strip .ui-team-click:hover{background:var(--row-hover)}
.ui-team-clock{white-space:nowrap;letter-spacing:-.04em}
.ui-team-sb{justify-content:space-between}
.ui-team-sb .ui-big small{font:600 14px var(--font-display);color:var(--muted)}
.ui-team-strip .ui-legend{gap:10px}
.ui-team-strip .ui-legend i{width:7px;height:7px}
.ui-team-hh{display:flex;gap:4px;align-items:flex-end;height:58px}
.ui-team-hh>div{flex:1;display:flex;flex-direction:column-reverse;gap:2px;align-items:center;height:100%}
.ui-team-hh i{width:6px;height:6px;border-radius:50%;flex:none}

/* ---------- Live time: person cards ---------- */
.ui-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ui-lap .ui-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1099px){.ui-team-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}}
.ui-team-pc{background:var(--white);border:1px solid var(--seg-bg);border-radius:var(--r-card);padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:border-color var(--m-quick),box-shadow var(--m-quick);min-width:0;animation:thfade var(--m-fade) ease-out both}
.ui-team-pc:hover{border-color:var(--card-hover);box-shadow:var(--sh-pop)}
.ui-team-pc-shot{aspect-ratio:16/10;border-radius:var(--r-control);position:relative;overflow:hidden;background:var(--seg-bg)}
.ui-team-pc-shot img{width:100%;height:100%;object-fit:cover}
.ui-team-noshot{position:absolute;inset:0;display:grid;place-items:center;font:500 12px var(--font-body);color:var(--muted)}
.ui-team-live{position:absolute;right:8px;top:8px;opacity:0;transition:opacity var(--m-quick)}
.ui-team-pc:hover .ui-team-live,.ui-team-live:focus{opacity:1}
.ui-team-pc-b{padding:0 6px 6px;display:flex;flex-direction:column;gap:11px}
.ui-team-pc-n{flex:1;min-width:0}
.ui-team-pc-row{gap:8px}
.ui-team-pc-n b{display:block;font:600 13px/1.25 var(--font-body);color:var(--ink);overflow-wrap:anywhere}
.ui-team-pc-n span{display:flex;align-items:center;gap:6px;font:400 12px var(--font-body);color:var(--muted)}
.ui-team-pc-n .ui-sdot{width:6px;height:6px}
.ui-team-pc-t{text-align:right;flex:none}
.ui-team-pc-t b{display:block;font:800 15px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-team-pc-t span{display:block;font:500 11.5px var(--font-body);color:var(--muted);margin-top:4px;white-space:nowrap}
.ui-rib.ui-team-rib5{height:5px;gap:0;border-radius:var(--r-bar);overflow:hidden;background:var(--rib-future)}
.ui-rib.ui-team-rib5>i{border-radius:0}

/* ---------- Member day ---------- */
.ui-team-md{gap:10px}
.ui-team-req{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--iris-tint);border-radius:var(--r-card);padding:6px 8px 6px 12px}
.ui-team-req-ic{width:24px;height:24px;border-radius:var(--r-chip);background:var(--white);color:var(--iris);display:grid;place-items:center;flex:none}
.ui-team-req-tx{flex:1;min-width:200px;font:400 12.5px var(--font-body);color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-team-req-tx b{font-weight:600;color:var(--ink)}
.ui-team-mhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ui-team-back{width:30px;height:30px;border-radius:var(--r-control);border:1px solid var(--hairline);background:var(--white);color:var(--slate);cursor:pointer;display:grid;place-items:center;flex:none}
.ui-team-back:hover{background:var(--soft)}
.ui-team-mav{position:relative;flex:none}
.ui-team-mav .ui-sdot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid var(--white)}
.ui-team-who{flex:1;min-width:200px}
.ui-team-who h1{margin:0;font:700 18px/1.2 var(--font-display);letter-spacing:-.025em;color:var(--ink)}
.ui-team-who>div{font:400 12px var(--font-body);color:var(--slate);margin-top:1px}
.ui-team-sw{width:auto;max-width:180px;padding:5px 10px;font-size:12.5px}
.ui-team-mstrip{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.ui-team-mstrip>div{padding:10px 16px;gap:4px;justify-content:center}
.ui-team-mstrip .ui-bar{flex:none;margin-top:6px}
.ui-team-wide{grid-column:span 2}
.ui-team-v{font:800 20px/1.1 var(--font-display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-team-v.ui-team-ck{font-size:18px}
.ui-team-ck.ui-c-green{color:var(--green)} .ui-team-ck.ui-c-amber{color:var(--amber-text)} .ui-team-ck.ui-c-red{color:var(--red)} .ui-team-ck.ui-c-muted{color:var(--muted)}
.ui-team-mstrip .ui-legend{gap:10px}
/* month */
.ui-team-cal{padding:10px 16px 8px;display:flex;flex-direction:column;gap:6px}
.ui-team-calh{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.ui-team-mnav{width:24px;height:24px;border-radius:var(--r-chip);border:1px solid var(--hairline);background:var(--white);color:var(--slate);cursor:pointer;display:grid;place-items:center;padding:0}
.ui-team-mnav:hover{background:var(--soft)}
.ui-team-mnav:disabled{color:var(--hairline);cursor:default;background:var(--white)}
.ui-team-ml{font:700 14px var(--font-display);color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.ui-team-ms{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.ui-team-ms b{font:800 13.5px var(--font-display);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ui-team-ms span{font:500 12px var(--font-body);color:var(--muted)}
.ui-team-k-hi{background:var(--iris)} .ui-team-k-md{background:var(--iris-pale)} .ui-team-k-lo{background:var(--warn)} .ui-team-k-lv{background:var(--ok)}
.ui-team-days{display:grid;gap:3px;overflow-x:auto;scrollbar-width:none}
.ui-team-day{border:0;background:transparent;border-radius:var(--r-chip);padding:3px 0 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;transition:background var(--m-quick)}
.ui-team-day:hover{background:var(--soft)}
.ui-team-day:disabled{cursor:default;background:transparent}
.ui-team-day.ui-on{background:var(--iris-tint)}
.ui-team-day-tr{height:24px;width:8px;display:flex;align-items:flex-end;border-radius:var(--r-bar);background:var(--soft);overflow:hidden}
.ui-team-day-tr.ui-fut{background:transparent}
.ui-team-day-tr i{width:100%;border-radius:var(--r-bar);transform-origin:bottom;animation:thgrow var(--m-grow) ease-out both}
.ui-team-day-tr i.ui-hi{background:var(--iris)} .ui-team-day-tr i.ui-md{background:var(--iris-pale)} .ui-team-day-tr i.ui-lo{background:var(--warn)} .ui-team-day-tr i.ui-lv{background:var(--ok)}
.ui-team-day-n{font:700 10.5px var(--font-body);color:var(--ink);width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.ui-team-day:disabled .ui-team-day-n{color:var(--muted)}
.ui-team-day.ui-today .ui-team-day-n{color:var(--iris)}
.ui-team-day.ui-on .ui-team-day-n{background:var(--iris);color:var(--white)}
/* screenshots by hour */
.ui-team-shots{padding:0 20px}
.ui-team-hr{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--soft)}
.ui-team-hr:first-child{border-top:0}
.ui-team-hl{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column}
.ui-team-hl b{font:800 19px/1 var(--font-display);color:var(--ink);letter-spacing:-.02em}
.ui-team-hl span{font:500 11.5px var(--font-body);color:var(--muted);margin-top:4px}
.ui-team-hl span+span{font-weight:600;margin-top:2px}
.ui-team-hl span.ui-c-amber{color:var(--amber-text)} .ui-team-hl span.ui-c-slate{color:var(--slate)}
.ui-team-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:16px 14px}
.ui-team-tile{cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-team-tile-im{aspect-ratio:16/10;border-radius:var(--r-control);position:relative;overflow:hidden;background:var(--seg-bg);box-shadow:0 0 0 1px var(--hairline);transition:box-shadow var(--m-quick),transform var(--m-quick)}
.ui-team-tile:hover .ui-team-tile-im{box-shadow:0 0 0 2px var(--iris),var(--sh-pop);transform:translateY(-1px)}
.ui-team-tile-im img{width:100%;height:100%;object-fit:cover}
.ui-team-tile-del{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:var(--r-chip);border:0;background:var(--ink-72);color:var(--white);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity var(--m-quick)}
.ui-team-tile:hover .ui-team-tile-del{opacity:1}
.ui-team-tile-mt{display:flex;align-items:center;gap:6px;padding:0 2px;min-width:0}
.ui-team-tile-mt b{font:600 12.5px var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums}
.ui-team-tile-mt span{font:400 12px var(--font-body);color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-team-tile-mt .ui-team-abars{flex:none}
.ui-team-abars{display:flex;align-items:flex-end;gap:2px;height:12px}
.ui-team-abars i{width:3px;border-radius:1px;background:var(--hairline)}
.ui-team-abars i.ui-on{background:var(--iris)} .ui-team-abars i.ui-lo{background:var(--warn)}
.ui-team-sess{display:flex;flex-direction:column;gap:12px;padding:14px 0;border-top:1px solid var(--soft)}
.ui-team-sess:first-child{border-top:0}
.ui-team-lbfull{background:transparent;color:var(--white);border-color:var(--on-ink-25)}
.ui-team-lbfull:hover{background:var(--on-ink-12)}
/* apps & websites */
.ui-team-use{display:flex;align-items:center;gap:12px;min-width:0}
.ui-team-use-ic{flex:none}
.ui-team-ic{width:28px;height:28px;border-radius:var(--r-control);display:grid;place-items:center;font:800 12px var(--font-display);background:var(--soft);color:var(--slate)}
.ui-team-ic.ui-p{background:var(--iris-tint);color:var(--iris-text)} .ui-team-ic.ui-u{background:var(--warn-tint);color:var(--amber-text)}
.ui-team-fav{width:28px;height:28px;border-radius:var(--r-control);padding:5px;background:var(--soft);object-fit:contain}
.ui-team-use-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ui-team-use-m b{font:600 13px var(--font-body);color:var(--ink)}
.ui-team-use-m .ui-bar{flex:none}
.ui-team-use-n .ui-bar>i,.ui-bar.ui-team-use-n>i{background:var(--iris-pale)}
.ui-team-use-r{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ui-team-use-r b{font:700 13px var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
/* breaks */
.ui-team-bklist{gap:6px}
.ui-team-bk{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--r-control);background:var(--soft);border:1px solid var(--soft)}
.ui-team-bk.ui-over{background:var(--bad-soft);border-color:var(--bad-tint)}
.ui-team-bk.ui-live{background:var(--iris-tint);border-color:var(--iris-pale)}
.ui-team-bk-l{flex:1;min-width:0}
.ui-team-bk-l b{display:block;font:600 12.5px var(--font-body);color:var(--ink)}
.ui-team-bk-l span{display:block;font:400 11.5px var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums}
.ui-team-bk-r{text-align:right;flex:none}
.ui-team-bk-r b{display:block;font:700 13px var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums}
.ui-team-bk-r b.ui-c-iris{color:var(--iris)}
.ui-team-bk-r span{display:block;font:500 11px var(--font-body);color:var(--muted)}
.ui-team-bk-r span.ui-c-red{color:var(--red)}
.ui-team-bkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px;align-items:start}
.ui-team-bkgrid>.ui-card{animation:thfade var(--m-fade) ease-out both}
.ui-team-bkgrid .ui-team-bklist{padding:10px 16px}
.ui-team-bkh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--soft)}
.ui-team-bkt{font:600 12.5px var(--font-body);color:var(--slate);font-variant-numeric:tabular-nums}
.ui-team-stamps{margin-top:8px}
.ui-team-bico{color:var(--muted);display:inline-grid}

/* ---------- People ---------- */
.ui-team-pp-o{grid-template-columns:minmax(200px,1.5fr) 140px 120px 100px 150px 80px 34px;min-width:860px}
.ui-team-pp-m{grid-template-columns:minmax(200px,1.5fr) 140px 120px 100px 150px 34px;min-width:780px}
.ui-team-pp .ui-person b .ui-tag{display:inline;margin-left:4px;vertical-align:1px}
.ui-team-rate{font-weight:600}
.ui-team-q{font:500 12.5px/1.6 var(--font-body);color:var(--slate);margin-top:6px}
.ui-team-dpick button{padding:6px 12px}
.ui-team-setrow{padding:12px 0;border:0}
.ui-team-hm .ui-in{width:76px}
.ui-team-hm .ui-unit{margin:0 8px 0 0}

/* ---------- Flags ---------- */
.ui-team-flgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:14px;align-items:start}
.ui-team-fllist{overflow:hidden}
.ui-team-fl{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--soft);min-width:0}
.ui-team-fl:last-child{border-bottom:0}
.ui-team-fl:hover{background:var(--row-hover)}
.ui-team-fl-m{flex:1;min-width:0}
.ui-team-fl-m div{font:400 13px var(--font-body);color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-team-fl-m div b{font-weight:600;color:var(--ink)}
.ui-team-fl-m span{display:block;font:400 12px var(--font-body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-team-fl-v{font:600 12px var(--font-body);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ui-team-fl-a{flex:none;flex-wrap:nowrap;gap:6px}
.ui-team-fc{border:1px solid var(--hairline);background:var(--white);color:var(--slate);font:600 11.5px var(--font-body);padding:4px 9px;border-radius:var(--r-chip);cursor:pointer;white-space:nowrap}
.ui-team-fc-approve{color:var(--iris-deep);border-color:var(--iris-pale)}
.ui-team-fc-red{color:var(--red);border-color:var(--bad-tint)}
.ui-team-fc-watch{color:var(--amber-text);border-color:var(--sand)}
.ui-team-fc.ui-on{background:var(--ink);border-color:var(--ink);color:var(--white)}
.ui-team-fc-approve.ui-on{background:var(--iris-deep);border-color:var(--iris-deep)}
.ui-team-fc-red.ui-on{background:var(--red);border-color:var(--red)}
.ui-team-fc-watch.ui-on{background:var(--amber);border-color:var(--amber)}
.ui-team-dg{display:flex;flex-direction:column;gap:6px;padding-top:8px}
.ui-team-dgl{margin-top:14px;margin-bottom:4px}
.ui-team-dg .ui-team-dgl:first-of-type{margin-top:10px}
.ui-team-dgt{display:flex;align-items:baseline;gap:8px;font:400 13px/1.55 var(--font-body);color:var(--slate);padding:2px 0}
.ui-team-dgt .ui-sdot{position:relative;top:-1px}
.ui-team-old summary{cursor:pointer;list-style:none}
.ui-team-old summary::-webkit-details-marker{display:none}
.ui-team-old[open] summary svg{transform:rotate(180deg)}

/* ---------- Check-ins ---------- */
.ui-team-cktop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ui-team-ckks{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;min-width:0}
.ui-team-ck-k{background:var(--white);border:1px solid var(--seg-bg);border-radius:var(--r-card);padding:12px 16px;display:flex;align-items:center;gap:12px;animation:thfade var(--m-fade) ease-out both}
.ui-team-ck-k .ui-sdot{width:10px;height:10px}
.ui-team-ck-k b{display:block;font:800 22px/1 var(--font-display);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ui-team-ck-k span{display:block;font:500 12px var(--font-body);color:var(--muted);margin-top:3px;white-space:nowrap}
.ui-team-ckr{display:flex;gap:12px;padding:9px 18px;border-bottom:1px solid var(--line-faint);align-items:flex-start}
.ui-team-ckr:last-child{border-bottom:0}
.ui-team-ckr:hover{background:var(--row-hover)}
.ui-team-ckm{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ui-team-ckm .ui-row{gap:8px}
.ui-team-ckm .ui-row b{font:600 13px var(--font-body);color:var(--ink);white-space:nowrap}
.ui-team-ckl{font:400 12.5px/1.45 var(--font-body);color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-team-ckl.ui-ink{color:var(--ink)}
.ui-team-ckl>span{color:var(--muted)}
.ui-team-ckl.ui-c-red,.ui-team-ckl>span.ui-c-red{color:var(--red)}
.ui-team-ckl em{font-style:normal;color:var(--iris-text)}
.ui-team-heatwrap{gap:9px}
.ui-team-hm-row{display:grid;grid-template-columns:62px minmax(0,1fr) 38px;gap:10px;align-items:center}
.ui-team-hm-row>span{font:500 12px var(--font-body);color:var(--ink)}
.ui-team-hm-row>b{font:700 12px var(--font-body);text-align:right;font-variant-numeric:tabular-nums}
.ui-team-heat{display:flex;gap:2px}
.ui-team-heat i{flex:1;height:16px;border-radius:2px;background:var(--seg-bg);transform-origin:bottom;animation:thgrow var(--m-grow) ease-out both}
.ui-team-heat i.ui-ok,.ui-team-k-ok{background:var(--ok)}
.ui-team-heat i.ui-warn,.ui-team-k-late{background:var(--warn)}
.ui-team-heat i.ui-bad,.ui-team-k-miss{background:var(--bad)}
.ui-team-heat i.ui-off{background:var(--soft)}
.ui-team-heat i.ui-lv{background:var(--ok-tint)}

/* ---------- Missing hours ---------- */
.ui-team-mh-p{grid-template-columns:minmax(200px,1.2fr) 80px minmax(200px,1.6fr) 170px;min-width:720px}
.ui-team-mh-d{grid-template-columns:minmax(200px,1.2fr) 80px 110px minmax(200px,1.4fr);min-width:660px}
.ui-team-mh-p .ui-acts{justify-content:flex-end;flex-wrap:nowrap}

/* ---------- live view, recordings ---------- */
.ui-team-lv{background:var(--ink);border-radius:var(--r-control);min-height:300px;display:grid;place-items:center;overflow:hidden}
.ui-team-lv img{width:100%;max-height:70vh;object-fit:contain}
.ui-team-lvmsg{color:var(--on-ink-70);font:500 13.5px/1.5 var(--font-body);padding:60px 20px;text-align:center}
.ui-team-recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px}
.ui-team-rec{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--white);cursor:pointer;text-align:left;font-family:var(--font-body)}
.ui-team-rec:hover{border-color:var(--card-hover);background:var(--row-hover)}
.ui-team-rec-del{margin-left:auto;width:28px;height:28px;border-radius:var(--r-chip);border:1px solid var(--hairline);background:var(--white);color:var(--slate);display:grid;place-items:center;cursor:pointer;flex:none;opacity:0;transition:opacity var(--m-quick)}
.ui-team-rec:hover .ui-team-rec-del,.ui-team-rec:focus-within .ui-team-rec-del{opacity:1}
.ui-team-rec-del:hover{color:var(--red);border-color:var(--red-tint)}
@media (hover:none){.ui-team-rec-del{opacity:1}}
.ui-team-rec-pl{width:30px;height:30px;border-radius:50%;background:var(--iris-tint);color:var(--iris);display:grid;place-items:center;flex:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ui-team-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-team-strip>div{border-bottom:1px solid var(--soft)}
  .ui-team-strip>div:last-child{grid-column:span 2;border-bottom:0}
}
@media (max-width:900px){
  .ui-team-hl{position:static}
  .ui-team-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .ui-team-strip>div:last-child{grid-column:span 2}
  .ui-team-strip>div{padding:12px 14px}
  .ui-team-wide{grid-column:auto}
  .ui-team-mstrip>div:last-child{grid-column:span 2}
  .ui-team-hr{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 0}
  .ui-team-hl{flex-direction:row;align-items:baseline;gap:8px}
  .ui-team-hl span{margin:0}
  .ui-team-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .ui-team-shots{padding:0 14px}
  .ui-team-fl{flex-wrap:wrap;padding:11px 14px}
  .ui-team-fl-a{width:100%;justify-content:flex-end}
  .ui-team-sechead .ui-chips{order:5;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .ui-team-who{min-width:0;flex-basis:calc(100% - 100px)}
  .ui-team-mhead .ui-acts{width:100%}
  .ui-team-cktop .ui-acts{width:100%}
  .ui-team-ckks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-team-pg .ui-pagehead-meta{flex-basis:100%}
}