/* Production integration forms and actual response states. */
.pixel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pixel-cards>.pixel-measure-card{min-width:0;padding:14px}
.pixel-measure-card>.cloud-card-line{gap:6px;align-items:flex-start}
.pixel-measure-card .cloud-number-title{min-width:0;gap:8px;margin:4px 0 12px}
.pixel-measure-card .cloud-number-title>div{min-width:0}
.pixel-measure-card .cloud-number-title h3{font-size:14px;overflow-wrap:anywhere}
.pixel-measure-card .cloud-logo{width:32px;height:34px;flex:0 0 32px;border-radius:9px}
.pixel-measure-card .icon-btn{width:29px;height:29px;min-width:29px;padding:6px;margin:0}
.pixel-measure-card>.cloud-card-line>div:last-child{display:flex;gap:4px;flex-shrink:0}
.pixel-list>.cloud-card-line>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.capi-card-details{display:grid;gap:10px;margin:10px 0 18px;font-size:12px}
.capi-card-details div{display:grid;gap:3px}
.capi-card-details dt{color:var(--muted,#999ca7);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.capi-card-details dd{margin:0;overflow-wrap:anywhere}
#modal[data-kind=capi-list]{width:min(1260px,calc(100vw - 32px));max-width:1260px;max-height:calc(100dvh - 32px);overflow:auto}
.capi-dataset-row{display:flex;align-items:center;gap:10px;margin:8px 0 16px}
.capi-dataset-row>label{flex:1;min-width:0;margin:0}
.capi-dataset-row input[readonly]{color:#6ddbb6;background:#00aa8010;cursor:default}
.capi-dataset-row button{flex-shrink:0}
body.light .pixel-measure-card{background:#fff;border-color:#dce3e9}
body.light .capi-dataset-row input[readonly]{color:#087b5e;background:#eefaf6}
.chat-load-more{display:block;width:calc(100% - 20px);margin:10px;padding:12px;border:1px solid #00ac9780;border-radius:8px;color:#00ba9c;background:#00ba9c0b;cursor:pointer;font-size:12px}
.chat-load-status{font-size:11px;line-height:1.5;padding:10px 12px;color:var(--muted,#96a5b1)}
.chat-skeleton-list{display:grid;gap:10px;padding:14px}
.chat-skeleton{height:57px;border-radius:9px;background:linear-gradient(100deg,#92969f12 20%,#92969f30 45%,#92969f12 65%);background-size:200% 100%;animation:aria-loading 1.4s linear infinite}
.chat-message-skeleton{display:flex;flex-direction:column;gap:18px;padding:18px;width:100%}
.chat-message-skeleton .chat-skeleton{width:40%;height:70px}
.chat-message-skeleton .chat-skeleton:nth-child(2){align-self:flex-end;width:60%;height:130px}
@keyframes aria-loading{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.chat-skeleton{animation:none}}
.chat-payment-amount{grid-template-columns:minmax(0,1fr) 90px}
.chat-payment-amount>label{min-width:0;display:grid;gap:4px;font-size:10px}
.chat-payment-amount input{width:100%;min-width:0}
.chat-payment-form input,.chat-payment-form select{color:inherit}
.sale-server-note{font-size:10px;line-height:1.5;color:var(--muted,#98a8b4);margin:10px 0 0}
.chat-payment-card dd{overflow-wrap:anywhere}
.chat-payment-card footer button{cursor:pointer}
.audio-draft{padding:20px;display:grid;gap:14px}
.audio-draft audio{width:100%;max-width:100%}
.audio-draft #audio-clock{font-variant-numeric:tabular-nums;font-size:19px;color:#00bfa3}
#modal[data-kind=sale-confirm] .modal-description{font-size:16px;line-height:1.6;padding:10px 20px}
#modal[data-kind=sale-confirm] .form-error{padding:0 20px}

/* Connection references: green seasonal strip, cyan controls and lime QR action. */
body[data-route=conexiones] .christmas-bonus{min-height:108px;padding:16px 18px;margin-bottom:14px;background:linear-gradient(110deg,#228656,#0a4936 58%,#08412f);border-color:#1e925d;box-shadow:0 3px #0a402d}
body[data-route=conexiones] .christmas-bonus:before{background:repeating-linear-gradient(135deg,#e23748 0 10px,#f4eee2 10px 20px,#219660 20px 30px,#f4eee2 30px 40px)}
body[data-route=conexiones] .bonus-action .btn{background:#c7253b;border-color:#d64051;box-shadow:0 3px #951f30;color:#fff}
body[data-route=conexiones] .reference-connection-actions .reference-cyan{background:#18afe9;border-color:#5acaff;box-shadow:inset 0 1px #ffffff20,0 4px #1185b4}
body[data-route=conexiones] .reference-connection-actions .reference-lime{background:#59c800;border-color:#82e344;box-shadow:inset 0 1px #ffffff20,0 4px #3c9200;color:#fff}
body[data-route=conexiones] .reference-connection-actions .btn{min-height:36px;padding:8px 13px;border-radius:10px;font-size:11px}
body[data-route=conexiones] .connection-summary{gap:6px;padding:4px 8px 5px 5px;min-height:31px;border-width:1px;border-radius:8px;margin:0 0 8px}
body[data-route=conexiones] .connection-summary-icon{width:21px;height:21px;flex-basis:21px;border-radius:6px;border-top-width:2px;box-shadow:inset 0 -2px #48af00,0 2px #3a9400}
body[data-route=conexiones] .connection-summary-icon>span{width:13px;height:13px}
body[data-route=conexiones] .connection-summary-icon .icon{width:11px;height:11px}
body[data-route=conexiones] .connection-summary-label{font-size:10px;line-height:1.3}
body[data-route=conexiones] .connection-summary-label strong{font-size:13px}

/* WhatsApp dark bubbles and controls from the latest references. */
body:not(.light)[data-route=chat] .support-bubble.received{background:#202e36!important;color:#e7edf0!important;border:0!important}
body:not(.light)[data-route=chat] .support-bubble.sent{background:#00614f!important;color:#e7f4ef!important;border:0!important}
body:not(.light)[data-route=chat] .support-bubble{border-radius:15px;padding:9px 12px;box-shadow:0 1px 2px #0003}
.message-author{display:flex;align-items:center;gap:6px;margin:0 0 4px;color:#58c5e1;font-size:11px;font-weight:700;line-height:1.2}
.message-author i{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
.sent .message-author{color:#63d6b6}
body:not(.light)[data-route=chat] .message-meta time{color:#8dabba;opacity:1}
body:not(.light)[data-route=chat] .support-conversation-actions [data-action=block-chat]{background:#242f35;color:#a4acb0;border:0;border-radius:10px}
body:not(.light)[data-route=chat] .support-conversation-actions .flow-off{background:#45292c;color:#9e7f81;border:0;border-radius:10px}
body.light .message-author{color:#2585a1}body.light .sent .message-author{color:#168e6d}
@media(max-width:1100px){.pixel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pixel-cards{grid-template-columns:minmax(0,1fr)}.capi-dataset-row{align-items:stretch;flex-direction:column}.pixel-list{padding:12px}.pixel-list>.cloud-card-line{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){
 body[data-route=chat][data-mobile-chat-open=true] #record-message:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%}
 body[data-route=chat][data-mobile-chat-open=true] #send-message[hidden],body[data-route=chat][data-mobile-chat-open=true] #record-message[hidden]{display:none!important}
 body[data-route=conexiones] .christmas-bonus{height:auto;min-height:108px}
}

/* CAPI opens directly; only persisted integrations occupy this section. */
.pixel-list{padding:16px 0 0;gap:12px}
.pixel-section-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pixel-section-heading>.cloud-logo{width:27px;height:27px;flex:0 0 27px;border-radius:8px}
.pixel-section-heading h3{font-size:14px;margin:0}
.pixel-section-heading p{font-size:12px;color:var(--muted,#a2a4ad);margin:0;line-height:1.5}
.pixel-measure-card .cloud-number-title small{text-transform:uppercase;font-size:10px;letter-spacing:.04em}
.pixel-measure-card .pixel-payments{background:#ffffff03;border-radius:9px;margin-top:7px;padding:8px 6px 6px}
.pixel-measure-card .pixel-payments>.cloud-card-line{padding:0 3px 4px;font-size:12px}
.pixel-measure-card .pixel-stat{padding:8px 9px;border-radius:8px;gap:8px}
.pixel-measure-card .pixel-stat strong{font-size:12px}
.pixel-measure-card .pixel-stat small{font-size:11px;line-height:1.4}
.pixel-measure-card .pixel-stat b{font-size:20px}
.pixel-measure-card .pixel-status.configured{background:#58cc0216;color:#67c92c;font-size:11px;font-weight:700;padding:7px 9px}
.pixel-card-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px;color:#a5a6af;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.pixel-card-footer>span:first-child{display:flex;align-items:center;gap:5px;min-width:0}
.pixel-card-footer .icon{width:13px;height:13px;flex:0 0 13px}
.capi-account-error{margin:10px 0;color:#ef999f;font-size:13px;line-height:1.5}
.capi-account-fixed{display:grid;gap:5px;margin:20px 0 24px}
.capi-account-fixed>span{font-size:13px;color:var(--muted,#a3a4af)}
.capi-account-fixed>strong{font-size:16px;font-weight:600}
#capi-form .capi-dataset-row{padding:18px;border:1px solid #4a4650;border-radius:13px;margin:22px 0 26px}
#capi-form .capi-dataset-row .floating-field input{background:transparent;border:0;box-shadow:none;color:#64cb54;padding-inline:0}
#capi-form .capi-dataset-row .floating-field>span{position:static;display:block;margin-bottom:7px;padding:0;background:none;color:inherit;font-weight:650;font-size:14px}
#capi-form .capi-dataset-row button{color:#289cff;border:1px solid #315984;background:transparent;box-shadow:none;border-radius:16px;padding:7px 12px}
.capi-event-permissions{padding:20px;border:1px solid #4a4650;border-radius:13px;margin:14px 0 24px}
.capi-event-permissions h4{margin:0 0 16px;font-size:14px}
.capi-event-permissions .check-field{font-size:13px;line-height:1.5;align-items:center}
.capi-token-help{font-size:12px;color:var(--muted,#a6a3ae);line-height:1.6;margin:12px 0 0}
.capi-event-permissions .floating-field{margin-top:20px}
.service-capi-error{font-size:12px!important;color:#ee9fa5!important;line-height:1.5;margin-top:10px!important}
body.light .capi-account-error,body.light .service-capi-error{color:#b33142!important}
body.light #capi-form :is(.capi-dataset-row,.capi-event-permissions){border-color:#dce2e9}
body.light #capi-form .capi-dataset-row .floating-field input{color:#28863a}
body.light .pixel-card-footer{color:#697684}
@media(max-width:600px){.pixel-section-heading p{flex-basis:100%;margin-left:35px}.capi-event-permissions{padding:15px}#capi-form .capi-dataset-row{padding:15px}}