/* «Сайт и Telegram» на странице клиентов (v58). Токены — общие с AI Office (styles.css). */
.s58{display:grid;gap:14px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.s58-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.s58-head h2{margin:0;font-size:17px;letter-spacing:-.01em}
.s58-head p{margin:3px 0 0;font-size:12.5px;color:var(--text-3)}
.s58-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.s58-tile{display:grid;gap:6px;align-content:start;min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.s58-tile:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}
.s58-tile:disabled{cursor:default;opacity:.6}
.s58-tile.is-active{border-color:var(--accent-ring);background:var(--accent-soft)}
.s58-tile:focus-visible,.s58-row:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}
.s58-tile-title{font-size:12.5px;font-weight:600;color:var(--text-2)}
.s58-tile strong{font-size:30px;line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s58-tile small{font-size:12px;line-height:1.4;color:var(--text-3)}
.s58-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}
.s58-panel-head{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border);font-size:13px}
.s58-panel-head span{color:var(--text-3);font-variant-numeric:tabular-nums}
.s58-list{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto}
.s58-list li+li{border-top:1px solid var(--border)}
.s58-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 14px;align-items:center;gap:16px;width:100%;padding:12px 16px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.s58-row:hover{background:var(--surface-hover)}
.s58-who{display:grid;gap:3px;min-width:0}
.s58-who b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s58-who small{font-size:12px;color:var(--text-3)}
.s58-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.s58-tag{padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:11px;font-weight:600;white-space:nowrap}
.s58-tag.s58-bad{background:var(--bad-soft);color:var(--bad)}
.s58-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px 14px;min-width:0}
.s58-facts span{display:grid;gap:2px;min-width:0}
.s58-facts small{font-size:11px;color:var(--text-3)}
.s58-facts strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.s58-chev{color:var(--text-3);font-size:18px}
.s58-empty{margin:0;padding:16px;color:var(--text-3);font-size:13px}
@media(max-width:900px){
  .s58{padding:16px}
  .s58-tiles{grid-template-columns:minmax(0,1fr)}
  .s58-tile{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .s58-tile strong{grid-row:1/3;grid-column:2;font-size:26px}
  .s58-row{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
  .s58-facts{grid-column:1/2}
}
@media(max-width:900px){.s58-chev{grid-column:2;grid-row:1/3}}
/* Телефон: номер целиком одной строкой, на всю ширину строки клиента. */
.s58-facts span:first-child strong{white-space:nowrap;overflow-wrap:normal}
@media(max-width:900px){.s58-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.s58-facts span:first-child{grid-column:1/-1}}