/* Shared technician card appearance: exact homepage card values, scoped to service provider cards only. */
:root{--p:#0B2740;--p2:#14A08E;--card:#fff;--line:#E1E7EC;--muted:#64748B}
.service-provider-grid{font-family:Tahoma,Arial,sans-serif;color:#172033}
.service-provider-grid>.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 7px 22px rgba(0,0,0,.045);min-width:0;max-width:100%;overflow:hidden;margin:0}
.service-provider-grid>.card p{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.service-provider-grid .avatar{width:60px;height:60px;border-radius:50%;background:#E7F4F1;display:grid;place-items:center;font-size:30px;color:var(--p);border:2px solid #d8ece8}
.service-provider-grid .tech-card-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px}
.service-provider-grid .tech-card-info{min-width:0}
.service-provider-grid .tech-card-info h3{margin:0 0 5px;color:#172033;font-size:1.17em}
.service-provider-grid .tech-card-info .muted{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.service-provider-grid .profile-btn{white-space:nowrap;padding:7px 10px;background:var(--p2);color:#fff;border-radius:10px;font-size:13px;margin:0}
.service-provider-grid>.featured-tech{border:2px solid var(--p2);box-shadow:0 0 0 3px rgba(20,160,142,.08)}
.service-provider-grid .featured-badge{display:inline-flex;align-items:center;margin-inline-start:7px;padding:3px 7px;border-radius:999px;background:rgba(20,160,142,.12);color:var(--p2);font-size:.72rem;font-weight:800;vertical-align:middle}
@media(max-width:420px){.service-provider-grid .tech-card-row{grid-template-columns:54px minmax(0,1fr) auto;gap:9px}.service-provider-grid .tech-card-row .avatar{width:54px;height:54px}.service-provider-grid .profile-btn{padding:7px 9px;font-size:12px}}
@media(prefers-color-scheme:dark){.service-provider-grid>.card{background:#181f29;border-color:#303a47}.service-provider-grid{color:#f3f6fa}.service-provider-grid .tech-card-info h3{color:#f3f6fa}.service-provider-grid .tech-card-info .muted{color:#a8b3c2}.service-provider-grid .avatar{background:#173331;border-color:#28514d;color:#d8fffa}.service-provider-grid>.featured-tech{box-shadow:0 0 0 3px rgba(20,160,142,.12)}}