/*
  AirMax settings + receiver matching report page migration.
  Uses the shared UA V2 design tokens and keeps all colors/surfaces scoped to
  AirMax pages so Bootstrap table/card defaults cannot reintroduce white panels.
*/

body.ua-design-v2 :where(.airmax-page,.rxr-page){
  color:var(--ua-ds-text) !important;
}


/* Page surface: inherit the selected program template from the first pixel. */
body.ua-design-v2.ua-p-airmax-monitor-settings,
body.ua-design-v2.ua-p-receiver-match-report{
  background:
    radial-gradient(circle at 18% -8%, color-mix(in srgb,var(--ua-accent) 17%,transparent), transparent 34%),
    linear-gradient(180deg,var(--ua-theme-page-bg),color-mix(in srgb,var(--ua-theme-page-bg) 82%,var(--ua-theme-surface-2) 18%)) !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings :where(.ua-shell,.ua-main,.ua-page,.content-wrapper,.content,section.content,.ua-extracted-page),
body.ua-design-v2.ua-p-receiver-match-report :where(.ua-shell,.ua-main,.ua-page,.content-wrapper,.content,section.content,.ua-extracted-page){
  background:transparent !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .ua-airmax-scope,
body.ua-design-v2.ua-p-receiver-match-report .ua-airmax-scope{
  min-height:calc(100vh - 28px);
  padding:14px;
  border-radius:calc(var(--ua-radius) + 2px);
  background:
    radial-gradient(circle at 8% -18%, color-mix(in srgb,var(--ua-accent) 13%,transparent), transparent 38%),
    linear-gradient(180deg,var(--ua-theme-surface),var(--ua-theme-surface-2)) !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .ua-settings-tabs-wrap{
  padding:0 0 8px;
  margin-bottom:10px;
  background:transparent !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .ua-settings-tabs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(88px,max-content));
  justify-content:center;
  gap:7px;
  overflow:visible;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .ua-settings-tab{
  min-height:34px;
  max-width:190px;
  padding:6px 11px;
  border-radius:11px;
  font-size:.76rem;
  line-height:1.25;
  text-align:center;
  white-space:normal;
  background:color-mix(in srgb,var(--ua-theme-input) 82%,transparent) !important;
  color:var(--ua-ds-title) !important;
  border-color:color-mix(in srgb,var(--ua-accent-2) 35%,var(--ua-ds-line)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
}

body.ua-design-v2.ua-p-airmax-monitor-settings .ua-settings-tab.is-active{
  background:linear-gradient(135deg,var(--ua-accent-2),color-mix(in srgb,var(--ua-accent-2) 70%,#ffb000)) !important;
  color:#102018 !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-card .card-header .btn{
  min-height:32px;
  padding:.28rem .58rem;
  border-radius:10px;
  font-size:.76rem;
  line-height:1.2;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-help{
  position:relative;
  z-index:12;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-help summary{
  list-style:none;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--ua-accent) 52%,var(--ua-ds-line));
  background:linear-gradient(135deg,rgba(37,99,235,.58),rgba(14,165,233,.30));
  color:#e0f2fe;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-help summary::-webkit-details-marker{
  display:none;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-help[open] summary{
  background:linear-gradient(135deg,rgba(37,99,235,.82),rgba(14,165,233,.46));
  border-color:#93c5fd;
  color:#fff;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-help-panel{
  position:absolute;
  inset-inline-end:0;
  top:40px;
  width:min(560px,82vw);
  padding:13px 15px;
  border:1px solid color-mix(in srgb,var(--ua-accent) 34%,var(--ua-ds-line));
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,38,50,.98),rgba(4,25,34,.98));
  box-shadow:0 22px 44px rgba(0,0,0,.35);
  color:var(--ua-ds-text);
  line-height:1.7;
  font-size:.82rem;
  text-align:right;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-help-panel strong{
  color:#ffe28a;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-local-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 12px;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-local-tab-buttons,
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-local-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-local-tools{
  justify-content:flex-start;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-local-tab{
  min-height:34px;
  padding:0 13px;
  border-radius:11px;
  border:1px solid color-mix(in srgb,var(--ua-accent-2) 30%,var(--ua-ds-line));
  background:rgba(3,18,27,.72);
  color:var(--ua-ds-title);
  font-size:.78rem;
  font-weight:950;
  cursor:pointer;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-local-tab.is-active{
  background:linear-gradient(135deg,var(--ua-accent-2),color-mix(in srgb,var(--ua-accent-2) 70%,#ffb000));
  border-color:rgba(255,211,102,.70);
  color:#102018;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-tab-panel[hidden]{
  display:none !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-tab-panel[data-airmax-panel="devices"]:not([hidden]){
  display:block !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-match-card,
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-official{
  margin:0 0 12px;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .rxr-port-manage-cell{
  display:flex;
  justify-content:center;
  gap:6px;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .rxr-port-rename-btn,
body.ua-design-v2.ua-p-airmax-monitor-settings .rxr-port-remove-btn{
  width:30px;
  min-width:30px;
  height:28px;
  min-height:28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  font-weight:950;
  cursor:pointer;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .rxr-port-rename-btn{
  border:1px solid rgba(96,165,250,.52);
  background:linear-gradient(135deg,rgba(30,64,175,.72),rgba(12,74,110,.78));
  color:#dbeafe;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .rxr-port-remove-btn{
  border:1px solid rgba(248,113,113,.52);
  background:linear-gradient(135deg,rgba(127,29,29,.72),rgba(69,10,10,.78));
  color:#fee2e2;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-official .rxr-table-wrap{
  overflow-x:auto !important;
  min-height:0;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table.rxr-table-clean{
  width:100%;
  min-width:640px;
  table-layout:fixed;
  font-size:.72rem;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :where(th,td){
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.25;
  padding:.38rem .45rem !important;
  text-align:center;
  vertical-align:middle;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table th{
  height:auto;
  font-size:.68rem;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :is(th:nth-child(1),td:nth-child(1)){
  width:14%;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :is(th:nth-child(2),td:nth-child(2)){
  width:24%;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :is(th:nth-child(3),td:nth-child(3)){
  width:24%;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :is(th:nth-child(4),td:nth-child(4)),
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :is(th:nth-child(5),td:nth-child(5)){
  width:11%;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table :is(th:nth-child(6),td:nth-child(6)){
  width:16%;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table .rxr-id-badge,
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table .rxr-count{
  min-width:24px;
  height:22px;
  padding:0 5px;
  font-size:.66rem;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table .rxr-port-manage-cell{
  display:table-cell !important;
  white-space:nowrap;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table .rxr-port-rename-btn,
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-router-ports-table .rxr-port-remove-btn{
  width:26px;
  min-width:26px;
  height:26px;
  min-height:26px;
  margin-inline:2px;
}

body.ua-design-v2.ua-p-airmax-monitor-settings :where(.content-wrapper,.content,.ua-extracted-page),
body.ua-design-v2.ua-p-receiver-match-report :where(.content-wrapper,.content,.ua-extracted-page){
  background:transparent !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .content,
body.ua-design-v2.ua-p-receiver-match-report .content{
  padding:var(--ua-ds-page-pad) !important;
}

/* Shared dark card contract for legacy Bootstrap cards used by these pages. */
body.ua-design-v2 :where(.airmax-card,.rxr-page){
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  border-radius:var(--ua-radius) !important;
  background:
    radial-gradient(circle at 8% -12%, color-mix(in srgb,var(--ua-accent) 16%,transparent), transparent 34%),
    linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2)) !important;
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft)) !important;
  color:var(--ua-ds-text) !important;
  overflow:hidden;
  -webkit-backdrop-filter:var(--ua-ds-blur);
  backdrop-filter:var(--ua-ds-blur);
}

body.ua-design-v2 .airmax-card :where(.card-header,.card-body),
body.ua-design-v2 .rxr-page{
  background:transparent !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2 .airmax-card .card-header{
  min-height:calc(var(--ua-ds-control-h) + 10px);
  border-bottom:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  padding:10px var(--ua-ds-panel-pad) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)) !important;
}

body.ua-design-v2 .airmax-card .card-title,
body.ua-design-v2 .rxr-head h2{
  color:var(--ua-ds-title) !important;
  font-weight:950 !important;
  letter-spacing:0;
}

body.ua-design-v2 .airmax-card .card-body{
  padding:var(--ua-ds-panel-pad) !important;
}

/* Notes / status strips. */
body.ua-design-v2 .airmax-note,
body.ua-design-v2 .rxr-note{
  border:var(--ua-border-width) var(--ua-border-style) color-mix(in srgb,var(--ua-accent) 28%,var(--ua-ds-line)) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)) !important;
  color:var(--ua-ds-muted) !important;
  padding:10px 12px;
  border-radius:calc(var(--ua-radius) * .72);
  line-height:1.55;
  font-size:.86rem;
}

body.ua-design-v2 .airmax-note strong,
body.ua-design-v2 .rxr-note strong{
  color:var(--ua-ds-title) !important;
}

/* Tables: override Bootstrap white table/cell defaults fully and locally. */
body.ua-design-v2 :where(.airmax-settings-table,.rxr-table){
  width:100%;
  margin-bottom:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  color:var(--ua-ds-text) !important;
  background:transparent !important;
}

body.ua-design-v2 :where(.airmax-settings-table,.rxr-table) :where(th,td){
  background:var(--ua-ds-table-row) !important;
  color:var(--ua-ds-text) !important;
  border-color:var(--ua-ds-line) !important;
  vertical-align:middle !important;
}

body.ua-design-v2 :where(.airmax-settings-table,.rxr-table) thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--ua-ds-table-head) !important;
  color:var(--ua-ds-title) !important;
  font-weight:950 !important;
  text-align:center;
  white-space:nowrap;
}

body.ua-design-v2 :where(.airmax-settings-table,.rxr-table) tbody tr:nth-child(even) > td{
  background:var(--ua-ds-table-row-alt) !important;
}

body.ua-design-v2 :where(.airmax-settings-table,.rxr-table) tbody tr:hover > td{
  background:color-mix(in srgb,var(--ua-accent) 14%,var(--ua-ds-table-row)) !important;
}

body.ua-design-v2 .table-responsive,
body.ua-design-v2 .rxr-table-wrap{
  overflow:auto !important;
  padding-bottom:6px;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  border-radius:var(--ua-radius) !important;
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2)) !important;
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft));
}

/* Inputs/selects: stop Bootstrap light controls on migrated AirMax pages. */
body.ua-design-v2 :where(.airmax-input.form-control,.airmax-input.form-control-sm,select.airmax-input,input.airmax-input),
body.ua-design-v2.ua-p-airmax-monitor-settings :where(.form-control,.form-select,select,input[type="text"],input[type="password"],input[type="number"]){
  min-height:var(--ua-ds-control-h);
  border-radius:calc(var(--ua-radius) * .55) !important;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  background:var(--ua-ds-input) !important;
  color:var(--ua-ds-title) !important;
  box-shadow:none !important;
  outline:none !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings :where(.form-control,.form-select,select,input)::placeholder{
  color:color-mix(in srgb,var(--ua-ds-muted) 72%,transparent) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings :where(.form-control,.form-select,select,input):focus{
  border-color:color-mix(in srgb,var(--ua-accent) 62%,var(--ua-ds-line)) !important;
  box-shadow:var(--ua-ds-focus) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings select option{
  background:#071722 !important;
  color:#eef6ff !important;
}

/* AirMax settings layout. */
.progress.progress-xs{height:6px}
.airmax-settings-table td,.airmax-settings-table th{padding:.42rem .42rem}
.airmax-settings-table thead th{font-size:.78rem;padding:.38rem .35rem}
.airmax-card .card-body{padding-bottom:.85rem}
.airmax-id-cell,.col-id{width:58px;text-align:center}
.airmax-id{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.05);font-weight:800;font-size:.8rem;color:var(--ua-ds-title)}
.airmax-id-new{background:rgba(255,193,7,.14);color:#ffd561}
.col-name{min-width:170px}.col-host{min-width:180px}.col-access{min-width:180px}.col-config{min-width:98px}.col-probe{min-width:260px}.col-actions{min-width:190px}
.airmax-device-stack,.airmax-config-stack{display:grid;gap:6px}
.airmax-config-stack{align-content:start}
.airmax-subline{font-size:.72rem;color:var(--ua-ds-muted)!important;line-height:1.3;padding-inline:.15rem}
.airmax-host{direction:ltr;text-align:left}
.airmax-sort{max-width:70px}
.airmax-toggle-wrap{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:.1rem 0 0;font-size:.74rem;color:var(--ua-ds-muted)!important}
.airmax-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0}
.airmax-check input{display:none}
.airmax-check span{width:16px;height:16px;border-radius:5px;border:1px solid var(--ua-ds-line);display:inline-block;position:relative;background:rgba(255,255,255,.04)}
.airmax-check input:checked + span::after{content:"";position:absolute;inset:3px;border-radius:3px;background:var(--ua-accent)}
.airmax-probe-cell{min-width:260px}
.airmax-route-text{line-height:1.35;word-break:break-word;font-weight:900;font-size:.84rem;color:var(--ua-ds-title)!important}
.airmax-vendor-os{margin:.1rem 0 .22rem;color:var(--ua-ds-muted)!important;font-size:.74rem;line-height:1.3}
.airmax-probe-progress{margin-bottom:.22rem}
.airmax-progress-line{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--ua-ds-muted)!important}
.airmax-probe-result{min-height:24px;line-height:1.35;font-size:.77rem;margin-bottom:.22rem;color:var(--ua-ds-muted)!important}
.badge{border-radius:999px;padding:.2rem .46rem;font-size:.68rem}
.airmax-actions-cell{min-width:136px}
.airmax-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.airmax-actions-grid .btn{margin:0!important;min-height:30px;padding:.18rem .35rem;font-size:.74rem;font-weight:900}
.airmax-actions-grid .btn-info{grid-column:1/-1}
.airmax-delete-btn{grid-column:1/-1}
.airmax-actions-grid-add{grid-template-columns:1fr}
.airmax-add-row td{background:color-mix(in srgb,var(--ua-accent) 7%,var(--ua-ds-table-row))!important}

/* Device manager: compact master/detail rows. The list remains a readable
   operational overview; editing controls are mounted only when a row is
   explicitly opened. This prevents every device from becoming a full form. */
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-tab-panel[data-airmax-panel="devices"] > .table-responsive{
  max-height:calc(100vh - 300px);
  min-height:360px;
  overflow:auto !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table{
  min-width:1120px;
  table-layout:fixed;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-id{width:4%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-name{width:18%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-host{width:15%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-access{width:16%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-config{width:9%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-probe{width:23%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table .col-actions{width:15%}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr{
  height:58px;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr.is-editing,
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr.airmax-add-row{
  height:auto;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr:not(.is-editing):not(.airmax-add-row) :is(
  .airmax-device-stack > input,
  .airmax-device-stack > select,
  .airmax-device-stack > .airmax-subline,
  .airmax-device-stack > .airmax-snmp-field,
  .airmax-config-stack > input,
  .airmax-config-stack > .airmax-toggle-wrap,
  .airmax-actions-grid > .btn-success
){
  display:none !important;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr:not(.is-editing):not(.airmax-add-row) .airmax-probe-cell :is(
  .airmax-vendor-os,
  .airmax-probe-progress,
  .airmax-probe-result
){display:none !important}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr:not(.is-editing):not(.airmax-add-row) .airmax-probe-cell{
  line-height:1.15;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr.is-editing .airmax-row-summary{
  display:none !important;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-settings-table tbody tr.is-editing > td{
  vertical-align:top !important;
  padding-top:.55rem !important;
  padding-bottom:.55rem !important;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-row-summary{
  display:grid;
  gap:3px;
  min-width:0;
  line-height:1.2;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-row-summary strong{
  color:var(--ua-ds-title);
  font-size:.78rem;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-row-summary span{
  color:var(--ua-ds-muted);
  font-size:.66rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-host-summary{
  text-align:left;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-config-summary{
  place-items:center;
}
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-edit-toggle.is-active{
  color:#fff0a8 !important;
  border-color:rgba(245,190,45,.65) !important;
  background:rgba(245,158,11,.16) !important;
}

/* Device activity log: readable event ledger, separate from subscriber logs. */
.airmax-device-log-panel{
  display:grid;
  gap:12px;
}
.airmax-device-log-head{
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
}
.airmax-device-log-head h3{
  margin:0 0 4px;
  color:var(--ua-ds-title);
  font-size:1rem;
  font-weight:950;
}
.airmax-device-log-head p{
  margin:0;
  color:var(--ua-ds-muted);
  font-size:.82rem;
  line-height:1.6;
}
.airmax-device-log-actions{
  display:grid;
  justify-items:stretch;
  gap:8px;
  min-width:0;
  width:100%;
}
.airmax-device-log-pull-form{
  width:100%;
}
.airmax-device-log-request{
  display:grid;
  grid-template-columns:minmax(210px,.72fr) minmax(420px,1.28fr) 144px;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--ua-accent-2) 30%,var(--ua-ds-line));
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.airmax-device-log-request__text{
  display:grid;
  gap:3px;
  min-width:0;
  text-align:right;
}
.airmax-device-log-request__text strong{
  color:var(--ua-ds-title);
  font-size:.84rem;
  font-weight:950;
  line-height:1.25;
}
.airmax-device-log-request__text small{
  color:var(--ua-ds-muted);
  font-size:.7rem;
  font-weight:800;
  line-height:1.45;
}
.airmax-device-log-picker{
  display:grid;
  gap:4px;
  min-width:0;
  margin:0;
}
.airmax-device-log-picker span{
  color:var(--ua-ds-muted);
  font-size:.72rem;
  font-weight:950;
  line-height:1;
  text-align:right;
}
.airmax-device-log-pull-form select{
  min-width:0;
  width:100%;
  height:40px;
  text-align:right;
  padding-inline:12px 34px;
  border-radius:10px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
}
.airmax-device-log-pull-form .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-width:0;
  min-height:40px;
  padding-inline:14px;
  white-space:nowrap;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
}
.airmax-device-log-stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:6px;
  flex:0 0 auto;
}
.airmax-device-log-stats span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid color-mix(in srgb,var(--ua-accent-2) 36%,var(--ua-ds-line));
  border-radius:999px;
  color:var(--ua-ds-title);
  background:rgba(255,255,255,.04);
  font-size:.74rem;
  font-weight:900;
  white-space:nowrap;
}
.airmax-log-translate-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:24px;
  margin-top:8px;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--ua-accent-2) 48%,var(--ua-ds-line));
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--ua-accent-2);
  font-size:.68rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.airmax-log-translate-btn:hover,
.airmax-log-translate-btn.is-active{
  background:color-mix(in srgb,var(--ua-accent-2) 16%,transparent);
  color:var(--ua-ds-title);
}
.airmax-device-log-last-error{
  border:1px solid color-mix(in srgb,#fbbf24 45%,var(--ua-ds-line));
  background:rgba(251,191,36,.12);
  color:var(--ua-ds-title);
  font-weight:800;
  line-height:1.55;
}
.airmax-device-log-last-error div{
  margin-top:4px;
  color:var(--ua-ds-text);
  word-break:break-word;
}
.airmax-device-log-last-error small{
  display:block;
  margin-top:5px;
  color:var(--ua-ds-muted);
  font-size:.76rem;
  font-weight:900;
}
.airmax-device-log-wrap{
  max-height:520px;
  direction:ltr !important;
  overflow-y:auto !important;
  overflow-x:auto !important;
  unicode-bidi:isolate;
}
.ua-airmax-scope .airmax-device-log-wrap.table-responsive{
  direction:ltr !important;
}
.airmax-device-log-inner{
  direction:rtl;
  min-width:100%;
}
.airmax-device-log-table{
  table-layout:fixed;
  direction:rtl !important;
}
.airmax-device-log-table th:nth-child(1){width:136px}
.airmax-device-log-table th:nth-child(2){width:160px}
.airmax-device-log-table th:nth-child(3){width:112px}
.airmax-device-log-table th:nth-child(4){width:78px}
.airmax-device-log-table th:nth-child(5){width:46%}
.airmax-device-log-table th:nth-child(6){width:24%}
.airmax-device-log-table :where(th,td){
  text-align:center;
}
.airmax-device-log-table td{
  vertical-align:top !important;
}
.airmax-device-log-raw{
  display:block;
  width:100%;
  max-height:none;
  overflow:visible;
  direction:ltr;
  text-align:left;
  white-space:pre-wrap;
  word-break:break-word;
  overflow-wrap:anywhere;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ua-ds-text);
  font-size:.72rem;
  line-height:1.45;
  font-family:inherit;
}
.airmax-log-view-stack{
  display:grid;
  gap:10px;
}
.airmax-log-translated-block{
  text-align:right;
  color:color-mix(in srgb,var(--ua-ds-title) 92%,#ffffff) !important;
  line-height:1.65;
}
.airmax-log-translated-block:not([hidden]){
  padding-top:8px;
  border-top:1px solid color-mix(in srgb,var(--ua-ds-line) 70%,transparent);
}
.airmax-device-log-table code.airmax-device-log-raw{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.airmax-device-log-summary{
  color:var(--ua-ds-title);
  font-weight:900;
  line-height:1.55;
  text-align:right;
}
.airmax-device-log-details{
  display:grid;
  gap:5px;
  margin:8px 0 0;
  text-align:right;
}
.airmax-device-log-details div{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:7px;
  align-items:start;
  padding:5px 7px;
  border:1px solid color-mix(in srgb,var(--ua-ds-line) 65%,transparent);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}
.airmax-device-log-details dt{
  margin:0;
  color:var(--ua-ds-muted);
  font-size:.72rem;
  font-weight:900;
}
.airmax-device-log-details dd{
  margin:0;
  color:var(--ua-ds-text);
  font-size:.74rem;
  line-height:1.45;
  word-break:break-word;
}
@media (max-width:900px){
  .airmax-device-log-head{
    grid-template-columns:1fr;
  }
  .airmax-device-log-request{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .airmax-device-log-pull-form select{
    min-width:0;
    width:100%;
  }
  .airmax-device-log-table{
    min-width:980px;
  }
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-cell{
  min-width:190px;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:center;
  align-content:center;
  align-items:center;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .airmax-icon-action{
  grid-column:auto;
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px;
  padding:0 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ua-control-bg,rgba(7,18,30,.86)) 88%,white 6%),color-mix(in srgb,var(--ua-control-bg,rgba(7,18,30,.86)) 88%,black 8%)) !important;
  border-color:color-mix(in srgb,var(--ua-control-border,var(--ua-ds-line)) 76%,transparent) !important;
  color:var(--ua-control-text,var(--ua-ds-title)) !important;
  box-shadow:0 7px 16px rgba(0,0,0,.15);
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .airmax-icon-action:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--ua-accent) 50%,var(--ua-ds-line)) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .airmax-icon-action i{
  margin:0;
  font-size:14px;
  line-height:1;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .btn-success.airmax-icon-action,
body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .btn-primary.airmax-icon-action{
  color:var(--ua-stat-icon-text,var(--ua-accent-2)) !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .btn-warning.airmax-icon-action{
  color:#ffe7a6 !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .btn-info.airmax-icon-action{
  color:#d6fbff !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .btn-danger.airmax-icon-action{
  color:#fecaca !important;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid .airmax-icon-action:disabled{
  opacity:.55;
  transform:none;
}

body.ua-design-v2.ua-p-airmax-monitor-settings .airmax-actions-grid-add{
  justify-content:center;
}

/* Receiver report layout. */
.rxr-page{padding:var(--ua-ds-panel-pad);display:grid;gap:12px}
.rxr-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:0}
.rxr-head-compact{padding:2px 0 0}
.rxr-title-block{display:grid;gap:4px;min-width:0}
.rxr-head h2{margin:0;font-size:1.22rem;line-height:1.25;color:var(--ua-airmax-title,var(--ua-ds-title))!important}
.rxr-subtitle{display:block;color:var(--ua-airmax-muted,var(--ua-ds-muted))!important;font-size:.78rem;line-height:1.45;max-width:980px}
.rxr-title-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--ua-airmax-muted,var(--ua-ds-muted))!important;font-size:.78rem;line-height:1.45;max-width:980px}
.rxr-title-meta strong{color:#ffe28a;font-weight:950}.rxr-title-meta span{display:inline-flex;gap:5px;align-items:center}
.rxr-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.rxr-actions-compact{flex:0 0 auto}
.rxr-btn{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--ua-airmax-line,var(--ua-ds-line));display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:950;text-decoration:none!important;cursor:pointer;transition:.15s ease;background:rgba(255,255,255,.035);color:var(--ua-airmax-title,var(--ua-ds-title))!important;box-shadow:0 10px 22px rgba(0,0,0,.16)}
.rxr-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ua-airmax-accent) 55%,var(--ua-airmax-line));background:rgba(255,255,255,.07)}
.rxr-btn-primary{background:linear-gradient(135deg,#f4b72a,#f59e0b)!important;color:#102018!important;border-color:rgba(255,211,102,.70)!important}
.rxr-btn-secondary{background:rgba(8,38,50,.80)!important;color:var(--ua-airmax-title)!important}
.rxr-help{position:relative;z-index:5}
.rxr-help summary{list-style:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(96,165,250,.70);background:linear-gradient(135deg,rgba(37,99,235,.55),rgba(14,165,233,.28));color:#e0f2fe;font-size:.92rem;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.rxr-help summary::-webkit-details-marker{display:none}
.rxr-help[open] summary{background:linear-gradient(135deg,rgba(37,99,235,.78),rgba(14,165,233,.42));border-color:#93c5fd;color:#ffffff}
.rxr-help-panel{position:absolute;inset-inline-end:0;top:38px;min-width:360px;max-width:min(520px,82vw);padding:14px 16px;border:1px solid color-mix(in srgb,var(--ua-airmax-accent) 36%,var(--ua-airmax-line));border-radius:16px;background:linear-gradient(180deg,rgba(8,38,50,.98),rgba(4,25,34,.98));box-shadow:0 22px 44px rgba(0,0,0,.35);color:var(--ua-airmax-text);line-height:1.7;font-size:.83rem;text-align:right}
.rxr-help-panel ol{margin:8px 0 0;padding:0 18px 0 0}.rxr-help-panel li{margin:4px 0}.rxr-help-panel b,.rxr-help-panel strong{color:#ffe28a}
.rxr-summary-strip{display:flex;align-items:stretch;gap:0;overflow:auto hidden;border:1px solid color-mix(in srgb,var(--ua-airmax-accent) 28%,var(--ua-airmax-line));border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.016));box-shadow:0 10px 24px rgba(0,0,0,.18)}
.rxr-stat{min-width:128px;flex:1 0 128px;display:grid;place-items:center;gap:2px;padding:6px 10px;border-inline-start:1px solid color-mix(in srgb,var(--ua-airmax-line) 76%,transparent);text-align:center}
.rxr-stat:first-child{border-inline-start:0}.rxr-stat span{font-size:.84rem;color:var(--ua-airmax-muted,var(--ua-ds-muted))!important;white-space:nowrap;font-weight:900}.rxr-stat strong{font-size:1.23rem;color:#ffe28a;font-weight:950;line-height:1}.rxr-stat-primary{background:linear-gradient(180deg,rgba(244,183,42,.18),rgba(244,183,42,.04))}.rxr-stat-primary strong{font-size:1.36rem;color:#fff0a8}
.rxr-snapshot-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.82rem}.rxr-warning-text{color:#ffe7a6!important;font-weight:800}
.rxr-table-wrap{max-height:calc(100vh - 330px);min-height:260px;scrollbar-color:rgba(34,211,238,.45) rgba(255,255,255,.06)}
.rxr-table-clean{font-size:.82rem;min-width:1260px}
.rxr-table-clean th{height:42px;text-align:center;white-space:nowrap;font-size:.78rem;letter-spacing:0;color:#fff2c5!important}
.rxr-table-clean td{vertical-align:middle;text-align:center;padding:.52rem .42rem!important}.rxr-table-clean tbody tr{transition:.12s ease}.rxr-table-clean tbody tr:hover td{background:color-mix(in srgb,var(--ua-airmax-accent) 12%,var(--ua-airmax-table-row))!important}
.rxr-col-id{width:56px}.rxr-col-name{min-width:132px}.rxr-col-ip{min-width:112px}.rxr-col-conflict{min-width:240px}.rxr-source-cell{max-width:180px;white-space:normal!important;word-break:break-word}.ltr-cell{direction:ltr;text-align:left!important}.small{font-size:.78rem;color:var(--ua-ds-muted)!important}
.rxr-id-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:950;color:#eaf6ff}
.rxr-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.10);font-weight:950;background:rgba(255,255,255,.045);color:var(--ua-airmax-title)}
.rxr-count-final{background:linear-gradient(135deg,rgba(34,197,94,.28),rgba(34,197,94,.08));border-color:rgba(74,222,128,.42);color:#c9ffd9}.rxr-count-known{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.30);color:#d6fbff}.rxr-count-client{background:rgba(59,130,246,.14);border-color:rgba(96,165,250,.28);color:#dbeafe}.rxr-count-raw{background:rgba(148,163,184,.10);color:#e2e8f0}.rxr-count-warn{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.45);color:#ffe7a6}.rxr-count-muted{color:var(--ua-airmax-muted)}

/* Prevent browser text selection from looking like permanent blue boxes in screenshots. */
body.ua-design-v2.ua-p-airmax-monitor-settings ::selection,
body.ua-design-v2.ua-p-receiver-match-report ::selection{
  background:color-mix(in srgb,var(--ua-accent) 38%,transparent);
  color:#fff;
}

@media (max-width: 1200px){.col-name,.col-host,.col-access{min-width:150px}.col-probe{min-width:220px}}
@media(max-width:1100px){.rxr-summary-strip{flex-wrap:nowrap}.rxr-stat{min-width:128px}.rxr-head{align-items:flex-start}}
@media(max-width:900px){.rxr-head{display:grid;gap:10px}.rxr-actions{justify-content:flex-start}.rxr-help-panel{inset-inline-start:0;inset-inline-end:auto;min-width:min(360px,82vw)}.rxr-table-wrap{max-height:calc(100vh - 390px)}}

/* Embed-safe surface contract: works even when the page is loaded with embed=1
   and therefore skips header.php/body classes. */
.ua-airmax-scope{
  --ua-airmax-accent:var(--ua-accent,#22d3ee);
  --ua-airmax-accent-2:var(--ua-accent-2,#f3ba2f);
  --ua-airmax-text:var(--ua-ds-text,#eaf0ff);
  --ua-airmax-title:var(--ua-ds-title,#ffffff);
  --ua-airmax-muted:var(--ua-ds-muted,rgba(234,240,255,.72));
  --ua-airmax-line:var(--ua-ds-line,rgba(255,255,255,.12));
  --ua-airmax-surface:var(--ua-ds-surface,rgba(7,18,30,.86));
  --ua-airmax-surface-2:var(--ua-ds-surface-2,rgba(9,28,42,.82));
  --ua-airmax-input:var(--ua-ds-input,rgba(3,28,38,.76));
  --ua-airmax-table-head:var(--ua-ds-table-head,rgba(8,55,62,.90));
  --ua-airmax-table-row:var(--ua-ds-table-row,rgba(5,30,39,.68));
  --ua-airmax-table-alt:var(--ua-ds-table-row-alt,rgba(7,38,47,.74));
  --ua-airmax-radius:var(--ua-radius,16px);
  --ua-airmax-control-h:var(--ua-ds-control-h,38px);
  color:var(--ua-airmax-text) !important;
}

.ua-airmax-scope :where(.airmax-card,.rxr-page),
.rxr-page.ua-airmax-scope{
  border:1px solid var(--ua-airmax-line) !important;
  border-radius:var(--ua-airmax-radius) !important;
  background:radial-gradient(circle at 8% -12%, color-mix(in srgb,var(--ua-airmax-accent) 16%,transparent), transparent 34%),linear-gradient(180deg,var(--ua-airmax-surface),var(--ua-airmax-surface-2)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.26) !important;
  color:var(--ua-airmax-text) !important;
  overflow:hidden;
}

.ua-airmax-scope :where(.card-header,.card-body){
  background:transparent !important;
  color:var(--ua-airmax-text) !important;
}

.ua-airmax-scope .card-header{
  border-bottom:1px solid var(--ua-airmax-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)) !important;
}

.ua-airmax-scope :where(.card-title,.rxr-head h2,.airmax-route-text){
  color:var(--ua-airmax-title) !important;
}

.ua-airmax-scope :where(.airmax-note,.rxr-note){
  border:1px solid color-mix(in srgb,var(--ua-airmax-accent) 28%,var(--ua-airmax-line)) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)) !important;
  color:var(--ua-airmax-muted) !important;
}

.ua-airmax-scope :where(.table-responsive,.rxr-table-wrap){
  background:linear-gradient(180deg,var(--ua-airmax-surface),var(--ua-airmax-surface-2)) !important;
  border:1px solid var(--ua-airmax-line) !important;
  border-radius:var(--ua-airmax-radius) !important;
}

.ua-airmax-scope :where(.table,.airmax-settings-table,.rxr-table){
  color:var(--ua-airmax-text) !important;
  background:transparent !important;
}

.ua-airmax-scope :where(.table,.airmax-settings-table,.rxr-table) :where(th,td){
  color:var(--ua-airmax-text) !important;
  background:var(--ua-airmax-table-row) !important;
  border-color:var(--ua-airmax-line) !important;
}

.ua-airmax-scope :where(.table,.airmax-settings-table,.rxr-table) thead th{
  background:var(--ua-airmax-table-head) !important;
  color:var(--ua-airmax-title) !important;
}

.ua-airmax-scope :where(.table,.airmax-settings-table,.rxr-table) tbody tr:nth-child(even)>td{
  background:var(--ua-airmax-table-alt) !important;
}

.ua-airmax-scope :where(.form-control,.form-select,select,input[type="text"],input[type="password"],input[type="number"],.airmax-input){
  min-height:var(--ua-airmax-control-h) !important;
  background:var(--ua-airmax-input) !important;
  border:1px solid var(--ua-airmax-line) !important;
  color:var(--ua-airmax-title) !important;
  border-radius:calc(var(--ua-airmax-radius) * .55) !important;
  box-shadow:none !important;
}

.ua-airmax-scope :where(.form-control,.form-select,select,input)::placeholder{
  color:color-mix(in srgb,var(--ua-airmax-muted) 72%,transparent) !important;
}

.ua-airmax-scope :where(.form-control,.form-select,select,input):focus{
  border-color:color-mix(in srgb,var(--ua-airmax-accent) 62%,var(--ua-airmax-line)) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ua-airmax-accent) 22%,transparent) !important;
}

.ua-airmax-scope select option{
  background:#071722 !important;
  color:#eef6ff !important;
}

.ua-airmax-scope :where(.airmax-subline,.airmax-vendor-os,.airmax-probe-result,.rxr-head p,.rxr-subtitle,.rxr-title-meta,.rxr-stat span,.small){
  color:var(--ua-airmax-muted) !important;
}

/* Stage 39: readable conflict reasons in receiver matching report. */
.ua-airmax-scope .rxr-conflict-cell{
  min-width:280px;
  max-width:460px;
  text-align:right !important;
  white-space:normal !important;
}
.ua-airmax-scope .rxr-conflict summary{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border:1px solid color-mix(in srgb,#f59e0b 42%,var(--ua-airmax-line));
  border-radius:999px;
  color:#ffe7a6;
  background:rgba(245,158,11,.10);
  font-weight:900;
}
.ua-airmax-scope .rxr-conflict ul{
  margin:8px 0 0;
  padding:0 18px 0 0;
  text-align:right;
  line-height:1.65;
  color:var(--ua-airmax-text);
}
.ua-airmax-scope .rxr-conflict li{
  margin:3px 0;
}
.ua-airmax-scope .rxr-muted{
  color:var(--ua-airmax-muted)!important;
}

/* UA Phase 4: embed shell background moved out of PHP helper. */
html.ua-airmax-embed,
html.ua-airmax-embed body{margin:0;min-height:100%;background:linear-gradient(135deg,rgba(8,76,70,.98),rgba(3,24,34,.99));color:#eaf0ff;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;direction:rtl;}
html.ua-airmax-embed body{overflow:auto;}


/* Router-port matching panel in receiver report */
.rxr-router-port-card{
  margin:14px 0 18px;
  padding:14px;
  border:1px solid rgba(255,202,92,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(21,25,35,.94),rgba(12,16,24,.92));
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.03);
}
.rxr-router-port-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.rxr-router-port-head h3{margin:0 0 5px;font-size:17px;color:var(--ua-text,#f5f7fb)}
.rxr-router-port-head p{margin:0;color:rgba(232,236,245,.72);font-size:13px;line-height:1.8}
.rxr-router-port-badge{
  white-space:nowrap;
  padding:6px 10px;
  border-radius:999px;
  color:#ffd37a;
  background:rgba(255,190,72,.10);
  border:1px solid rgba(255,190,72,.25);
}
.rxr-router-port-controls{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr) auto;
  gap:10px;
  align-items:end;
}
.rxr-router-port-controls label{display:flex;flex-direction:column;gap:6px;margin:0;color:rgba(232,236,245,.78);font-size:13px}
.rxr-router-port-controls select{
  min-height:38px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,11,18,.72);
  color:var(--ua-text,#eef3ff);
  padding:0 10px;
}
.rxr-router-port-status{
  margin-top:10px;
  color:rgba(232,236,245,.72);
  font-size:13px;
}
.rxr-router-port-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.rxr-router-port-summary span{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:12px;
  padding:7px 10px;
  color:rgba(232,236,245,.78);
}
.rxr-port-table-wrap{margin-top:12px}
.rxr-port-table td,.rxr-port-table th{vertical-align:middle}
@media (max-width:900px){
  .rxr-router-port-controls{grid-template-columns:1fr}
}

/* Official custom router-port rows under receiver matching report */
.rxr-router-port-official{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(246,196,83,.24);
  border-radius:18px;
  background:rgba(8,12,22,.34);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.rxr-router-port-official h3{margin:0 0 6px;font-size:17px;color:var(--ua-text,#f5f7fb)}
.rxr-router-port-official p{margin:0 0 12px;color:rgba(232,236,245,.70);font-size:13px;line-height:1.8}


/* 2026-05-25: compact official router-port block and removable port rows. */
body.ua-design-v2.ua-p-receiver-match-report .rxr-page{
  gap:8px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card{
  margin:6px 0 8px;
  padding:10px 12px;
  border-radius:14px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-head{
  margin-bottom:8px;
  align-items:center;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-head h3{
  font-size:15px;
  margin:0;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-head p{
  margin-top:3px;
  font-size:11.5px;
  line-height:1.35;
  max-width:920px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-badge{
  padding:4px 8px;
  font-size:11px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls{
  grid-template-columns:minmax(190px,1fr) minmax(230px,1.25fr) auto;
  gap:8px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls label{
  gap:4px;
  font-size:11.5px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls select{
  min-height:32px;
  border-radius:10px;
  font-size:12px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-status{
  margin-top:6px;
  font-size:11.5px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-summary{
  gap:5px;
  margin-top:6px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-summary span{
  padding:4px 7px;
  border-radius:9px;
  font-size:11.5px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official{
  margin-top:8px;
  padding:10px 12px;
  border-radius:14px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official h3{
  font-size:15px;
  margin:0 0 4px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official p{
  display:none;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-remove-btn{
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(248,113,113,.52);
  background:linear-gradient(135deg,rgba(127,29,29,.72),rgba(69,10,10,.78));
  color:#fee2e2;
  font-weight:950;
  font-size:12px;
  cursor:pointer;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-manage-cell{
  display:flex;
  justify-content:center;
  gap:6px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-rename-btn,
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-remove-btn{
  width:30px;
  min-width:30px;
  height:28px;
  min-height:28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  font-weight:950;
  cursor:pointer;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-rename-btn{
  border:1px solid rgba(96,165,250,.52);
  background:linear-gradient(135deg,rgba(30,64,175,.72),rgba(12,74,110,.78));
  color:#dbeafe;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-rename-btn:hover{
  border-color:#93c5fd;
  background:linear-gradient(135deg,rgba(37,99,235,.86),rgba(14,116,144,.82));
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-remove-btn:hover{
  border-color:#fca5a5;
  background:linear-gradient(135deg,rgba(185,28,28,.86),rgba(127,29,29,.82));
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-port-remove-btn:disabled{
  opacity:.65;
  cursor:wait;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-table-wrap{
  max-height:calc(100vh - 292px);
}
@media (max-width:900px){
  body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls{grid-template-columns:1fr}
}

/* Receiver report fit contract: keep wide report content inside the local app
   viewport; only tables may scroll horizontally inside their own frames. */
body.ua-design-v2.ua-p-receiver-match-report .rxr-page,
html.ua-airmax-embed .rxr-page{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:visible;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-page > *,
html.ua-airmax-embed .rxr-page > *{
  width:100%;
  max-width:100%;
  min-width:0;
  justify-self:stretch;
  box-sizing:border-box;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-head,
html.ua-airmax-embed .rxr-head{
  align-items:flex-start;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-title-block,
body.ua-design-v2.ua-p-receiver-match-report .rxr-actions,
html.ua-airmax-embed .rxr-title-block,
html.ua-airmax-embed .rxr-actions{
  min-width:0;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-actions,
html.ua-airmax-embed .rxr-actions{
  justify-content:flex-end;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-summary-strip,
html.ua-airmax-embed .rxr-summary-strip{
  overflow-x:auto;
  overflow-y:hidden;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-stat,
html.ua-airmax-embed .rxr-stat{
  min-width:108px;
  flex-basis:108px;
  padding:5px 8px;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-stat span,
html.ua-airmax-embed .rxr-stat span{
  font-size:.72rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-stat strong,
html.ua-airmax-embed .rxr-stat strong{
  font-size:1.05rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-stat-primary strong,
html.ua-airmax-embed .rxr-stat-primary strong{
  font-size:1.16rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card,
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official,
body.ua-design-v2.ua-p-receiver-match-report .rxr-table-wrap,
html.ua-airmax-embed .rxr-router-port-card,
html.ua-airmax-embed .rxr-router-port-official,
html.ua-airmax-embed .rxr-table-wrap{
  max-width:100%;
  min-width:0;
  overflow-x:auto;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls,
html.ua-airmax-embed .rxr-router-port-controls{
  min-width:0;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls label,
html.ua-airmax-embed .rxr-router-port-controls label{
  min-width:0;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls select,
html.ua-airmax-embed .rxr-router-port-controls select{
  width:100%;
  min-width:0;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-table-wrap,
html.ua-airmax-embed .rxr-table-wrap{
  min-height:180px;
  max-height:calc(100vh - 270px);
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-page > .rxr-table-wrap,
html.ua-airmax-embed .rxr-page > .rxr-table-wrap{
  overflow-x:hidden !important;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table,
html.ua-airmax-embed .rxr-main-table{
  width:100%;
  min-width:0;
  table-layout:fixed;
  font-size:.68rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table :where(th,td),
html.ua-airmax-embed .rxr-main-table :where(th,td){
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.25;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table th,
html.ua-airmax-embed .rxr-main-table th{
  height:auto;
  min-height:30px;
  padding:.28rem .18rem !important;
  font-size:.62rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table td,
html.ua-airmax-embed .rxr-main-table td{
  padding:.3rem .16rem !important;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-col-id,
html.ua-airmax-embed .rxr-main-table .rxr-col-id{
  width:5%;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-col-name,
html.ua-airmax-embed .rxr-main-table .rxr-col-name{
  width:12%;
  min-width:0;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-col-ip,
html.ua-airmax-embed .rxr-main-table .rxr-col-ip{
  width:10%;
  min-width:0;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-col-conflict,
html.ua-airmax-embed .rxr-main-table .rxr-col-conflict,
body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-conflict-cell,
html.ua-airmax-embed .rxr-main-table .rxr-conflict-cell{
  width:10%;
  min-width:0;
  max-width:none;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-source-cell,
html.ua-airmax-embed .rxr-main-table .rxr-source-cell{
  max-width:none;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-table-clean,
html.ua-airmax-embed .rxr-table-clean{
  min-width:1120px;
  font-size:.74rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table.rxr-table-clean,
html.ua-airmax-embed .rxr-main-table.rxr-table-clean{
  min-width:0;
  font-size:.68rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-table-clean th,
html.ua-airmax-embed .rxr-table-clean th{
  height:34px;
  padding:.34rem .34rem !important;
  font-size:.7rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-table-clean td,
html.ua-airmax-embed .rxr-table-clean td{
  padding:.36rem .34rem !important;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table.rxr-table-clean th,
html.ua-airmax-embed .rxr-main-table.rxr-table-clean th{
  height:auto;
  min-height:30px;
  padding:.28rem .18rem !important;
  font-size:.62rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table.rxr-table-clean td,
html.ua-airmax-embed .rxr-main-table.rxr-table-clean td{
  padding:.3rem .16rem !important;
}

@media (max-width:900px){
  body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table.rxr-table-clean,
  html.ua-airmax-embed .rxr-main-table.rxr-table-clean{
    font-size:.76rem;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table :is(th:nth-child(6),td:nth-child(6),th:nth-child(9),td:nth-child(9),th:nth-child(11),td:nth-child(11),th:nth-child(12),td:nth-child(12),th:nth-child(13),td:nth-child(13)),
  html.ua-airmax-embed .rxr-main-table :is(th:nth-child(6),td:nth-child(6),th:nth-child(9),td:nth-child(9),th:nth-child(11),td:nth-child(11),th:nth-child(12),td:nth-child(12),th:nth-child(13),td:nth-child(13)){
    display:none;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table.rxr-table-clean th,
  html.ua-airmax-embed .rxr-main-table.rxr-table-clean th{
    font-size:.68rem;
    line-height:1.25;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table.rxr-table-clean td,
  html.ua-airmax-embed .rxr-main-table.rxr-table-clean td{
    line-height:1.35;
  }
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-count,
html.ua-airmax-embed .rxr-count{
  min-width:28px;
  height:24px;
  padding:0 7px;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-id-badge,
html.ua-airmax-embed .rxr-id-badge{
  min-width:28px;
  height:24px;
  border-radius:8px;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-count,
body.ua-design-v2.ua-p-receiver-match-report .rxr-main-table .rxr-id-badge,
html.ua-airmax-embed .rxr-main-table .rxr-count,
html.ua-airmax-embed .rxr-main-table .rxr-id-badge{
  min-width:22px;
  height:21px;
  padding:0 4px;
  font-size:.66rem;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls,
html.ua-airmax-embed .rxr-router-port-controls{
  grid-template-columns:minmax(150px,220px) minmax(150px,220px) max-content;
  justify-content:start;
}

body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-controls select,
html.ua-airmax-embed .rxr-router-port-controls select{
  min-height:28px;
  height:28px;
  padding:0 8px;
  font-size:11px;
  border-radius:8px;
}

@media (max-width:900px){
  body.ua-design-v2.ua-p-receiver-match-report .rxr-head,
  html.ua-airmax-embed .rxr-head{
    display:grid;
    gap:9px;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-actions,
  html.ua-airmax-embed .rxr-actions{
    justify-content:flex-start;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-btn,
  html.ua-airmax-embed .rxr-btn{
    min-height:32px;
    padding:0 11px;
    font-size:.78rem;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card,
  body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official,
  html.ua-airmax-embed .rxr-router-port-card,
  html.ua-airmax-embed .rxr-router-port-official{
    padding:9px;
  }

  body.ua-design-v2.ua-p-receiver-match-report .rxr-table-wrap,
  html.ua-airmax-embed .rxr-table-wrap{
    max-height:calc(100vh - 245px);
  }
}

/* 2026-05-26: keep router-port controls compact and separated from receiver totals. */
body.ua-design-v2.ua-p-receiver-match-report .rxr-stat-port,
html.ua-airmax-embed .rxr-stat-port{
  border-color:rgba(56,189,248,.32);
  background:linear-gradient(180deg,rgba(8,47,73,.42),rgba(12,20,33,.42));
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact,
html.ua-airmax-embed .rxr-router-port-card-compact{
  margin:6px 0 8px;
  padding:0;
  border-radius:12px;
  overflow:hidden;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact > summary,
html.ua-airmax-embed .rxr-router-port-card-compact > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:34px;
  padding:7px 10px;
  color:var(--ua-text,#eef3ff);
  background:rgba(4,18,27,.52);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-weight:800;
  font-size:12px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact > summary::-webkit-details-marker,
html.ua-airmax-embed .rxr-router-port-card-compact > summary::-webkit-details-marker{display:none}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact > summary b,
html.ua-airmax-embed .rxr-router-port-card-compact > summary b{
  color:rgba(232,236,245,.62);
  font-weight:600;
  font-size:11px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact[open] > .rxr-router-port-controls,
html.ua-airmax-embed .rxr-router-port-card-compact[open] > .rxr-router-port-controls{
  padding:8px 10px 6px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact .rxr-router-port-status,
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact .rxr-router-port-summary,
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-card-compact .rxr-port-table-wrap,
html.ua-airmax-embed .rxr-router-port-card-compact .rxr-router-port-status,
html.ua-airmax-embed .rxr-router-port-card-compact .rxr-router-port-summary,
html.ua-airmax-embed .rxr-router-port-card-compact .rxr-port-table-wrap{
  margin-inline:10px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official .rxr-table-wrap,
html.ua-airmax-embed .rxr-router-port-official .rxr-table-wrap{
  min-height:auto;
  max-height:210px;
}
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official td,
body.ua-design-v2.ua-p-receiver-match-report .rxr-router-port-official th,
html.ua-airmax-embed .rxr-router-port-official td,
html.ua-airmax-embed .rxr-router-port-official th{
  padding-top:5px;
  padding-bottom:5px;
}
