.si-wrap{max-width:1150px;margin:0 auto;padding:16px;color:var(--text,#142b50)}.si-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.si-head h1{font-size:1.35rem}.si-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.si-wrap button{border:1px solid #c5cedb;background:#fff;color:#142b50;border-radius:7px;padding:9px 13px;cursor:pointer}.si-wrap button.selected{background:#142b50;color:#fff}.si-wrap button:disabled{opacity:.45;cursor:not-allowed}.si-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.si-card{border:1px solid #d9e0e9;border-radius:10px;background:#fff;padding:17px;margin:12px 0;min-width:0}.si-card h3{margin:0 0 12px;font-size:1.08rem}.si-card label{display:block;font-weight:600;font-size:.9rem;margin:10px 0}.si-card input,.si-card select{display:block;box-sizing:border-box;width:100%;border:1px solid #bac6d6;border-radius:6px;padding:10px;margin-top:5px;color:#142b50;background:#fff}.si-card button{margin:4px}.si-card pre{white-space:pre-wrap;overflow-wrap:anywhere}.si-event{border-top:1px solid #e3e9f0;padding:12px 0}.si-event p{overflow-wrap:anywhere}#siMessage{min-height:1.5em}@media(max-width:600px){.si-wrap{padding:8px}.si-tabs button{flex:1 1 40%}}

/* API V3 final compact UI; scoped to Integration API form only. */
.si-api-form{max-width:100%}
.si-api-form .si-api-hint{font-size:13px;color:#536780;margin:0 0 12px}
.si-api-form label{margin:8px 0}
.si-api-form input,.si-api-form select{min-height:38px;padding:7px 10px}
.si-api-form fieldset{border:1px solid #d6dfeb;border-radius:8px;padding:8px 12px;margin:12px 0}
.si-api-form fieldset legend{font-weight:650;padding:0 5px}
.si-api-form [hidden]{display:none!important}
.si-api-form .si-api-advanced{border:1px solid #d6dfeb;border-radius:8px;padding:11px;margin:12px 0}
.si-api-form .si-api-advanced summary{cursor:pointer;font-weight:650}
.si-api-form textarea{display:block;width:100%;box-sizing:border-box;min-height:100px;border:1px solid #bac6d6;border-radius:6px;padding:10px;margin-top:6px}
.si-api-form button[type=submit],.si-api-form>button{background:#1d5fa9;color:white;border-color:#1d5fa9}
@media(min-width:850px){.si-api-form{padding:18px 22px}}

/* Mobile section selector: desktop tabs remain unchanged. */
.si-mobile-picker{display:none}
@media(max-width:767px){.si-wrap .si-tabs{display:none!important}.si-wrap .si-mobile-picker{display:block!important;margin:12px 0 16px}.si-mobile-picker label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text,#142b50)}.si-wrap .si-mobile-picker select{display:block;width:100%;max-width:100%;min-height:44px;padding:10px 36px 10px 12px;border:1px solid var(--border,#bac6d6);border-radius:9px;background:var(--card-bg,#fff);color:var(--text,#142b50);font:inherit;font-size:14px;box-sizing:border-box}}