#citizenSupportRoot{width:min(100%,760px);margin:0 auto;padding:12px 12px 86px;box-sizing:border-box}
.cs-card{background:var(--surface,#fff);border:1px solid var(--border,#dce7e1);border-radius:16px;padding:17px;margin:0 0 13px;box-shadow:0 2px 9px #00000008}
.cs-card h2,.cs-card h3{margin:0 0 8px;color:var(--text,#172821)}.cs-card p{line-height:1.5;margin:6px 0 12px}.cs-muted{font-size:13px;color:var(--muted,#65766d)}
.cs-tools{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}.cs-tools>*{min-height:42px}.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cs-option{display:block;padding:12px;border:1px solid var(--border,#dce7e1);border-radius:12px;font-weight:650}
.cs-form{display:grid;gap:12px}.cs-form label{display:grid;gap:5px;font-weight:650;font-size:14px}.cs-form :is(input,select,textarea){font:inherit;width:100%;max-width:100%;min-height:44px;border:1px solid var(--border,#becdc4);border-radius:9px;background:var(--surface,#fff);color:var(--text,#172821);padding:10px;box-sizing:border-box}.cs-form textarea{min-height:110px;resize:vertical}
.cs-form .cs-check{display:flex;gap:9px;align-items:start;font-weight:400}.cs-form .cs-check input{width:18px;min-height:18px;height:18px;margin-top:3px;flex:none}
.cs-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cs-thread{display:grid;gap:10px}.cs-bubble{padding:13px;border:1px solid var(--border,#e4e8e5);background:var(--surface-2,#f3f6f4);border-radius:14px;max-width:95%;overflow-wrap:anywhere;white-space:pre-wrap}.cs-bubble.mine{margin-left:auto;background:var(--brand-soft,#e7f4ec)}.cs-bubble strong{display:block;font-size:12px}.cs-bubble small{display:block;font-size:11px;color:var(--muted,#65766d);margin-top:6px}
.cs-ticket{width:100%;text-align:left;display:block;padding:14px;border:1px solid var(--border,#dce7e1);border-radius:11px;background:var(--surface,#fff);color:inherit;font:inherit;cursor:pointer;margin:8px 0}
.cs-ticket strong{display:block}.cs-ticket small{display:block;color:var(--muted,#65766d);margin-top:5px}
.cs-status{display:inline-flex;border:1px solid var(--border,#dce7e1);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}
.cs-result{font-size:13px;min-height:18px}.cs-error{color:#a11e31}.cs-success{color:#147a43}
.cs-attachment{display:block;margin:8px 0;max-width:100%;text-align:left}.cs-attachment img{max-width:100%;height:auto;border-radius:9px}.cs-attachment audio{max-width:100%;width:280px}
.cs-check{display:flex;gap:9px;align-items:flex-start;font-size:14px}.cs-check input{flex:none;width:18px;height:18px;margin-top:3px}.cs-master [data-file-preview] img{max-width:100%;height:auto;border-radius:10px}.cs-master [data-file-preview] audio{max-width:100%}
.cs-small-link{display:flex;gap:9px;align-items:center;padding:12px 14px;border:1px solid var(--border,#dce7e1);border-radius:12px;background:var(--surface,#fff);color:var(--text,#172821);text-decoration:none;font-weight:650;font-size:14px;margin:12px 0}
.cs-small-link:hover{border-color:var(--brand,#187450)}.cs-small-link small{font-weight:400;color:var(--muted,#65766d)}
.cs-record{border:1px solid var(--border,#dce7e1);padding:10px;border-radius:12px}.cs-record button{min-height:42px}
@media(max-width:480px){#citizenSupportRoot{padding:8px 8px 82px}.cs-card{padding:14px}.cs-grid{grid-template-columns:1fr}.cs-row{align-items:flex-start;flex-wrap:wrap}}

.cs-vanti-card{padding:12px}
.cs-vanti-head{padding:4px 4px 10px}
.cs-vanti-badge{display:inline-flex;border-radius:999px;padding:4px 9px;background:var(--brand-soft,#e7f4ec);color:var(--brand,#187450);font-size:11px;font-weight:800;letter-spacing:.08em}
.cs-manual-support{border-style:dashed}
@media(max-width:480px){.cs-vanti-card{padding:12px}.cs-vanti-link{width:100%;box-sizing:border-box;text-align:center}}

/* Mi Plaza: sustituye el antiguo tutorial por el acceso de Ayuda usado en Avisos. */
.business-role-hub>.cs-mi-plaza-help{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 gap:4px;width:100%;min-height:66px;margin:15px 0 24px;padding:13px 16px;
 border:1px solid color-mix(in srgb,var(--brand,#0d6b43) 35%,var(--border,#dce7e1));
 border-radius:15px;background:color-mix(in srgb,var(--brand-soft,#e7f4ec) 47%,#fff);
 box-sizing:border-box;overflow-wrap:anywhere;
}
.business-role-hub>.cs-mi-plaza-help strong{color:var(--brand,#0d6b43);font-size:16px;font-weight:850;line-height:1.25}
.business-role-hub>.cs-mi-plaza-help small{display:block;max-width:100%;font-size:12px;line-height:1.4}
.business-role-hub>.cs-mi-plaza-help:focus-visible{outline:3px solid #d4a62a;outline-offset:2px}