/* SKYPINE SQUARE v30 — isolated environment UI. Do not edit Bootstrap. */
.square-test-banner {position:sticky;top:0;z-index:1205;text-align:center;background:#ad1327;color:#fff;font-size:12px;line-height:1.35;letter-spacing:.025em;padding:7px 12px;border-bottom:2px solid #7b0e1e;}
.square-test-banner strong {font-weight:850;letter-spacing:.08em;}
.square-test-banner + .topbar {top:29px;}
.square-settings {scroll-margin-top:130px;}
.square-settings .square-mode-state {display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 15px;border-radius:9px;border:1px solid #d8e0e8;background:#eff3f7;color:#263c55;}
.square-settings .square-mode-test {background:#fff0f0;border-color:#edb0bb;color:#9c1024;}
.square-settings .square-mode-live {background:#e7f3fc;border-color:#b2d1ee;color:#143d5d;}
.square-settings .square-profile {height:100%;padding:19px;border:1px solid #cdd8e4;border-radius:11px;background:#f8fbff;}
.square-settings .square-profile-test {background:#fff9f9;border-color:#edbbc1;}
.square-settings .square-profile-status {font-size:11px;color:#53687c;font-weight:500;margin-left:9px;}
.square-settings .square-switch-form {border-top:1px solid #d9e1e9;padding-top:20px;}
.square-settings .form-label {font-size:12px;font-weight:650;margin-bottom:4px;}
@media(max-width:700px){.square-test-banner {font-size:11px;padding:6px 9px;}.square-test-banner + .topbar {top:30px;}}