.integration-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.integration-card{display:flex;flex-direction:column;gap:12px;padding:18px!important}
.integration-card-head{align-items:flex-start!important}
.integration-identity{min-width:0}
.integration-identity small{margin-top:4px;color:#aabfc4!important;font-size:.78rem!important}
.integration-state{display:inline-flex!important;align-items:center;gap:7px;border:1px solid currentColor;border-radius:999px;padding:7px 10px!important;font-size:.75rem!important;font-weight:850}
.integration-state--ready{color:#83e4aa;background:rgba(34,197,94,.12)}
.integration-state--attention{color:#ffd06f;background:rgba(245,158,11,.12)}
.integration-state--unavailable{color:#ff9292;background:rgba(239,68,68,.12)}
.integration-state--ready .service-robot-light{background:#22c55e}
.integration-state--attention .service-robot-light{background:#f59e0b}
.integration-state--unavailable .service-robot-light{background:#ef4444}
.integration-user-message{min-height:2.6em;margin:0;color:#e3edef;font-weight:720;line-height:1.4}
.integration-glance{display:grid;grid-template-columns:1.4fr .8fr;gap:9px}
.integration-glance>div{padding:11px;border:1px solid rgba(154,190,198,.16);border-radius:12px;background:rgba(10,27,34,.42)}
.integration-glance span,.integration-glance strong{display:block}
.integration-glance span{color:#9fb4b9;font-size:.69rem;letter-spacing:.04em;text-transform:uppercase}
.integration-glance strong{margin-top:4px;color:#eef7f8;font-size:.88rem}
.integration-user-alert{margin:0;padding:10px 12px;border-left:3px solid #f59e0b;border-radius:8px;background:rgba(245,158,11,.09);color:#f6d897;font-size:.8rem}
.integration-actions--primary{border-top:0!important;padding-top:0!important}
.integration-actions--primary button:first-child{border-color:rgba(120,213,234,.44)}
.integration-more{border-top:1px solid rgba(148,184,192,.16);padding-top:10px}
.integration-more>summary{color:#bcd0d4;font-size:.8rem;font-weight:800;cursor:pointer;list-style:none}
.integration-more>summary::-webkit-details-marker{display:none}
.integration-more>summary:after{content:'＋';float:right;color:#81d3e6}
.integration-more[open]>summary:after{content:'−'}
.integration-more .integration-details{margin-top:12px}
.integration-more .integration-error{margin:10px 0}
@media(max-width:700px){.integration-glance{grid-template-columns:1fr}}