
/* v30 VPN Config exact v27 profile-list layout */
.xcvpn-compact-card .card-header h2{font-size:1.35rem!important;margin:0!important}
.xcvpn-table-wrap{border-radius:14px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.12)!important}
.xcvpn-table th,.xcvpn-table td{padding:6px 8px!important;vertical-align:middle!important}
.xcvpn-actions{display:flex!important;gap:.35rem!important;flex-wrap:wrap!important;align-items:center!important}
.xcvpn-pill{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;background:rgba(37,223,255,.12);border:1px solid rgba(37,223,255,.28);font-weight:800}
.action-btn{min-height:28px!important;padding:4px 8px!important;font-size:12px!important}

/* v46 compact VPN list patch: smaller rows + non-overlapping actions */
.xcvpn-table-wrap{
  max-height:70vh!important;
  overflow:auto!important;
}
.xcvpn-table{
  min-width:1180px!important;
  table-layout:fixed!important;
  margin-bottom:0!important;
  font-size:12px!important;
  line-height:1.12!important;
}
.xcvpn-table th,
.xcvpn-table td{
  padding:3px 6px!important;
  vertical-align:middle!important;
  height:30px!important;
  max-height:30px!important;
}
.xcvpn-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
  white-space:nowrap!important;
}
.xcvpn-table tbody tr{
  height:32px!important;
}
.xcvpn-table td,
.xcvpn-table td code,
.xcvpn-table td span{
  white-space:nowrap!important;
}
.xcvpn-table td code{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
  line-height:1.15!important;
}
.xcvpn-table td:nth-child(1){width:30px!important;text-align:center!important;}
.xcvpn-table td:nth-child(2),
.xcvpn-table th:nth-child(2){width:70px!important;text-align:center!important;}
.xcvpn-table th:nth-child(3),
.xcvpn-table td:nth-child(3){width:115px!important;max-width:115px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.xcvpn-table th:nth-child(4),
.xcvpn-table td:nth-child(4){width:170px!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.xcvpn-table th:nth-child(5),
.xcvpn-table td:nth-child(5){width:76px!important;text-align:center!important;}
.xcvpn-table th:nth-child(6),
.xcvpn-table td:nth-child(6){width:70px!important;max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.xcvpn-table th:nth-child(7),
.xcvpn-table td:nth-child(7){width:145px!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.xcvpn-table th:nth-child(8),
.xcvpn-table td:nth-child(8){width:110px!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.xcvpn-table th:nth-child(9),
.xcvpn-table td:nth-child(9){width:78px!important;text-align:center!important;}
.xcvpn-table th:nth-child(10),
.xcvpn-table td:nth-child(10){width:72px!important;text-align:center!important;}
.xcvpn-table th:nth-child(11),
.xcvpn-table td:nth-child(11){width:190px!important;max-width:190px!important;overflow:hidden!important;}
.xcvpn-table th:nth-child(12),
.xcvpn-table td:nth-child(12){width:210px!important;max-width:210px!important;}
.xcvpn-pill{
  padding:.08rem .42rem!important;
  font-size:11px!important;
  line-height:1.1!important;
}
.xcvpn-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  width:100%!important;
}
.xcvpn-actions .btn,
.action-btn{
  min-height:24px!important;
  height:24px!important;
  padding:2px 7px!important;
  font-size:11px!important;
  line-height:18px!important;
  border-radius:9px!important;
  margin:0!important;
}
.xcvpn-actions .btn-info{
  max-width:86px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.xcvpn-order-tools{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
  margin:0!important;
  max-width:100%!important;
}
.xcvpn-order-tools .btn{
  min-width:28px!important;
  width:28px!important;
  height:24px!important;
  min-height:24px!important;
  padding:1px 0!important;
  line-height:20px!important;
  text-align:center!important;
}
.xcvpn-order-tools form{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
}
.xcvpn-order-tools input[type="number"]{
  width:48px!important;
  height:24px!important;
  min-height:24px!important;
  padding:1px 5px!important;
  font-size:11px!important;
}
.xcvpn-order-tools button[type="submit"]{
  min-width:42px!important;
  width:42px!important;
  height:24px!important;
  min-height:24px!important;
  padding:1px 5px!important;
  font-size:11px!important;
}
@media(max-width:992px){
  .xcvpn-table{min-width:1120px!important;font-size:11px!important;}
  .xcvpn-table th,.xcvpn-table td{padding:3px 5px!important;}
}


/* v46 fit patch: keep VPN table and provider forms inside the page width */
.card, .card-body, .xcvpn-compact-card{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
.xcvpn-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
.xcvpn-table{max-width:none!important;}
.xcvpn-table th, .xcvpn-table td{box-sizing:border-box!important;}
.xcvpn-actions{overflow:hidden!important;}
.xcvpn-actions .btn{max-width:72px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.xcvpn-actions .btn-info{max-width:82px!important;}
@media(max-width:767px){
  .xcvpn-table{min-width:1040px!important;font-size:10px!important;}
  .xcvpn-table th,.xcvpn-table td{padding:2px 4px!important;}
  .xcvpn-table th:nth-child(11),.xcvpn-table td:nth-child(11){width:155px!important;max-width:155px!important;}
  .xcvpn-table th:nth-child(12),.xcvpn-table td:nth-child(12){width:185px!important;max-width:185px!important;}
}

/* v46 no-overflow icon actions patch */
.xcvpn-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border-radius:14px!important;
}
.xcvpn-table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  font-size:11px!important;
}
.xcvpn-table th,
.xcvpn-table td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:3px 5px!important;
  height:30px!important;
}
.xcvpn-table th:nth-child(1), .xcvpn-table td:nth-child(1){width:28px!important;max-width:28px!important;text-align:center!important;}
.xcvpn-table th:nth-child(2), .xcvpn-table td:nth-child(2){width:58px!important;max-width:58px!important;text-align:center!important;}
.xcvpn-table th:nth-child(3), .xcvpn-table td:nth-child(3){width:132px!important;max-width:132px!important;}
.xcvpn-table th:nth-child(4), .xcvpn-table td:nth-child(4){width:190px!important;max-width:190px!important;}
.xcvpn-table th:nth-child(5), .xcvpn-table td:nth-child(5){width:72px!important;max-width:72px!important;text-align:center!important;}
.xcvpn-table th:nth-child(6), .xcvpn-table td:nth-child(6){width:62px!important;max-width:62px!important;}
.xcvpn-table th:nth-child(7), .xcvpn-table td:nth-child(7){width:170px!important;max-width:170px!important;}
.xcvpn-table th:nth-child(8), .xcvpn-table td:nth-child(8){width:125px!important;max-width:125px!important;}
.xcvpn-table th:nth-child(9), .xcvpn-table td:nth-child(9){width:76px!important;max-width:76px!important;text-align:center!important;}
.xcvpn-table th:nth-child(10), .xcvpn-table td:nth-child(10){width:76px!important;max-width:76px!important;text-align:center!important;}
.xcvpn-table th:nth-child(11), .xcvpn-table td:nth-child(11){width:76px!important;max-width:76px!important;text-align:center!important;}
.xcvpn-table th:nth-child(12), .xcvpn-table td:nth-child(12){width:112px!important;max-width:112px!important;text-align:center!important;}
.xcvpn-table td code{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.xcvpn-order-tools,
.xcvpn-actions,
.action-buttons{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.icon-btn,
.xcvpn-actions .icon-btn,
.xcvpn-order-tools .icon-btn,
.action-buttons .icon-btn{
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  font-size:12px!important;
  line-height:1!important;
}
.icon-btn i{margin:0!important;line-height:1!important;}
@media(max-width:1200px){
  .xcvpn-table{font-size:10px!important;}
  .xcvpn-table th:nth-child(3), .xcvpn-table td:nth-child(3){width:112px!important;max-width:112px!important;}
  .xcvpn-table th:nth-child(4), .xcvpn-table td:nth-child(4){width:155px!important;max-width:155px!important;}
  .xcvpn-table th:nth-child(7), .xcvpn-table td:nth-child(7){width:130px!important;max-width:130px!important;}
  .xcvpn-table th:nth-child(8), .xcvpn-table td:nth-child(8){width:100px!important;max-width:100px!important;}
}
@media(max-width:900px){
  .xcvpn-table-wrap{overflow-x:auto!important;}
  .xcvpn-table{min-width:980px!important;}
}


/* v46 dashboard/port/stability patch */
.xcvpn-table-wrap{overflow-x:auto!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#445d6c #111827;}
.xcvpn-table{width:100%!important;min-width:1080px!important;max-width:none!important;}
.xcvpn-actions .icon-btn,.xcvpn-order-tools .icon-btn{box-shadow:0 0 14px rgba(76,201,240,.12)!important;}
.xcvpn-table td:nth-child(4) code,.xcvpn-table td:nth-child(7) code,.xcvpn-table td:nth-child(8) code{max-width:100%!important;}
.provider-select-wrap::-webkit-scrollbar,.xcvpn-table-wrap::-webkit-scrollbar{height:9px;width:9px}.provider-select-wrap::-webkit-scrollbar-track,.xcvpn-table-wrap::-webkit-scrollbar-track{background:#09101b;border-radius:20px}.provider-select-wrap::-webkit-scrollbar-thumb,.xcvpn-table-wrap::-webkit-scrollbar-thumb{background:#345869;border-radius:20px}.provider-select-wrap::-webkit-scrollbar-thumb:hover,.xcvpn-table-wrap::-webkit-scrollbar-thumb:hover{background:#4b7a8e}
@media(max-width:900px){.xcvpn-table{min-width:1000px!important;}}


/* v46 cleanup patch: one provider-list window, matching colours, no double scroll */
.provider-select-wrap{overflow:hidden!important;background:linear-gradient(135deg,#0b1320,#09101b)!important;border:1px solid rgba(67,220,255,.18)!important;border-radius:14px!important;padding:0!important;}
.provider-select{overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important;border:0!important;border-radius:14px!important;scrollbar-width:thin;scrollbar-color:#3d6275 #09101b;}
.provider-select::-webkit-scrollbar{width:9px;height:9px}.provider-select::-webkit-scrollbar-track{background:#09101b;border-radius:20px}.provider-select::-webkit-scrollbar-thumb{background:#345869;border-radius:20px}.provider-select::-webkit-scrollbar-thumb:hover{background:#4b7a8e}

/* V46 mobile table/provider fit patch */
@media(max-width:767.98px){
  .xcvpn-table-wrap,.table-responsive{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  .xcvpn-table{min-width:640px!important;max-width:none!important;}
  .xcvpn-table th,.xcvpn-table td{padding:5px 6px!important;font-size:11px!important;white-space:nowrap!important;}
  .xcvpn-cell-clip{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;}
  .xcvpn-action-icons{gap:4px!important;flex-wrap:nowrap!important;}
  .xcvpn-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;}
}


/* V46 touch-scroll + real mobile sidebar final override */
html, body { max-width:100%!important; overflow-x:hidden!important; }
#page-content-wrapper, #page-content-wrapper>.container-fluid { min-width:0!important; max-width:100%!important; overflow-x:hidden!important; box-sizing:border-box!important; }
.provider-panel, .provider-body, .provider-search, .provider-login-card, .provider-preview { max-width:100%!important; min-width:0!important; box-sizing:border-box!important; }
.provider-select-wrap,
#providerConfigList{
  display:block!important;
  height:420px!important;
  max-height:58vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  scrollbar-width:thin!important;
  scrollbar-color:#3d6275 #09101b!important;
  background:linear-gradient(135deg,#0b1320,#09101b)!important;
  border:1px solid rgba(67,220,255,.18)!important;
  border-radius:14px!important;
  padding:6px!important;
}
#providerConfigList::-webkit-scrollbar{width:10px!important;height:10px!important;}
#providerConfigList::-webkit-scrollbar-track{background:#09101b!important;border-radius:20px!important;}
#providerConfigList::-webkit-scrollbar-thumb{background:#345869!important;border-radius:20px!important;}
#providerConfigList::-webkit-scrollbar-thumb:hover{background:#4b7a8e!important;}
.provider-option{
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  width:100%!important;
  min-height:42px!important;
  max-width:100%!important;
  white-space:normal!important;
}
.provider-option-title,.provider-option-meta{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:767.98px){
  body.xc-sidebar-open{overflow:hidden!important;}
  #wrapper{display:block!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  #sidebar-wrapper{
    position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    width:254px!important;min-width:254px!important;max-width:254px!important;
    height:100vh!important;min-height:100vh!important;margin-left:0!important;
    transform:translate3d(-110%,0,0)!important;transition:transform .22s ease!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    z-index:1050!important;background:linear-gradient(180deg,rgba(9,14,24,.99),rgba(7,11,18,.99))!important;
    border-right:1px solid rgba(67,220,255,.18)!important;box-shadow:24px 0 55px rgba(0,0,0,.45)!important;
  }
  #wrapper.toggled #sidebar-wrapper{transform:translate3d(0,0,0)!important;}
  body.xc-sidebar-open #xc-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.58)!important;z-index:1040!important;backdrop-filter:blur(2px)!important;}
  #sidebar-wrapper .list-group{width:100%!important;max-width:100%!important;padding:12px 9px!important;display:block!important;}
  #sidebar-wrapper .xc-brand-block{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:10px 12px!important;}
  #sidebar-wrapper .xc-brand-logo{width:30px!important;height:30px!important;min-width:30px!important;}
  #sidebar-wrapper .xc-brand-name{display:inline-block!important;visibility:visible!important;opacity:1!important;font-size:14px!important;line-height:1.1!important;color:#fff!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #sidebar-wrapper a.list-group-item,
  #sidebar-wrapper a.nav-glass,
  .list-group-item.nav-glass{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:42px!important;
    padding:10px 12px!important;margin:4px 0!important;border-radius:12px!important;
    font-size:13px!important;line-height:1.15!important;text-indent:0!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;
    color:#dbeafe!important;
  }
  #sidebar-wrapper a.list-group-item i,
  #sidebar-wrapper a.nav-glass i,
  .list-group-item.nav-glass i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;min-width:20px!important;max-width:20px!important;margin:0!important;font-size:15px!important;text-indent:0!important;}
  #page-content-wrapper{width:100vw!important;max-width:100vw!important;margin-left:0!important;overflow-x:hidden!important;}
  #page-content-wrapper>.container-fluid{width:100%!important;max-width:100%!important;padding:10px!important;overflow-x:hidden!important;}
  .navbar{position:sticky!important;top:0!important;z-index:1035!important;width:100%!important;}
  #menu-toggle,.xc-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;width:40px!important;height:36px!important;}
  .provider-select-wrap,#providerConfigList{height:470px!important;max-height:62vh!important;overflow-y:auto!important;overflow-x:hidden!important;}
  .provider-option{min-height:46px!important;padding:10px 9px!important;font-size:13px!important;}
  .provider-option-meta{font-size:10px!important;}
  .table-responsive,.xcvpn-table-wrap,.xc-scroll-x{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
}
@media(min-width:768px){
  #wrapper{display:flex!important;}
  #sidebar-wrapper{transform:none!important;overflow-x:hidden!important;}
  #sidebar-wrapper .xc-brand-name{display:inline-block!important;visibility:visible!important;opacity:1!important;}
  #sidebar-wrapper a.list-group-item{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;}
}

/* V46 clean UI final polish: no overlap search icon, stable sidebar labels, compact provider details */
.provider-search input{padding-left:16px!important;padding-right:46px!important;}
.provider-search:before{left:auto!important;right:15px!important;pointer-events:none!important;}
.provider-panel,.provider-body,.provider-search,.provider-login-card,.provider-port-card,.provider-preview,.provider-details-card{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.provider-details-form>*{min-width:0!important;}
.provider-details-form input{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.provider-port-card{background:linear-gradient(135deg,#0b1320,#09101b)!important;}
#sidebar-wrapper .list-group-item,
#sidebar-wrapper .nav-glass{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#sidebar-wrapper .list-group-item i,
#sidebar-wrapper .nav-glass i{flex:0 0 20px!important;}
@media(max-width:767.98px){
  #sidebar-wrapper{width:268px!important;min-width:268px!important;max-width:268px!important;}
  #sidebar-wrapper .list-group-item,
  #sidebar-wrapper .nav-glass{font-size:14px!important;gap:12px!important;}
  .provider-details-form{grid-template-columns:1fr!important;}
  .provider-search input{font-size:14px!important;}
}

/* V46 bulk delete + pagination polish */
.xcvpn-list-toolbar{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 12px!important;
}
.xcvpn-list-filters{display:flex!important;gap:12px!important;align-items:flex-end!important;flex-wrap:wrap!important;margin:0!important;}
.xcvpn-filter-field{min-width:170px!important;}
.xcvpn-filter-field label{display:block!important;font-size:12px!important;font-weight:700!important;color:#dbeafe!important;margin:0 0 5px!important;letter-spacing:.02em!important;}
.xcvpn-list-count{font-size:12px!important;color:#b9d7e8!important;background:rgba(7,14,24,.55)!important;border:1px solid rgba(67,220,255,.14)!important;border-radius:12px!important;padding:9px 12px!important;}
.xcvpn-bulk-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin:0 0 10px!important;}
.xcvpn-bulk-actions .btn{border-radius:10px!important;font-weight:700!important;}
.xcvpn-select-col{width:34px!important;min-width:34px!important;max-width:34px!important;text-align:center!important;}
.xcvpn-select-col input[type="checkbox"]{width:16px!important;height:16px!important;cursor:pointer!important;accent-color:#38bdf8!important;}
.xcvpn-pagination{display:flex!important;gap:6px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;margin:14px 0 8px!important;}
.xcvpn-pagination .btn{min-width:34px!important;border-radius:10px!important;font-weight:700!important;}
.xcvpn-pagination .disabled{pointer-events:none!important;opacity:.45!important;}
.xcvpn-page-dots{color:#9fc7da!important;padding:0 4px!important;}
@media(max-width:767.98px){
  .xcvpn-list-toolbar{align-items:stretch!important;gap:10px!important;}
  .xcvpn-list-filters{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .xcvpn-filter-field{min-width:0!important;width:100%!important;}
  .xcvpn-list-count{width:100%!important;text-align:center!important;}
  .xcvpn-bulk-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  .xcvpn-bulk-actions .btn{width:100%!important;white-space:nowrap!important;font-size:11px!important;padding:7px 6px!important;}
  .xcvpn-select-col{width:32px!important;min-width:32px!important;max-width:32px!important;}
  .xcvpn-pagination{justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:4px!important;}
}

/* V46 compact controls polish */
.xcvpn-list-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1.15fr) auto auto!important;
  gap:10px!important;
  align-items:end!important;
  background:rgba(7,14,24,.45)!important;
  border:1px solid rgba(67,220,255,.14)!important;
  border-radius:14px!important;
  padding:10px!important;
  margin:0 0 12px!important;
}
.xcvpn-list-filters{display:grid!important;grid-template-columns:minmax(130px,1fr) minmax(120px,.8fr)!important;gap:8px!important;align-items:end!important;margin:0!important;min-width:0!important;}
.xcvpn-filter-field{min-width:0!important;}
.xcvpn-filter-field label{font-size:10px!important;margin:0 0 4px!important;color:#8fb6cb!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
.xcvpn-filter-field .form-control{height:34px!important;border-radius:10px!important;padding:5px 9px!important;font-size:12px!important;}
.xcvpn-list-count{white-space:nowrap!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;padding:0 10px!important;margin:0!important;}
.xcvpn-bulk-actions{display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;margin:0!important;}
.xcvpn-bulk-actions .btn{height:34px!important;padding:6px 10px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important;}
@media(max-width:991.98px){
  .xcvpn-list-toolbar{grid-template-columns:1fr!important;align-items:stretch!important;}
  .xcvpn-list-count{width:100%!important;}
  .xcvpn-bulk-actions{justify-content:stretch!important;}
  .xcvpn-bulk-actions .btn{flex:1 1 0!important;}
}
@media(max-width:480px){
  .xcvpn-list-filters{grid-template-columns:1fr 1fr!important;}
  .xcvpn-bulk-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .xcvpn-bulk-actions .btn{font-size:11px!important;padding:6px!important;}
}


/* V46 professional compact polish + overlap fix */
:root{--xc-bg:#07111d;--xc-panel:#0b1422;--xc-panel-2:#101b2c;--xc-line:rgba(67,220,255,.16);--xc-text:#eaf3ff;--xc-muted:#8ea7bd;--xc-accent:#43dcff;}
.card,.modal-content,.provider-panel,.provider-details-card,.provider-preview,.provider-port-card,.provider-login-card{background:linear-gradient(135deg,rgba(10,16,26,.98),rgba(12,20,34,.96))!important;border:1px solid var(--xc-line)!important;border-radius:16px!important;color:var(--xc-text)!important;box-shadow:0 14px 36px rgba(0,0,0,.25)!important;}
.card-header{background:rgba(255,255,255,.025)!important;border-bottom:1px solid var(--xc-line)!important;color:var(--xc-text)!important;padding:12px 14px!important;}
.card-body{padding:14px!important;}
.form-control,input,select,textarea{background:#090f19!important;border:1px solid rgba(67,220,255,.18)!important;color:#f4f8ff!important;border-radius:10px!important;font-size:12px!important;min-height:34px!important;}
.form-control::placeholder,input::placeholder,textarea::placeholder{font-size:11px!important;color:#7894a7!important;opacity:1!important;}
select.form-control{font-size:11.5px!important;padding-left:8px!important;padding-right:24px!important;}
label,.form-label{font-size:11px!important;color:#9fb6c9!important;font-weight:700!important;margin-bottom:4px!important;letter-spacing:.02em!important;}
small,.text-muted{color:#8ea7bd!important;font-size:11px!important;}
.btn{border-radius:10px!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important;}

/* top buttons: one clean line where possible */
.card-header.d-flex,.xcvpn-page-titlebar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important;min-width:0!important;width:100%!important;}
.card-header h2,.card-header h4,.xcvpn-page-titlebar h2{margin:0!important;font-size:1.15rem!important;line-height:1.2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.xcvpn-top-actions,.card-header .btn,.card-header>div+*,.card-header>form,.card-header .xc-header-actions{display:inline-flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;}
.card-header .btn{height:32px!important;padding:6px 10px!important;}
.dataTables_wrapper .row:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;margin-bottom:8px!important;}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{white-space:nowrap!important;margin:0!important;}
.dataTables_wrapper .dataTables_length label,.dataTables_wrapper .dataTables_filter label{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;}
.dataTables_wrapper select,.dataTables_wrapper input{height:30px!important;font-size:11px!important;}

/* VPN list toolbar in one compact line */
.xcvpn-list-toolbar{grid-template-columns:minmax(220px,1fr) auto minmax(210px,auto)!important;padding:8px!important;gap:8px!important;align-items:center!important;}
.xcvpn-list-filters{grid-template-columns:minmax(105px,.72fr) minmax(96px,.5fr)!important;gap:6px!important;}
.xcvpn-filter-field label{font-size:9px!important;margin-bottom:2px!important;}
.xcvpn-filter-field .form-control{height:30px!important;min-height:30px!important;font-size:11px!important;padding:4px 8px!important;}
.xcvpn-list-count{height:30px!important;font-size:11px!important;padding:0 8px!important;}
.xcvpn-bulk-actions{gap:6px!important;}
.xcvpn-bulk-actions .btn{height:30px!important;padding:5px 8px!important;font-size:11px!important;}

/* Table final column widths: 13 columns, no action overlap */
.xcvpn-table-wrap{overflow-x:auto!important;overflow-y:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch!important;}
.xcvpn-table{table-layout:fixed!important;min-width:1220px!important;width:1220px!important;max-width:none!important;font-size:11px!important;}
.xcvpn-table th,.xcvpn-table td{padding:3px 5px!important;height:30px!important;max-height:30px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;vertical-align:middle!important;}
.xcvpn-table th:nth-child(1),.xcvpn-table td:nth-child(1){width:34px!important;max-width:34px!important;text-align:center!important;}
.xcvpn-table th:nth-child(2),.xcvpn-table td:nth-child(2){width:46px!important;max-width:46px!important;text-align:center!important;}
.xcvpn-table th:nth-child(3),.xcvpn-table td:nth-child(3){width:92px!important;max-width:92px!important;}
.xcvpn-table th:nth-child(4),.xcvpn-table td:nth-child(4){width:130px!important;max-width:130px!important;}
.xcvpn-table th:nth-child(5),.xcvpn-table td:nth-child(5){width:165px!important;max-width:165px!important;}
.xcvpn-table th:nth-child(6),.xcvpn-table td:nth-child(6){width:70px!important;max-width:70px!important;text-align:center!important;}
.xcvpn-table th:nth-child(7),.xcvpn-table td:nth-child(7){width:74px!important;max-width:74px!important;text-align:center!important;}
.xcvpn-table th:nth-child(8),.xcvpn-table td:nth-child(8){width:130px!important;max-width:130px!important;}
.xcvpn-table th:nth-child(9),.xcvpn-table td:nth-child(9){width:120px!important;max-width:120px!important;}
.xcvpn-table th:nth-child(10),.xcvpn-table td:nth-child(10){width:70px!important;max-width:70px!important;text-align:center!important;}
.xcvpn-table th:nth-child(11),.xcvpn-table td:nth-child(11){width:88px!important;max-width:88px!important;text-align:center!important;}
.xcvpn-table th:nth-child(12),.xcvpn-table td:nth-child(12){width:66px!important;max-width:66px!important;text-align:center!important;}
.xcvpn-table th:nth-child(13),.xcvpn-table td:nth-child(13){width:104px!important;max-width:104px!important;text-align:center!important;overflow:visible!important;}
.xcvpn-actions,.xcvpn-order-tools,.action-buttons{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.icon-btn,.xcvpn-actions .icon-btn,.xcvpn-order-tools .icon-btn,.action-buttons .icon-btn{width:26px!important;min-width:26px!important;max-width:26px!important;height:25px!important;min-height:25px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:11px!important;line-height:1!important;margin:0!important;}
.xcvpn-table td code{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

/* Provider page compact, same colour, better use of space */
.provider-top{padding:12px 14px!important;gap:10px!important;}
.provider-title{font-size:17px!important;}
.provider-sub{font-size:11.5px!important;margin-top:2px!important;}
.provider-details-card{padding:10px 12px!important;}
.provider-details-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:8px!important;}
.provider-details-form input{height:34px!important;min-height:34px!important;font-size:12px!important;border-radius:10px!important;}
.provider-details-buttons .btn{height:34px!important;padding:6px 9px!important;}
.provider-details-help{font-size:10.5px!important;margin-top:5px!important;}
.provider-body{padding:12px!important;}
.provider-search{margin-bottom:8px!important;}
.provider-search input{height:34px!important;min-height:34px!important;font-size:12px!important;padding-left:12px!important;padding-right:38px!important;}
.provider-search:before{top:8px!important;right:13px!important;font-size:12px!important;}
.provider-select-wrap,#providerConfigList{height:310px!important;max-height:42vh!important;border-radius:12px!important;padding:5px!important;}
.provider-option{min-height:34px!important;padding:7px 9px!important;margin:2px 0!important;border-radius:9px!important;}
.provider-option-title{font-size:12px!important;}
.provider-option-meta{font-size:10px!important;margin-top:1px!important;}
.provider-preview{padding:9px!important;margin-top:8px!important;border-radius:12px!important;}
.provider-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:7px!important;}
.provider-chip{padding:7px!important;border-radius:9px!important;}
.provider-chip small{font-size:9px!important;}
.provider-chip b{font-size:12px!important;}
.provider-port-card{padding:9px!important;margin-top:8px!important;border-radius:12px!important;}
.provider-port-card label{display:none!important;}
.provider-port-card small{display:none!important;}
.provider-port-card select{height:34px!important;min-height:34px!important;}
.provider-actions{display:grid!important;grid-template-columns:auto auto minmax(250px,1fr) auto!important;gap:8px!important;align-items:center!important;margin-top:10px!important;}
.provider-actions>.btn{height:34px!important;padding:6px 10px!important;}
.provider-country-inline{display:grid!important;grid-template-columns:minmax(120px,1fr) auto!important;gap:6px!important;min-width:0!important;flex:1 1 auto!important;}
.provider-country-inline select{height:34px!important;min-height:34px!important;min-width:0!important;font-size:11px!important;border-radius:10px!important;}
.provider-country-inline .btn{height:34px!important;padding:6px 10px!important;}

/* Manual OVPN add page compact grid */
.xcvpn-manual-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:end!important;}
.xcvpn-manual-form .form-group{margin:0!important;min-width:0!important;}
.xcvpn-manual-form .form-group:nth-of-type(3){grid-column:span 2!important;}
.xcvpn-manual-form .form-group:nth-of-type(4){grid-column:span 2!important;}
.xcvpn-form-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:8px!important;}
.xcvpn-manual-form .xcvpn-form-actions{grid-column:1/-1!important;}

/* Install & Add page compact layout */
.xcvpn-install-form h5{font-size:13px!important;margin:10px 0 6px!important;color:#dff7ff!important;}
.xcvpn-install-form .row{margin-left:-5px!important;margin-right:-5px!important;}
.xcvpn-install-form [class*="col-"]{padding-left:5px!important;padding-right:5px!important;}
.xcvpn-install-form .form-group{margin-bottom:8px!important;}
.xcvpn-install-form .form-control{height:34px!important;min-height:34px!important;font-size:12px!important;}
.xcvpn-install-form textarea.form-control{height:58px!important;min-height:58px!important;}
.xcvpn-install-form .alert{padding:8px 10px!important;margin:8px 0!important;font-size:12px!important;border-radius:12px!important;}
.xcvpn-install-form .form-text{display:none!important;}
.xcvpn-install-form .xcvpn-form-actions .btn{height:34px!important;padding:6px 10px!important;}

/* Generic tables action cells */
td.action-cell,th.action-cell{width:82px!important;max-width:82px!important;text-align:center!important;overflow:visible!important;}
.table td.action-cell .action-buttons{justify-content:center!important;overflow:visible!important;}
.table td.action-cell .icon-btn{width:28px!important;min-width:28px!important;height:26px!important;}

@media(max-width:1199.98px){
  .provider-actions{grid-template-columns:1fr 1fr!important;}
  .provider-country-inline{grid-column:1/-1!important;}
  .provider-actions>a.btn{grid-column:auto!important;}
  .xcvpn-manual-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:767.98px){
  .card-header.d-flex,.xcvpn-page-titlebar,.dataTables_wrapper .row:first-child{flex-wrap:wrap!important;align-items:stretch!important;}
  .xcvpn-top-actions,.card-header .btn{width:auto!important;}
  .xcvpn-list-toolbar{grid-template-columns:1fr!important;}
  .xcvpn-list-filters{grid-template-columns:1fr 1fr!important;}
  .xcvpn-bulk-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .provider-details-form,.provider-actions,.provider-preview-grid,.provider-country-inline,.xcvpn-manual-form{grid-template-columns:1fr!important;}
  .provider-select-wrap,#providerConfigList{height:390px!important;max-height:55vh!important;}
  .provider-actions>.btn,.provider-country-inline .btn,.provider-country-inline select{width:100%!important;}
  .xcvpn-form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .xcvpn-form-actions .btn{width:100%!important;}
}

/* V46 layout polish: compact aligned controls and two-column provider layout */
.xcvpn-page-titlebar--left{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.xcvpn-page-titlebar--left .xcvpn-top-actions{order:0!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.xcvpn-page-titlebar--left h2,
.xcvpn-page-titlebar--left h4{margin:0!important}

.xcvpn-list-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.xcvpn-list-filters{display:flex!important;align-items:flex-end!important;gap:10px!important;flex-wrap:wrap!important;flex:1 1 auto!important}
.xcvpn-filter-field{min-width:120px!important;max-width:160px!important;flex:0 0 140px!important}
.xcvpn-filter-field label{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:4px!important}
.xcvpn-filter-field .form-control{height:40px!important;padding:6px 12px!important}
.xcvpn-list-count{white-space:nowrap!important;font-size:12px!important}
.xcvpn-bulk-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-left:auto!important}

.provider-body{padding:16px!important}
.provider-layout{display:grid!important;grid-template-columns:minmax(300px,1.15fr) minmax(320px,.85fr)!important;gap:14px!important;align-items:start!important}
.provider-left-col,.provider-right-col{min-width:0!important}
.provider-search{margin-bottom:10px!important}
.provider-search input{height:40px!important;font-size:13px!important;padding-right:42px!important}
.provider-select-wrap{height:340px!important;max-height:340px!important}
.provider-option{padding:9px 12px!important}
.provider-preview,.provider-port-card{margin-top:0!important}
.provider-right-col{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.provider-preview-grid{grid-template-columns:1fr!important;gap:8px!important}
.provider-chip{padding:10px 12px!important}
.provider-actions-stacked{margin-top:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.provider-primary-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.provider-primary-actions .btn{flex:1 1 160px!important}
.provider-country-inline{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;min-width:0!important;align-items:center!important}
.provider-country-inline select{min-width:0!important;height:42px!important}
.provider-country-inline .btn{height:42px!important;display:inline-flex!important;align-items:center!important}
.provider-actions-clean .btn{white-space:nowrap!important}
.provider-preview b{font-size:18px!important}
.provider-chip small{margin-bottom:4px!important}
.provider-chip b{font-size:15px!important}

/* Compact top controls on DataTables pages such as DNS / Extra Users */
.dataTables_wrapper .row:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.dataTables_wrapper .row:first-child > div{
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{margin:0!important}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.dataTables_wrapper .dataTables_length{order:1!important}
.dataTables_wrapper .dataTables_filter{order:2!important;margin-left:0!important}
.dataTables_wrapper .dataTables_length select{min-width:76px!important;width:76px!important;height:34px!important;font-size:12px!important}
.dataTables_wrapper .dataTables_filter input{min-width:170px!important;width:170px!important;height:34px!important;font-size:12px!important}
.dataTables_wrapper .dataTables_info{order:3!important;margin-left:auto!important;white-space:nowrap!important}
.dataTables_wrapper .dataTables_paginate{width:100%!important;display:flex!important;justify-content:flex-start!important;margin-top:10px!important}

/* Ensure card header action buttons stay compact */
.card-header .btn{white-space:nowrap!important}
.card-header .xcvpn-top-actions .btn{height:42px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}

@media (max-width: 991px){
  .provider-layout{grid-template-columns:1fr!important}
  .provider-select-wrap{height:300px!important;max-height:42vh!important}
}

@media (max-width: 767px){
  .xcvpn-list-toolbar{align-items:stretch!important}
  .xcvpn-list-filters{flex:1 1 100%!important}
  .xcvpn-filter-field{flex:1 1 130px!important;max-width:none!important}
  .xcvpn-list-count{flex:1 1 100%!important}
  .xcvpn-bulk-actions{margin-left:0!important;flex:1 1 100%!important}
  .provider-body{padding:12px!important}
  .provider-search input{height:38px!important}
  .provider-country-inline{grid-template-columns:1fr!important}
  .provider-primary-actions{display:grid!important;grid-template-columns:1fr!important}
  .dataTables_wrapper .row:first-child{align-items:flex-start!important}
  .dataTables_wrapper .dataTables_info{margin-left:0!important;flex:1 1 100%!important}
}

/* V46 tighter provider + DataTables topbar pass */
.provider-top-compact{padding:12px 16px!important}
.provider-details-card{padding:10px 14px!important}
.provider-details-form{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto!important;gap:8px!important}
.provider-details-form input{height:38px!important;font-size:12px!important}
.provider-details-buttons{display:flex!important;gap:8px!important;align-items:end!important;flex-wrap:nowrap!important}
.provider-details-buttons .btn{height:38px!important;padding:7px 11px!important;font-size:12px!important;white-space:nowrap!important}
.provider-details-help{font-size:11px!important;margin-top:6px!important}
.provider-preview-compact{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;padding:9px 11px!important;margin:0!important;min-height:42px!important}
.provider-preview-compact span{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#101b2c!important;border:1px solid rgba(67,220,255,.12)!important;border-radius:10px!important;padding:6px 9px!important;min-width:0!important;max-width:100%!important}
.provider-preview-compact b{font-size:12px!important;color:#9bb5ca!important;white-space:nowrap!important}
.provider-preview-compact em{font-style:normal!important;font-size:13px!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:150px!important}
.provider-port-country-card{padding:10px!important;margin:0!important}
.provider-port-country-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:end!important}
.provider-port-country-grid label{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#93a8bf!important;margin-bottom:4px!important}
.provider-port-country-grid select{height:38px!important;font-size:12px!important;padding:6px 10px!important}
.provider-actions-stacked{gap:8px!important}
.provider-primary-actions .btn,.provider-country-buttons-only .btn{height:40px!important;padding:8px 12px!important;font-size:13px!important}
.provider-country-buttons-only{display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important}
.provider-country-buttons-only .btn{flex:1 1 50%!important;justify-content:center!important}
.provider-select-wrap{height:300px!important;max-height:300px!important}
.provider-option-title{font-size:13px!important}.provider-option-meta{font-size:10px!important}

.xcvpn-page-titlebar--datatable{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;flex-wrap:nowrap!important}
.xcvpn-page-titlebar--datatable > div:last-child{min-width:220px!important}
.xc-dt-compactbar{display:flex!important;align-items:center!important;gap:10px!important;flex:1 1 auto!important;min-width:0!important}
.xc-dt-spacer{flex:1 1 auto!important}
.xc-dt-compactbar .dataTables_filter label,.xc-dt-compactbar .dataTables_length label{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:11px!important;color:#a8bdd2!important;white-space:nowrap!important}
.xc-dt-compactbar .dataTables_filter input{width:190px!important;min-width:140px!important;height:36px!important;font-size:12px!important;border-radius:12px!important}
.xc-dt-compactbar .dataTables_length select{width:72px!important;min-width:72px!important;height:36px!important;font-size:12px!important;border-radius:12px!important}
.xc-dt-perpage{margin-left:auto!important}
.dataTables_wrapper > .row:first-child:empty{display:none!important}
.dataTables_wrapper > .row:first-child{margin-bottom:6px!important}

@media(max-width:991px){
  .provider-details-form{grid-template-columns:1fr!important}.provider-details-buttons{flex-wrap:wrap!important}.provider-details-buttons .btn{flex:1 1 140px!important}
  .provider-port-country-grid{grid-template-columns:1fr!important}
  .xcvpn-page-titlebar--datatable{flex-wrap:wrap!important}.xc-dt-compactbar{flex:1 1 100%!important}.xc-dt-spacer{display:none!important}.xc-dt-perpage{margin-left:0!important}.xc-dt-compactbar .dataTables_filter input{width:180px!important}
}
@media(max-width:575px){
  .xc-dt-compactbar{display:grid!important;grid-template-columns:1fr 92px!important}.xc-dt-compactbar .dataTables_filter input{width:100%!important}.xc-dt-compactbar .dataTables_filter label{width:100%!important}.xc-dt-compactbar .dataTables_length label{justify-content:flex-end!important}
  .provider-preview-compact{display:grid!important;grid-template-columns:1fr!important}.provider-preview-compact em{max-width:100%!important}
}

/* V46 final compact alignment pass */
.xcvpn-page-titlebar--datatable{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
}
.xc-page-title-left{order:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:190px!important;max-width:310px!important;}
.xcvpn-page-titlebar--datatable .xcvpn-top-actions{order:1!important;display:flex!important;gap:8px!important;align-items:center!important;flex:0 0 auto!important;}
.xc-dt-compactbar{order:2!important;display:flex!important;align-items:center!important;gap:10px!important;flex:1 1 auto!important;min-width:0!important;}
.xc-dt-compactbar .dataTables_filter{order:0!important;flex:0 1 280px!important;margin:0!important;}
.xc-dt-compactbar .dataTables_length{order:1!important;margin-left:auto!important;flex:0 0 auto!important;}
.xc-dt-compactbar label{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-size:12px!important;color:#9bb5ca!important;}
.xc-dt-compactbar .dataTables_filter input{width:220px!important;min-width:160px!important;height:40px!important;border-radius:14px!important;}
.xc-dt-compactbar .dataTables_length select{width:84px!important;height:40px!important;border-radius:14px!important;}
.dataTables_wrapper .row:first-child{display:none!important;}
.dataTables_wrapper .dataTables_info{font-size:12px!important;color:#9bb5ca!important;}
.dataTables_wrapper .dataTables_paginate{margin-top:8px!important;}

/* Provider page: tighter right half and equal control heights */
.provider-details-form input,
.provider-details-form .btn,
.provider-port-country-grid select,
.provider-search input,
.provider-primary-actions .btn,
.provider-country-buttons-only .btn{
  height:40px!important;
  min-height:40px!important;
  border-radius:14px!important;
}
.provider-details-form label,
.provider-port-country-grid label{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#9bb5ca!important;margin-bottom:4px!important;}
.provider-preview-compact{min-height:40px!important;padding:7px 9px!important;gap:7px!important;}
.provider-preview-compact span{min-height:30px!important;padding:5px 8px!important;border-radius:11px!important;}
.provider-preview-compact b{font-size:11px!important;}
.provider-preview-compact em{font-size:12px!important;max-width:125px!important;}
.provider-port-country-card{padding:9px!important;}
.provider-select-wrap{height:270px!important;max-height:270px!important;}
.provider-option{padding:8px 10px!important;margin:3px 0!important;border-radius:11px!important;}
.provider-option-title{font-size:12px!important;line-height:1.18!important;}
.provider-option-meta{font-size:10px!important;line-height:1.1!important;}
.provider-body .badge{height:24px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;}

/* Make page headers start from the left on all matching pages */
.xcvpn-page-titlebar--left{justify-content:flex-start!important;}
.card-header{padding:14px 18px!important;}
.card-body{padding:16px 18px!important;}

@media(max-width:900px){
  .xcvpn-page-titlebar--datatable{flex-wrap:wrap!important;align-items:flex-start!important;}
  .xc-page-title-left{flex:1 1 100%!important;max-width:none!important;}
  .xc-dt-compactbar{flex:1 1 100%!important;}
  .xc-dt-compactbar .dataTables_length{margin-left:0!important;}
  .xc-dt-compactbar .dataTables_filter{flex:1 1 220px!important;}
  .xc-dt-compactbar .dataTables_filter input{width:100%!important;}
}
@media(max-width:575px){
  .xc-dt-compactbar{display:grid!important;grid-template-columns:1fr!important;}
  .xc-dt-compactbar .dataTables_filter,.xc-dt-compactbar .dataTables_length{width:100%!important;}
  .xc-dt-compactbar label{width:100%!important;justify-content:space-between!important;}
  .xc-dt-compactbar .dataTables_filter input,.xc-dt-compactbar .dataTables_length select{width:100%!important;}
}

/* V46: cleaner DNS/Extra Users top layout */
.xc-clean-page-header{padding:18px 20px!important}
.xc-clean-title-row{display:flex;align-items:flex-start;justify-content:flex-start;width:100%}
.xc-dt-toolbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;
  padding:12px 0 14px!important;margin:0!important;
}
.xc-dt-left,.xc-dt-right{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.xc-dt-left{justify-content:flex-start!important;flex:1 1 auto!important}.xc-dt-right{justify-content:flex-end!important;margin-left:auto!important}
.xc-dt-toolbar .dataTables_filter,.xc-dt-toolbar .dataTables_length{margin:0!important}
.xc-dt-toolbar .dataTables_filter label,.xc-dt-toolbar .dataTables_length label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;white-space:nowrap!important;font-size:12px!important;color:#aec3d8!important}
.xc-dt-toolbar .dataTables_filter input,.xc-dt-toolbar .dataTables_length select{height:42px!important;border-radius:13px!important;background:#090f19!important;border:1px solid rgba(67,220,255,.20)!important;color:#f4f8ff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important}
.xc-dt-toolbar .dataTables_filter input{width:240px!important;min-width:220px!important}.xc-dt-toolbar .dataTables_length select{width:90px!important;min-width:90px!important}
.dataTables_wrapper .row:first-child{display:none!important}
.dataTables_wrapper .dataTables_info{font-size:12px!important;color:#c5d5e8!important;margin-top:10px!important}.dataTables_wrapper .dataTables_paginate{margin-top:8px!important}

/* V46: multi-select provider list */
.provider-option{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;text-align:left!important}
.provider-option-checkwrap{display:flex!important;align-items:center!important;justify-content:center!important}
.provider-option .provider-multi-check{width:18px!important;height:18px!important;margin:0!important;accent-color:#43dcff!important;cursor:pointer!important}
.provider-option-text{display:block!important;min-width:0!important;overflow:hidden!important}
.provider-option.multi-selected{box-shadow:inset 3px 0 0 #35d08c, 0 0 0 1px rgba(53,208,140,.28)!important;background:rgba(22,74,76,.72)!important}
.provider-selected-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 12px!important;border:1px solid rgba(67,220,255,.20)!important;border-radius:13px!important;background:rgba(9,15,25,.85)!important;color:#bcd3e8!important;font-size:12px!important;white-space:nowrap!important}
.provider-primary-actions{align-items:center!important}

@media(max-width:767px){
  .xc-dt-toolbar{align-items:stretch!important}.xc-dt-left,.xc-dt-right{width:100%!important;margin-left:0!important;justify-content:flex-start!important}.xc-dt-toolbar .dataTables_filter input{width:100%!important;min-width:0!important}.xc-dt-toolbar .dataTables_filter{flex:1 1 100%!important}.xc-dt-search-slot{flex:1 1 auto!important}.xc-dt-toolbar .btn{width:auto!important}
}

/* V46 neat action/button polish: one button language across the whole panel */
:root{--xc-btn-h:40px;--xc-field-h:40px;}
button.btn,a.btn,input.btn,.btn{
  min-height:var(--xc-btn-h)!important;
  height:var(--xc-btn-h)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:8px 14px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#f4f8ff!important;
  background:linear-gradient(135deg,rgba(35,44,58,.98),rgba(19,27,39,.96))!important;
  border:1px solid rgba(142,167,188,.42)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
}
button.btn:hover,a.btn:hover,input.btn:hover,.btn:hover,
button.btn:focus,a.btn:focus,input.btn:focus,.btn:focus{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(32,80,98,.98),rgba(22,43,61,.98))!important;
  border-color:rgba(67,220,255,.65)!important;
  box-shadow:0 0 0 .14rem rgba(67,220,255,.12),0 10px 26px rgba(0,0,0,.32)!important;
}
.btn.btn-danger,.btn.btn-outline-danger,.btn.btn-warning,.btn.btn-success,.btn.btn-primary,.btn.btn-info,.btn.btn-secondary,.btn.btn-light{
  background:linear-gradient(135deg,rgba(35,44,58,.98),rgba(19,27,39,.96))!important;
  border-color:rgba(142,167,188,.42)!important;
  color:#f4f8ff!important;
}
.btn.icon-btn{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important;}
.form-control,input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],select,textarea,
.dataTables_wrapper input,.dataTables_wrapper select,
.provider-details-form input,.provider-search input,.provider-port-country-grid select,.provider-country-inline select{
  min-height:var(--xc-field-h)!important;
  height:var(--xc-field-h)!important;
  border-radius:13px!important;
  font-size:13px!important;
  background:#090f19!important;
  border:1px solid rgba(67,220,255,.20)!important;
  color:#f4f8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
textarea.form-control,textarea{height:auto!important;min-height:92px!important;}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#8fa4b9!important;opacity:.9!important;font-size:13px!important;}
select.form-control option,select option{background:#0b1320!important;color:#f4f8ff!important;}
.modal-content,.dropdown-menu,.dataTables_wrapper .dataTables_length select option{
  background:linear-gradient(135deg,#0b1320,#101b2c)!important;
  color:#f4f8ff!important;
  border:1px solid rgba(67,220,255,.18)!important;
}

/* Provider buttons: clean two-by-two grid, equal sizes */
.provider-actions-stacked{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:0!important;}
.provider-primary-actions,.provider-country-buttons-only{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.provider-primary-actions .btn,.provider-country-buttons-only .btn,.provider-action-btn{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  justify-content:center!important;
  padding:9px 12px!important;
  margin:0!important;
}
.provider-selected-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(67,220,255,.14)!important;
  border:1px solid rgba(67,220,255,.25)!important;
  font-size:11px!important;
  color:#dff8ff!important;
}
.provider-details-buttons .btn{height:40px!important;min-height:40px!important;}
.provider-select-wrap{height:300px!important;max-height:300px!important;}
.provider-option.multi-selected{background:rgba(67,220,255,.13)!important;border:1px solid rgba(67,220,255,.30)!important;}
.provider-option-checkwrap input{width:16px!important;height:16px!important;accent-color:#43dcff!important;}

/* Consistent page control rows */
.xcvpn-dt-topbar,.xcvpn-list-toolbar{gap:10px!important;}
.xcvpn-dt-topbar .form-control,.xcvpn-list-toolbar .form-control{height:40px!important;min-height:40px!important;}

@media(max-width:575px){
  .provider-primary-actions,.provider-country-buttons-only{grid-template-columns:1fr!important;}
  .btn{width:100%;}
}
