/* Equipo: compact cards and direct controls, inspired by the 3CX people view. */
#view-team .team-directory{background:transparent;border:0;box-shadow:none;overflow:visible}
#view-team .team-directory-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 0 14px;border-bottom:1px solid #dce1e6}
#view-team .team-search-box{flex:1 1 300px;display:flex;align-items:center;position:relative;min-width:180px}
#view-team .team-search-box>span{position:absolute;left:14px;width:19px;height:19px;color:#697581;pointer-events:none}
#view-team #team-search{width:100%;max-width:none;min-width:0;margin:0;min-height:44px;padding:10px 40px;background:#fff;border:1px solid #d7dde3;border-radius:7px;font-size:16px}
#view-team #team-search-clear{position:absolute;right:0;width:40px;height:44px;min-height:44px;font-size:22px;color:#62707c}
#view-team .team-directory-toolbar select{width:auto;max-width:230px;margin:0;padding:10px 32px 10px 12px;font-size:15px;min-height:44px;border:1px solid #d7dde3;border-radius:7px;background:#fff;color:#303943}
#view-team .team-directory-toolbar>button{width:auto;min-height:44px;min-width:44px;padding:9px 12px;font-size:15px;border:1px solid #d7dde3;border-radius:7px;background:#fff;color:#303943;display:inline-flex;align-items:center;justify-content:center;gap:7px}
#view-team .team-directory-toolbar svg{width:19px;height:19px}
#view-team #team-only-favorites[aria-pressed=true]{background:#202428;color:#fff;border-color:#202428}
#view-team .team-view-switch{display:flex;border:1px solid #d7dde3;border-radius:7px;overflow:hidden;background:#fff;flex:none}
#view-team .team-view-switch button{width:44px;height:42px;min-height:42px;padding:10px;border:0;border-left:1px solid #d7dde3;background:transparent;color:#56616d}
#view-team .team-view-switch button:first-child{border-left:0}
#view-team .team-view-switch button[aria-pressed=true]{background:#202428;color:#fff}
#view-team .team-directory-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:#586674;font-size:14px}
#view-team #team-device-note{margin:0;padding:0;font-size:14px;line-height:1.4}
#view-team #team-count{flex:none;margin:0;font-weight:600;font-size:14px}
#view-team #team-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;padding:0;align-items:stretch}
#view-team .team-person{position:relative;min-width:0;min-height:170px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #dce1e7;border-radius:8px;padding:14px 10px 10px;transition:box-shadow .15s,border-color .15s}
#view-team .team-person:hover{border-color:#a8bacb;box-shadow:0 2px 8px #2132430c}
#view-team .team-person.is-self{background:#f7f9fc;border-color:#c9d4df}
#view-team .team-person-details{position:absolute;top:2px;right:2px;width:36px;height:32px;min-height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#5a6775;font-size:24px;line-height:1;letter-spacing:1px}
#view-team .team-person-details:hover{background:#edf2f7;color:#1c2936}
#view-team .team-person-avatar{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#e4e9f0;color:#4d5d70;font-weight:600;font-size:16px;margin-bottom:10px}
#view-team .status-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid white;margin:0}
#view-team .team-person-identity{display:flex;align-items:baseline;gap:6px;max-width:100%;width:100%;justify-content:center;min-width:0}
#view-team .team-person h3{font-size:16px;font-weight:550;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0;color:#202830}
#view-team .team-person-dn{font-size:14px;flex:none;font-weight:600;color:#44566b;font-variant-numeric:tabular-nums}
#view-team .team-person-status{font-size:14px;line-height:1.4;margin:4px 0 9px;color:#586674;text-align:center}
#view-team .team-person-status.busy,#view-team .team-person-status.dnd{color:#a13648}
#view-team .team-person-status.offline,#view-team .team-person-status.unknown{color:#68737f}
#view-team .team-person-department{display:none}
#view-team .team-person-actions{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;min-height:36px}
#view-team .team-person-actions button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:7px;border:1px solid #d7dfe6;border-radius:6px;background:#fff;color:#354757}
#view-team .team-person-actions button:hover:not(:disabled){background:#edf3f9;border-color:#7b99b8;color:#173f67}
#view-team .team-person-actions button:disabled{opacity:.4;cursor:not-allowed}
#view-team .team-person-actions svg{width:19px;height:19px}
#view-team .team-person-actions .saved{background:#edf3fc;color:#245b99;border-color:#a1b9d6}
#view-team .team-person-actions .saved svg{fill:#d7e5f8}
#view-team .team-self-label{font-size:14px;color:#4e6279;background:#e8eef5;padding:6px 10px;border-radius:6px}
#view-team .team-presence-note{padding:14px 0;margin:0;font-size:14px;color:#65727e;line-height:1.5}
#view-team .team-empty{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:50px 20px;border:1px dashed #c4d0db;border-radius:8px;background:#fff;text-align:center;font-size:17px}
#view-team .team-empty .secondary{width:auto;min-height:44px;font-size:16px}
#view-team #team-full[data-layout=comfortable]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
#view-team [data-layout=comfortable] .team-person{min-height:205px;padding:20px 15px 14px}
#view-team [data-layout=comfortable] .team-person-avatar{width:52px;height:52px;font-size:19px}
#view-team [data-layout=comfortable] .team-person h3{white-space:normal;text-align:center;font-size:18px}
#view-team [data-layout=comfortable] .team-person-identity{flex-direction:column;align-items:center;gap:3px}
#view-team [data-layout=comfortable] .team-person-department{display:block;font-size:14px;color:#667482;text-align:center;overflow-wrap:anywhere;margin:0 0 12px}
#view-team #team-full[data-layout=list]{grid-template-columns:minmax(0,1fr);gap:8px}
#view-team [data-layout=list] .team-person{display:grid;grid-template-columns:44px minmax(0,1fr) 145px 122px 36px;gap:6px 16px;min-height:76px;padding:12px 14px;align-items:center}
#view-team [data-layout=list] .team-person-avatar{grid-column:1;grid-row:1/3;margin:0}
#view-team [data-layout=list] .team-person-identity{grid-column:2;grid-row:1;justify-content:flex-start}
#view-team [data-layout=list] .team-person h3{font-size:17px}
#view-team [data-layout=list] .team-person-department{display:block;grid-column:2;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;color:#65727e}
#view-team [data-layout=list] .team-person-status{grid-column:3;grid-row:1/3;margin:0;text-align:left}
#view-team [data-layout=list] .team-person-actions{grid-column:4;grid-row:1/3;margin:0}
#view-team [data-layout=list] .team-person-details{position:static;grid-column:5;grid-row:1/3}
.team-person-sheet .team-sheet-identity{display:flex;align-items:center;gap:16px;margin:5px 0 22px}.team-sheet-avatar{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;background:#e8edf4;color:#4b5f76;font-size:24px}.team-person-sheet dl{margin:0}.team-person-sheet dl>div{padding:14px 0;border-top:1px solid var(--line)}.team-person-sheet dt{font-size:14px;color:#607080;margin-bottom:6px}.team-person-sheet dd{margin:0;font-size:17px;overflow-wrap:anywhere}.team-person-sheet .button-row button{min-height:46px;justify-content:center}.team-person-sheet h3{font-size:22px;overflow-wrap:anywhere}.team-person-sheet .team-sheet-identity p{margin:6px 0 0}
@media(max-width:1100px){#view-team .team-directory-toolbar select{max-width:210px;flex:1 1 170px}#view-team .team-search-box{flex-basis:100%}#view-team .team-directory-meta{align-items:flex-start}#view-team [data-layout=list] .team-person{grid-template-columns:44px minmax(0,1fr) 120px 122px 36px;gap:6px 10px}}
@media(max-width:699px){
  #view-team .team-directory-toolbar{gap:8px}#view-team .team-search-box{min-width:0}#view-team .team-directory-toolbar select{flex:1 1 calc(50% - 4px);max-width:none;min-width:0;font-size:16px;width:0;padding-left:8px}#view-team .team-directory-toolbar>button{font-size:15px}#view-team #team-only-favorites{flex:1}.team-directory-toolbar #team-refresh{padding:9px}
  #view-team .team-view-switch{margin-left:auto}#view-team .team-directory-meta{flex-direction:column;gap:6px}#view-team #team-device-note{font-size:14px}#view-team #team-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#view-team .team-person{padding:14px 8px 10px;min-height:192px}#view-team .team-person-identity{flex-direction:column;align-items:center;gap:3px}#view-team .team-person h3{width:100%;font-size:16px;text-align:center}#view-team .team-person-details{min-width:36px;min-height:36px}#view-team .team-person-actions{gap:5px}#view-team .team-person-actions button{width:36px;height:44px;min-height:44px;padding:7px}#view-team .team-self-label{font-size:13px}
  #view-team #team-full[data-layout=comfortable]{grid-template-columns:minmax(0,1fr)}#view-team [data-layout=comfortable] .team-person{min-height:210px}#view-team [data-layout=comfortable] .team-person-actions button{width:44px}
  #view-team [data-layout=list] .team-person{grid-template-columns:40px minmax(0,1fr) 36px;gap:6px 10px;padding:12px;min-height:138px}#view-team [data-layout=list] .team-person-avatar{width:40px;height:40px;grid-row:1/3}#view-team [data-layout=list] .team-person-identity{grid-column:2;grid-row:1;flex-direction:row;justify-content:flex-start;align-items:baseline}#view-team [data-layout=list] .team-person h3{text-align:left;font-size:16px}#view-team [data-layout=list] .team-person-status{grid-column:2;grid-row:2;text-align:left;font-size:14px}#view-team [data-layout=list] .team-person-department{grid-column:1/-1;grid-row:3}#view-team [data-layout=list] .team-person-actions{grid-column:2;grid-row:4;justify-content:flex-start}#view-team [data-layout=list] .team-person-actions button{width:44px}#view-team [data-layout=list] .team-person-details{grid-column:3;grid-row:1/3}.team-person-sheet .button-row{flex-direction:column}.team-person-sheet .button-row button{width:100%}
}
@media(max-width:359px){#view-team #team-full{grid-template-columns:minmax(0,1fr)}#view-team .team-person{min-height:180px}#view-team .team-person-actions button{width:44px}#view-team .team-person h3{white-space:normal}#view-team .team-directory-toolbar>button{flex:1}#view-team .team-view-switch{margin:0}#view-team .team-directory-toolbar{justify-content:space-between}}
@media(pointer:coarse) and (min-width:700px){#view-team #team-full:not([data-layout=list]){grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}#view-team .team-person-actions button{width:44px;height:44px;min-height:44px}#view-team .team-person-details{width:44px;height:44px;min-height:44px}#view-team [data-layout=list] .team-person{grid-template-columns:44px minmax(0,1fr) 120px 146px 44px}}
@media(prefers-reduced-motion:reduce){#view-team .team-person{transition:none}}