.vpn-guard-admin, .vpn-guard-admin * { border-radius: 0 !important; box-sizing: border-box; }
.vpn-guard-admin { color: #37424d; line-height: 1.45; max-width: 100%; min-width: 0; overflow-x: hidden; width: 100%; }
.vpn-guard-admin .block, .vpn-guard-summary { max-width: 100%; min-width: 0; width: 100%; }
.vpn-guard-summary > *, .vpn-guard-form-grid > *, .vpn-guard-network-grid > *, .vpn-guard-allow-grid > *, .vpn-guard-diagnostics > * { min-width: 0; }
.vpn-guard-admin .block_body { padding: 20px; }
.vpn-guard-banner { margin-bottom: 16px; padding: 14px 16px; }
.vpn-guard-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin: 0 0 16px; }
.vpn-guard-stat { background: #fff; border: 1px solid #dce4eb; border-left: 4px solid #4b7598; min-height: 84px; padding: 14px 15px; }
.vpn-guard-stat__label { color: #74808c; font-size: 11px; font-weight: 700; letter-spacing: .04em; margin-bottom: 9px; text-transform: uppercase; }
.vpn-guard-stat__value { color: #2e3944; font-size: 20px; font-weight: 700; line-height: 1.2; }
.vpn-guard-badge { display: inline-block; font-size: 12px; font-weight: 700; padding: 5px 10px; }
.vpn-guard-badge--success { background: #e3f4e9; color: #247044; }
.vpn-guard-badge--danger { background: #fde8e8; color: #a33232; }
.vpn-guard-block { border-radius: 0 !important; margin-bottom: 14px; }
.vpn-guard-section-title { color: #34495a; font-size: 14px; font-weight: 700; margin: 0 0 12px; }
.vpn-guard-subtitle { color: #4c5965; font-size: 13px; font-weight: 700; margin: 18px 0 9px; }
.vpn-guard-divider { border-top: 1px solid #e4e9ee; margin: 19px 0; }
.vpn-guard-form-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 18px; }
.vpn-guard-network-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 18px; }
.vpn-guard-admin .form-group { margin-bottom: 0; }
.vpn-guard-admin .form-group label { color: #37424d; margin-bottom: 7px; }
.vpn-guard-admin .form-control { border-color: #cfd8df; box-shadow: none; min-height: 38px; max-width: 100%; width: 100%; }
.vpn-guard-admin .form-control:focus { border-color: #4b83b0; box-shadow: 0 0 0 2px rgba(75,131,176,.12); }
.vpn-guard-admin textarea.form-control { font-family: Consolas, monospace; line-height: 1.45; min-height: 112px; resize: vertical; }
.vpn-guard-admin .help-block { color: #76818b; font-size: 12px; line-height: 1.45; margin: 7px 0 0; }
.vpn-guard-checks { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.vpn-guard-option { align-items: center; background: #f7f9fb; border: 1px solid #dce4eb; cursor: pointer; display: inline-flex; font-weight: 600; gap: 7px; margin: 0; min-width: 104px; padding: 9px 12px; }
.vpn-guard-option:hover { background: #eef4f8; border-color: #b9cbd9; }
.vpn-guard-option input { margin: 0; }
.vpn-guard-note { font-size: 13px; margin: 0; padding: 12px 14px; }
.vpn-guard-actions { align-items: center; border-top: 1px solid #e4e9ee; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; padding-top: 16px; }
.vpn-guard-actions__spacer { flex: 1 1 20px; }
.vpn-guard-actions--right { border: 0; justify-content: flex-end; margin: 0 0 12px; padding: 0; }
.vpn-guard-danger-action { color: #a33232; }
.vpn-guard-intro { color: #65717c; margin: 0 0 12px; }
.vpn-guard-allow-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) minmax(120px, 150px); gap: 9px; }
.vpn-guard-table-wrap { margin-top: 14px; }
.vpn-guard-admin .table { margin-bottom: 0; }
.vpn-guard-admin .table > thead > tr > th { background: #f7f9fb; color: #53616d; font-size: 12px; }
.vpn-guard-count { background: rgba(255,255,255,.2); font-size: 11px; margin-left: 5px; padding: 2px 7px; }
.vpn-guard-empty { color: #7b8793; padding: 18px !important; text-align: center; }
.vpn-guard-diagnostics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.vpn-guard-diagnostic { background: #f8fafb; border: 1px solid #dfe6ec; min-height: 82px; padding: 12px 14px; }
.vpn-guard-diagnostic--wide { grid-column: span 2; }
.vpn-guard-diagnostic__label { color: #77828c; display: block; font-size: 11px; font-weight: 700; letter-spacing: .03em; margin-bottom: 6px; text-transform: uppercase; }
.vpn-guard-diagnostic__value { color: #33414d; display: block; font-size: 14px; overflow-wrap: anywhere; }
.vpn-guard-diagnostic small { color: #7b8791; display: block; margin-top: 5px; }
.vpn-guard-diagnostic-help { background: #f8fafb; border-left: 3px solid #4b7598; margin-top: 12px !important; padding: 10px 12px; }
#vpn_guard_result:empty { display: none; }
#vpn_guard_result { margin-bottom: 16px; }
@media (max-width: 900px) {
    .vpn-guard-form-grid, .vpn-guard-network-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .vpn-guard-admin .block_body { padding: 15px; }
    .vpn-guard-allow-grid { grid-template-columns: 1fr; }
    .vpn-guard-actions__spacer { display: none; }
    .vpn-guard-actions .btn { width: 100%; }
}
@media (max-width: 480px) {
    .vpn-guard-summary, .vpn-guard-diagnostics { grid-template-columns: 1fr; }
    .vpn-guard-diagnostic--wide { grid-column: auto; }
    .vpn-guard-option { flex: 1 1 calc(50% - 4px); }
}