
/* v1.3: hidden must always win over component display rules.
   Without this, .src-approved{display:flex} and .src-waiting{display:grid}
   can remain visible even when the element has the hidden attribute. */
.src-wrap [hidden]{display:none !important;}

.src-wrap{max-width:920px;margin:38px auto;padding:0 18px;font-family:Arial,Helvetica,sans-serif;color:#20242a}.src-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:22px}.src-brand{font-size:12px;font-weight:800;letter-spacing:.15em;color:#606975}.src-head h1{font-size:38px;margin:4px 0 6px}.src-head p{font-size:18px;color:#626b76;margin:0}.src-agent-badge{font-size:13px;font-weight:800;background:#e8f6ec;color:#226634;padding:10px 12px;border-radius:999px;white-space:nowrap}.src-chat{background:#fff;border:1px solid #e2e5e9;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;max-height:540px;overflow:auto;box-shadow:0 12px 34px rgba(0,0,0,.05)}.src-msg{max-width:78%;padding:14px 16px;border-radius:16px;line-height:1.5;white-space:pre-wrap}.src-agent{align-self:flex-start;background:#f2f4f7;border-bottom-left-radius:5px}.src-user{align-self:flex-end;background:#20242a;color:#fff;border-bottom-right-radius:5px}.src-waiting{margin-top:12px;border:1px solid #dfe4e8;background:#f7f9fa;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:14px 1fr;column-gap:10px}.src-waiting small{grid-column:2;color:#6a737e;margin-top:3px}.src-dot{width:10px;height:10px;border-radius:50%;background:#238636;margin-top:4px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.src-panel{margin-top:18px;background:#fff;border:1px solid #e2e5e9;border-radius:16px;padding:20px}.src-panel label{display:block;font-weight:800;margin:12px 0 7px}.src-optional{font-weight:400;color:#6b7280;font-size:12px}.src-panel input,.src-panel textarea{width:100%;box-sizing:border-box;border:1px solid #cdd3da;border-radius:10px;padding:13px 14px;font-size:16px}.src-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.src-summary{display:flex;justify-content:space-between;gap:16px;background:#f7f8fa;border-radius:12px;padding:15px;margin-bottom:14px}.src-summary span{display:block;font-size:12px;color:#6b7480;text-transform:uppercase;font-weight:800}.src-summary strong{font-size:22px}.src-paths{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}.src-choice,.src-primary,.src-pay{border:0;border-radius:10px;padding:13px 16px;font-weight:800;font-size:15px;cursor:pointer}.src-choice{background:#f5f6f8;border:1px solid #dfe3e7}.src-primary{background:#20242a;color:#fff}.src-pay{background:#1f6d3b;color:#fff}.src-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.src-status{font-weight:800;margin-top:12px}.src-error{color:#a61b1b;font-weight:800;margin-top:10px}.src-disclosure{font-size:11px;color:#68717c;line-height:1.45;margin-top:20px;padding:14px 2px}@media(max-width:680px){.src-head{display:block}.src-agent-badge{display:inline-block;margin-top:12px}.src-head h1{font-size:31px}.src-grid{grid-template-columns:1fr}.src-summary{display:block}.src-summary>div+div{margin-top:10px}.src-msg{max-width:92%}.src-choice,.src-primary,.src-pay{width:100%}}.src-approved{margin-top:12px;border:1px solid #b9dfc1;background:#edf8ef;border-radius:14px;padding:15px 17px;display:flex;flex-direction:column;gap:4px}.src-approved strong{color:#1f6d3b;font-size:16px}.src-approved span{color:#34413a}
#src-accept-counter{margin-top:0}

.src-fallback{margin-top:16px;border:1px solid #d9dee5;background:#fff;border-radius:14px;padding:18px}
.src-fallback h3{margin:0 0 6px;font-size:19px}
.src-fallback p{margin:0 0 12px;color:#59616c}
.src-sms-consent{display:flex !important;gap:10px;align-items:flex-start;margin:14px 0 !important;font-weight:400 !important;line-height:1.45}
.src-sms-consent input{width:auto !important;margin-top:4px}
.src-sms-consent span{font-size:13px;color:#4b5563}
