/* Team workspace (supervisor / sales manager / area manager / admin). Mobile first, logical properties so RTL needs no overrides. */
.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red,#dc2626);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;margin-inline-start:auto;font-variant-numeric:tabular-nums}
.mobile-nav .nav-item .nav-badge{position:absolute;top:2px;inset-inline-end:calc(50% - 26px);margin:0;min-width:18px;height:18px;line-height:18px;font-size:11px;padding:0 5px}
.team{display:grid;gap:16px}
.team>h2{margin:0}
.team-head{align-items:flex-start}
.team-jump{position:sticky;top:0;z-index:5}
.team-section{margin:0;scroll-margin-top:72px}
.team-section .row{align-items:flex-start}
.team-section h4{margin:14px 0 6px;font-size:13px;display:flex;align-items:center;gap:8px}
.team-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.team-chips .pulse-chip,.team-filters .pulse-chip{min-height:40px;padding:6px 12px}
.pulse-chip.on{border-color:var(--blue,#0e7490);background:color-mix(in srgb,var(--blue,#0e7490) 14%,transparent);font-weight:700}
.team-need-list{display:grid;gap:12px;margin-top:6px}
.team-need{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px;background:var(--surface,transparent)}
.team-need-main{display:grid;gap:4px;min-width:0}
.team-need-main small{display:block;color:var(--muted);overflow-wrap:anywhere}
.team-need-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.team-need-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.team-need-actions .approval-block{flex-basis:100%}
.team-need-support{padding:10px}
.team-need-support .sr-row{border:0;padding:0}
.team-list{list-style:none;margin:0;padding:0;display:grid}
.team-row{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 2px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.team-row-static{cursor:default}
.team-row-main{display:grid;gap:2px;min-width:0;flex:1}
.team-row-main b,.team-row-main small{overflow-wrap:anywhere}
.team-row:hover{background:color-mix(in srgb,var(--blue,#0e7490) 6%,transparent)}
.team-row .tag{flex:none}
.team-tap{cursor:pointer}
.team-tap:focus-visible{outline:3px solid rgba(23,107,135,.38);outline-offset:2px}
.team-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.team-stat{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px;min-width:0}
.team-stat small{color:var(--muted)}
.team-stat b{font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.team-stat .team-money{font-size:15px}
.team-stat .delta{font-size:13px;margin-inline-start:4px}
.team-search{margin:12px 0 0}
.team-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;align-items:end;margin:8px 0}
.team-filters .field{margin:0}
.team-deal-list{display:grid}
.team-deal{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:12px 2px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.team-deal:hover{background:color-mix(in srgb,var(--blue,#0e7490) 6%,transparent)}
.team-deal-main,.team-deal-side{display:grid;gap:3px;min-width:0}
.team-deal-main small,.team-deal-side b{overflow-wrap:anywhere}
.team-deal-side{justify-items:end;text-align:end;flex:none;max-width:46%}
.team-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.team-empty{margin:12px 0 0}
.team-visits{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.team-visits li{border-inline-start:3px solid var(--cyan,#22d3ee);padding-inline-start:10px}
.team-offer{margin:0}
.team-home .home-secondary-actions{margin-top:12px}
.tag.team-nofilter{font-weight:600;opacity:.85}
@media (min-width:720px){
  .team-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
  .team-filters{grid-template-columns:repeat(4,minmax(0,auto))}
  .team-need{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .team-need-support{display:block}
  .team-need-actions{justify-content:flex-end;max-width:260px}
}