/* CaseZero 5.24: ServiceNow is configured and verified inside its connector. */
.cz-sn-connector-hero {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:19px 21px;margin-bottom:16px;border:1px solid var(--border,#d5dee9);border-radius:16px;background:var(--surface,#fff);}
.cz-sn-connector-hero h2 {font-size:1.14rem;line-height:1.25;margin:5px 0 6px;}
.cz-sn-connector-hero p {font-size:.91rem;margin:0;max-width:690px;}
.cz-sn-connector-hero .connection-actions {display:flex;flex-wrap:wrap;flex-shrink:0;gap:8px;}
.cz-sn-connector-card {border-radius:15px;}
.cz-sn-connector-card .connection-actions {gap:8px;flex-wrap:wrap;}
.cz-sn-connector-card .connection-meta {margin:12px 0;}
.cz-sn-guide-note {background:var(--surface-subtle,#f5f8fc);border:1px solid var(--border,#d5dee9);border-radius:12px;padding:13px 15px;margin:15px 0;}
.cz-sn-guide-note p {margin:4px 0 0;}
.cz-sn-connector-automation {margin-top:18px;padding:16px;border:1px solid var(--border,#d5dee9);border-radius:13px;background:var(--surface,#fff);}
.cz-sn-connector-automation h3 {font-size:1rem;margin:4px 0 7px;}
.cz-sn-connector-automation p {margin:0 0 12px;font-size:.9rem;}
.cz-snow-guide .cz-snow-setup-steps > li {padding:12px 0;}
.cz-snow-guide .cz-snow-setup-steps p {line-height:1.55;}
@media(max-width:720px){.cz-sn-connector-hero{flex-direction:column;align-items:stretch;padding:15px}.cz-sn-connector-hero .connection-actions>*{flex:1}.cz-sn-connector-card .connection-actions .btn{flex:1 1 145px}.cz-sn-connector-automation .connection-actions .btn{width:100%}}

/* TrustShield guided pairing is readable and touch-friendly across viewports. */
.cz-sn-pair-result{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#fff);border-radius:12px;min-width:0}
.cz-sn-pair-result p{flex-basis:100%;margin:0;font-size:12px}
.cz-sn-pair-result code{font-size:16px;font-weight:700;letter-spacing:.6px;overflow-wrap:anywhere;user-select:all}
.cz-sn-pair-result .btn{margin-left:auto}
.cz-teams-boundary{flex-basis:100%;padding:10px 12px;background:var(--surface-secondary,#f0f4f8);border:1px solid var(--border,#cbd5e1);border-radius:10px;font-size:12px;line-height:1.5}
.cz-teams-boundary p{margin:5px 0 0;color:var(--text-secondary,#52657d);font-size:12px}
@media(max-width:650px){.cz-sn-pair-result .btn{margin-left:0;width:100%}}