.tz-team-phone-trigger { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; padding:9px 14px; border:1px solid rgba(255,255,255,.5); border-radius:8px; background:transparent; color:#fff; font:inherit; font-size:14px; }
.tz-team-phone-trigger:hover { background:rgba(255,255,255,.14); }
.tz-team-phone-trigger:focus-visible,.tz-team-phone-modal button:focus-visible,.tz-team-phone-modal a:focus-visible { outline:3px solid #155eef; outline-offset:3px; }
.tz-team-phone-modal { position:fixed; inset:0; box-sizing:border-box; width:min(680px,calc(100vw - 32px)); max-height:min(720px,calc(100dvh - 32px)); margin:auto; padding:0; border:0; border-radius:18px; box-shadow:0 24px 80px rgba(0,0,0,.38); color:#172033; background:#fff; }
.tz-team-phone-modal::backdrop { background:rgba(9,24,39,.7); }
.tz-team-phone-modal__content { max-height:inherit; overflow:auto; }
.tz-team-phone-modal__header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:24px 24px 16px; border-bottom:1px solid #e7edf3; }
.tz-team-phone-modal__eyebrow { margin:0 0 3px; color:#e35000; font-size:11px; font-weight:700; letter-spacing:.12em; }
.tz-team-phone-modal h2 { margin:0; color:#172033; font-size:24px; line-height:1.3; }
.tz-team-phone-modal__close { display:grid; width:40px; height:40px; padding:0; border:0; border-radius:50%; place-items:center; background:#f1f5f9; color:#172033; font-size:30px; line-height:1; cursor:pointer; }
.tz-team-phone-modal__close:hover { background:#e2e8f0; }
.tz-team-phone-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:20px 24px 24px; }
.tz-team-phone-card { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; gap:14px; padding:14px; border:1px solid #e3eaf1; border-radius:14px; }
.tz-team-phone-card__photo { width:64px; height:64px; border-radius:50%; object-fit:cover; background:#e8edf2; }
.tz-team-phone-card__photo--fallback { display:grid; place-items:center; background:#003057; color:#fff; font-size:24px; font-weight:700; }
.tz-team-phone-card__label { margin:0 0 1px; color:#64748b; font-size:11px; }
.tz-team-phone-card h3 { margin:0; color:#172033; font-size:17px; line-height:1.35; }
.tz-team-phone-card__realname { margin:2px 0 0; color:#64748b; font-size:13px; }
.tz-team-phone-card__actions { display:flex; grid-column:1 / -1; align-items:center; gap:8px; }
.tz-team-phone-card__phone,.tz-team-phone-card__line { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 10px; border-radius:8px; text-decoration:none; font-size:13px; font-weight:600; }
.tz-team-phone-card__phone { color:#003057; background:#edf7ff; }
.tz-team-phone-card__line { color:#fff; background:#06c755; }
.tz-team-phone-card__phone:hover { background:#dceffd; }
.tz-team-phone-card__line:hover { background:#05af4b; }
@media (max-width:600px) { .tz-team-phone-modal__header { padding:20px 16px 14px; } .tz-team-phone-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; } .tz-team-phone-card { grid-template-columns:minmax(0,1fr); justify-items:center; gap:6px; padding:10px 8px; text-align:center; } .tz-team-phone-card__photo { width:48px; height:48px; } .tz-team-phone-card__details { min-width:0; } .tz-team-phone-card h3 { overflow-wrap:anywhere; font-size:14px; } .tz-team-phone-card__realname { font-size:11px; overflow-wrap:anywhere; } .tz-team-phone-card__actions { width:100%; gap:5px; } .tz-team-phone-card__phone,.tz-team-phone-card__line { flex:1; min-width:0; padding:7px 4px; font-size:11px; } }