.integration-button{margin-left:15px;border:1px solid #c5ddd5;color:#27796c;background:#edf7f2;padding:9px 12px;font-size:10px;border-radius:6px}.integration-panel{margin:0 36px 27px;background:#fff;border:1px solid #dce9e4;border-radius:12px;padding:24px}.integration-panel h3{font-size:12px;color:#4b756c;margin-top:25px}.deployment-evidence{margin-top:14px;color:#6b8b82;font-size:11px;line-height:1.9;white-space:pre-wrap}.component-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.component-card{background:#f3f8f6;border:1px solid #dceae3;padding:15px;border-radius:8px;font-size:10px;line-height:1.9}.component-card strong{display:block;color:#397f6e;font-size:12px}.component-card small{display:block;color:#8a9d98}.protocol-contracts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.protocol-card{border:1px solid #e3eaed;border-radius:7px;padding:13px;font-size:10px;line-height:1.9;color:#7a919b}.protocol-card strong{display:block;color:#3a7378}.integration-panel ol{font-size:11px;color:#708e83;line-height:2.3;padding-left:20px}.protocol-requests{max-height:240px;overflow:auto;scrollbar-width:thin}.request-row{display:flex;gap:12px;font:10px/1.8 monospace;color:#738d96;border-bottom:1px solid #e8efec;padding:8px 4px;overflow-wrap:anywhere}.request-row strong{color:#2f927b}.request-row code{flex:1;min-width:0}.request-row.error strong{color:#b2695f}@media(max-width:750px){.integration-panel{margin:0 15px 25px;padding:17px}.integration-button{margin:12px 0 0;display:block}.component-diagram,.protocol-contracts{grid-template-columns:1fr}.request-row{font-size:9px;gap:6px}}
.cloud-mode-label{font-size:10px;color:#577d77;display:flex;gap:8px;align-items:center}.cloud-mode-label select{padding:8px;border:1px solid #cfe2da;border-radius:6px;color:#217767;background:#f4faf7;font-size:10px;max-width:290px}@media(max-width:650px){.cloud-mode-label{font-size:0}.cloud-mode-label select{font-size:9px;max-width:180px}}
.brand-mark,.phone-logo{font-size:17px}
.integration-panel .panel-title{flex-wrap:wrap;gap:12px}
.brand>span:last-child{font-size:15px}.brand-mark,.phone-logo{font-size:17px}