
/* CODSHIPX_R108_R1_R2_SETTINGS_V2_SAFE */
.cx-settings-v2{max-width:1460px;margin:0 auto;padding:0 0 96px}
.cx-sv2-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid #e4e9ef;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdf8 68%,#f2f8e8 100%);box-shadow:0 16px 42px rgba(24,35,52,.06)}
.cx-sv2-hero h1{margin:6px 0 8px;font-size:clamp(30px,3vw,42px);letter-spacing:-.045em;color:#172033}
.cx-sv2-hero p{max-width:780px;margin:0;color:#66758a;font-size:13.5px;line-height:1.65}
.cx-sv2-hero-meta{display:grid;justify-items:end;gap:7px;flex:0 0 auto}
.cx-sv2-hero-meta small{font-size:10.5px;color:#8994a3}
.cx-sv2-dirty{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border:1px solid #dfe6ed;border-radius:999px;background:#fff;color:#5c6b7d;font-size:11px;font-weight:800}
.cx-sv2-dirty:before{content:"";width:7px;height:7px;border-radius:50%;background:#8bd116}
.cx-sv2-dirty.on{border-color:#f0d2a0;background:#fff9ed;color:#8b5c14}
.cx-sv2-dirty.on:before{background:#e5a43b}
.cx-sv2-success{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #d7ebbb;border-radius:13px;background:#f7fde9;color:#4e6f17;font-size:12px;font-weight:750}
.cx-sv2-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.cx-sv2-nav{position:sticky;top:18px;display:grid;gap:6px;padding:12px;border:1px solid #e4e9ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(24,35,52,.045)}
.cx-sv2-nav-title{display:grid;gap:2px;padding:8px 9px 12px;border-bottom:1px solid #edf1f5;margin-bottom:2px}
.cx-sv2-nav-title strong{font-size:12.5px;color:#1b2b41}
.cx-sv2-nav-title small{font-size:10.5px;color:#8a95a5}
.cx-sv2-nav>button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#35475e;text-align:left;cursor:pointer;transition:.16s ease}
.cx-sv2-nav>button:hover{background:#f7f9fb;border-color:#edf1f5}
.cx-sv2-nav>button.active{border-color:#dce9bd;background:linear-gradient(135deg,#fbfff2,#f4fae9);box-shadow:inset 3px 0 0 #91d719}
.cx-sv2-nav>button span{display:grid;gap:2px}
.cx-sv2-nav>button strong{font-size:12px}
.cx-sv2-nav>button small{font-size:9.8px;color:#8a95a5;line-height:1.35}
.cx-sv2-nav>button b{justify-self:end;color:#9aa5b4;font-size:17px}
.cx-sv2-content{min-width:0}
.cx-sv2-panel{padding:24px;border:1px solid #e4e9ef;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(24,35,52,.05)}
.cx-sv2-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #edf1f5}
.cx-sv2-section-head h2{margin:4px 0 5px;color:#172033;font-size:21px;letter-spacing:-.025em}
.cx-sv2-section-head p{margin:0;max-width:720px;color:#718095;font-size:12px;line-height:1.55}
.cx-sv2-state,.cx-sv2-status,.cx-sv2-current{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid #dde5ed;border-radius:999px;background:#f8fafc;color:#5a697c;font-size:10px;font-weight:850;white-space:nowrap}
.cx-sv2-status.ok{border-color:#d4e9af;background:#f5fbe9;color:#5f861b}
.cx-sv2-status.off{border-color:#e2e7ed;background:#f8fafc;color:#7c8999}
.cx-sv2-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:20px}
.cx-sv2-field{display:grid;gap:7px;min-width:0}
.cx-sv2-label{color:#31445d;font-size:11px;font-weight:800}
.cx-sv2-field input,.cx-sv2-field select,.cx-sv2-field textarea{width:100%;min-height:42px;box-sizing:border-box;border:1px solid #dfe6ed;border-radius:11px;background:#fff;color:#1f3149;padding:0 12px;font:600 12px/1.2 inherit;outline:none;transition:.16s ease}
.cx-sv2-field textarea{min-height:96px;padding-top:11px;resize:vertical}
.cx-sv2-field input:focus,.cx-sv2-field select:focus,.cx-sv2-field textarea:focus{border-color:#a9cf64;box-shadow:0 0 0 3px rgba(145,215,25,.11)}
.cx-sv2-field input:disabled,.cx-sv2-field select:disabled,.cx-sv2-field textarea:disabled,.cx-sv2-field input[readonly]{background:#f7f9fb;color:#778597;cursor:not-allowed}
.cx-sv2-field small{color:#8a95a5;font-size:9.8px;line-height:1.4}
.cx-sv2-toggle-list{display:grid;gap:10px;margin-top:20px}
.cx-sv2-toggle{display:grid;grid-template-columns:minmax(0,1fr) 42px 28px;align-items:center;gap:12px;width:100%;padding:14px 15px;border:1px solid #e4e9ef;border-radius:14px;background:#fff;color:#31445d;text-align:left;cursor:pointer}
.cx-sv2-toggle:hover{background:#fbfcfd}
.cx-sv2-toggle:disabled{opacity:.65;cursor:not-allowed}
.cx-sv2-toggle>span{display:grid;gap:3px}
.cx-sv2-toggle strong{font-size:12.2px}
.cx-sv2-toggle small{font-size:10.2px;color:#7e8b9b;line-height:1.4}
.cx-sv2-toggle i{position:relative;display:block;width:40px;height:22px;border-radius:999px;background:#dfe5eb;transition:.16s ease}
.cx-sv2-toggle i b{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(18,30,45,.16);transition:.16s ease}
.cx-sv2-toggle.on i{background:#91d719}
.cx-sv2-toggle.on i b{left:21px}
.cx-sv2-toggle em{font-style:normal;font-size:10px;font-weight:850;color:#8a95a5}
.cx-sv2-toggle.on em{color:#5d8617}
.cx-sv2-note{display:grid;gap:4px;margin-top:14px;padding:12px 13px;border:1px solid #e4e9ef;border-radius:12px;background:#f8fafc}
.cx-sv2-note strong{font-size:11px;color:#3e5067}
.cx-sv2-note span{font-size:10px;color:#7c8999;line-height:1.45}
.cx-sv2-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.cx-sv2-integration{display:grid;align-content:start;gap:9px;padding:17px;border:1px solid #e4e9ef;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfd)}
.cx-sv2-integration h3{margin:2px 0 0;font-size:14px;color:#24364d}
.cx-sv2-integration p{min-height:48px;margin:0;color:#748296;font-size:10.5px;line-height:1.5}
.cx-sv2-integration .button{justify-self:start}
.cx-sv2-security-card{display:grid;gap:16px;margin-top:18px;padding:18px;border:1px solid #e4e9ef;border-radius:16px;background:#fbfcfd}
.cx-sv2-security-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cx-sv2-security-title h3{margin:4px 0 4px;color:#24364d;font-size:15px}
.cx-sv2-security-title p{margin:0;color:#7a8797;font-size:10.5px;line-height:1.5}
.cx-sv2-security-form{display:grid;grid-template-columns:minmax(220px,420px) max-content;align-items:end;gap:12px}
.cx-sv2-inline-actions{display:flex;gap:8px;align-items:center}
.cx-sv2-session-list{display:grid;gap:8px}
.cx-sv2-session{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e6ebf0;border-radius:12px;background:#fff}
.cx-sv2-session>span:first-child{display:grid;gap:3px;min-width:0}
.cx-sv2-session strong{font-size:11.5px;color:#30435b}
.cx-sv2-session small{font-size:9.7px;color:#8793a2}
.cx-sv2-current{border-color:#d6e9b5;background:#f5fbe9;color:#62881d}
.cx-sv2-empty{padding:18px;text-align:center;color:#7e8b9b;font-size:11px}
.cx-sv2-quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.cx-sv2-savebar{position:sticky;bottom:14px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;padding:13px 15px;border:1px solid #dfe6ed;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 16px 42px rgba(24,35,52,.12)}
.cx-sv2-savebar>div:first-child{display:grid;gap:2px}
.cx-sv2-savebar strong{font-size:11.5px;color:#2c4058}
.cx-sv2-savebar small{font-size:9.8px;color:#8490a0}
.cx-sv2-save-actions{display:flex;gap:8px;align-items:center}
.cx-sv2-auth-gate{display:grid;gap:10px;justify-items:start;max-width:620px}
@media(max-width:1120px){
  .cx-sv2-layout{grid-template-columns:220px minmax(0,1fr)}
  .cx-sv2-integration-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .cx-settings-v2{padding-bottom:120px}
  .cx-sv2-hero{align-items:flex-start;flex-direction:column}
  .cx-sv2-hero-meta{justify-items:start}
  .cx-sv2-layout{grid-template-columns:1fr}
  .cx-sv2-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx-sv2-nav-title{grid-column:1/-1}
  .cx-sv2-form-grid{grid-template-columns:1fr}
  .cx-sv2-security-form{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cx-sv2-hero,.cx-sv2-panel{padding:18px;border-radius:17px}
  .cx-sv2-nav{grid-template-columns:1fr;border-radius:16px}
  .cx-sv2-toggle{grid-template-columns:minmax(0,1fr) 40px}
  .cx-sv2-toggle em{display:none}
  .cx-sv2-security-title,.cx-sv2-session,.cx-sv2-savebar{align-items:flex-start;flex-direction:column}
  .cx-sv2-savebar{bottom:8px}
  .cx-sv2-save-actions{width:100%}
  .cx-sv2-save-actions .button{flex:1}
}

