#sub-vtp-config { max-width:1240px; min-width:0; }
#sub-vtp-config .vtp-config-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
#sub-vtp-config h2 { margin:0; }
#sub-vtp-config h3 { margin:10px 0 14px; color:#f8fafc; font-size:1.12rem; }
#sub-vtp-config p { color:var(--text-secondary); font-size:.88rem; line-height:1.6; margin:10px 0; }
#sub-vtp-config .vtp-config-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
#sub-vtp-config .vtp-config-card, #sub-vtp-config .vtp-config-panel { background:var(--card-bg); border:1px solid #334155; padding:22px; border-radius:12px; min-width:0; }
#sub-vtp-config .vtp-config-panel { margin-bottom:14px; }
#sub-vtp-config .vtp-config-tag { color:#5eead4; font-size:.76rem; font-weight:600; }
#sub-vtp-config #vtpPortalConnectionSummary, #sub-vtp-config #vtpPartnerAuthResult { font-size:.9rem; line-height:1.7; white-space:pre-line; overflow-wrap:anywhere; }
#sub-vtp-config .vtp-config-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:14px 0; }
#sub-vtp-config button { padding:9px 13px; background:#0f766e; border:1px solid #148b80; color:#fff; border-radius:7px; cursor:pointer; font-size:.82rem; font-weight:600; }
#sub-vtp-config button:disabled { opacity:.5; cursor:wait; }
#sub-vtp-config details > summary { cursor:pointer; font-weight:600; font-size:.9rem; color:#cbd5e1; }
#sub-vtp-config details[open] > summary { margin-bottom:16px; }
#sub-vtp-config input:not([type=checkbox]), #sub-vtp-config select, #sub-vtp-config textarea { max-width:100%; padding:9px 12px; border:1px solid #475569; border-radius:7px; background:#0f172a; color:#e2e8f0; min-width:0; box-sizing:border-box; }
#sub-vtp-config input[type=date] { color-scheme:dark; }
#sub-vtp-config #vtpPartnerTokenInput { display:block; width:100%; margin:8px 0; }
#sub-vtp-config #vtpWebhookUrlInput { flex:1; width:100%; font-family:monospace; }
#sub-vtp-config .vtp-account-connect { max-width:850px; margin:0; }
#sub-vtp-config .vtp-config-alert { background:#78350f55; border:1px solid #b45309; border-radius:8px; padding:14px; color:#fde68a; margin-bottom:18px; }
#sub-vtp-config #vtpDiagnosticResult { white-space:pre-wrap; overflow-wrap:anywhere; background:#0f172a; padding:14px; border-radius:8px; }
#sub-vtp-config #vtpWebhookSummary, #sub-vtp-config #vtpNewConnectionStatus { color:var(--text-secondary); font-size:.85rem; line-height:1.6; }
@media(max-width:760px) { #sub-vtp-config .vtp-config-grid { grid-template-columns:1fr; } #sub-vtp-config .vtp-config-card, #sub-vtp-config .vtp-config-panel { padding:16px; } #sub-vtp-config .vtp-config-actions label { width:100%; display:flex; align-items:center; gap:8px; flex-wrap:wrap; } }