
/* V38 Settings tabs + integrations */
.v38-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}
.v38-tab{border:1px solid #d9e2ef;background:#fff;color:#263449;padding:10px 16px;border-radius:10px;font-weight:850;cursor:pointer}
.v38-tab.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.v38-intro{margin:-5px 0 15px;color:#64748b;font-size:13px}
.v38-integration-list{display:grid;gap:10px}
.v38-integration-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,.7fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid #dce4ef;border-radius:12px;background:#fff}
.v38-integration-name{font-weight:900;font-size:15px}
.v38-integration-note{color:#64748b;font-size:12px;margin-top:3px}
.v38-state{font-size:12px;font-weight:850;padding:6px 10px;border:1px solid #dce4ef;border-radius:999px;width:max-content;background:#f8fafc}
.v38-state.on{background:#ecfdf3;border-color:#bbf7d0;color:#166534}
.v38-actions{display:flex;gap:7px;justify-content:flex-end}
.v38-auto-grid{display:grid;grid-template-columns:1.2fr repeat(3,.55fr);gap:0;border:1px solid #dce4ef;border-radius:12px;overflow:hidden}
.v38-auto-grid>div{padding:10px 12px;border-bottom:1px solid #e5eaf1;background:#fff}
.v38-auto-grid .head{font-weight:900;background:#f8fafc}
.v38-auto-grid .center{text-align:center}
@media(max-width:760px){.v38-integration-row{grid-template-columns:1fr}.v38-actions{justify-content:flex-start}.v38-auto-grid{grid-template-columns:1fr}.v38-auto-grid .head:not(:first-child){display:none}}
