/* The visual card shown inside a WhatsApp / SHA form ticket */

/* chips used on the page and in the ticket */
.sha-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font:600 12.5px var(--font-body);color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent);text-decoration:none;border:1px solid transparent}
a.sha-chip:hover{border-color:var(--brand-1,var(--teal));text-decoration:none}
.sha-chip-fac{background:color-mix(in srgb,var(--brand-1,var(--teal)) 13%,transparent);color:var(--brand-deep,var(--teal-deep))}
.sha-chip-soft{color:var(--ink-soft);font-family:var(--font-mono);font-weight:500}
.sha-chip-wa{background:#16a34a1f;color:#15803d}
.sha-level{display:inline-block;padding:3px 11px;border-radius:20px;font:700 12px var(--font-body);background:#7c3aed1f;color:#6d28d9}
.sha-link{color:var(--brand-deep,var(--teal-deep));font-weight:600;overflow-wrap:anywhere}

/* the card inside a ticket (replaces the plain "Reporter: ... Facility: ..." text) */
.tk-desc.is-structured{white-space:normal;max-height:none;overflow:visible;margin-top:12px}
.sha-card{display:grid;gap:12px}
.sha-facility{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--brand-1,var(--teal)) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-1,var(--teal)) 22%,transparent)}
.sha-fac-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:21px;background:var(--paper-raised);box-shadow:0 2px 6px rgba(15,30,40,.1)}
.sha-facility>div{flex:1;min-width:0}
.sha-facility b{display:block;font-size:15.5px;line-height:1.3}
.sha-facility small{display:block;margin-top:2px;color:var(--ink-soft);font:500 12px var(--font-mono)}
.sha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}
.sha-tile{padding:11px 13px;border-radius:12px;background:var(--paper-raised);border:1px solid var(--line-soft);display:flex;flex-direction:column;gap:5px;min-width:0}
.sha-tile b{font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.sha-tile small{color:var(--ink-soft);font-size:12.5px}
.sha-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}

@media (max-width:560px){
  .sha-grid{grid-template-columns:1fr}
}