/* GBRemote Connect R05: scoped correction for the TWO remote connection panels only.
   Keep global theme/sidebar/hero unchanged. Override global gb-ui-polish !important rules. */
#webremote.gbr-connect-page .gbr-console {align-items:stretch;gap:18px;}
#webremote.gbr-connect-page .gbr-connect-panel,
#webremote.gbr-connect-page .gbr-list-panel {
  background:#0e1e31 !important;color:#f3f8ff !important;
  border:1px solid #2c5578 !important;border-radius:16px !important;
  border-top:2px solid #239fe4 !important;box-shadow:0 12px 28px rgba(10,26,45,.15) !important;
}
#webremote.gbr-connect-page .gbr-panel-heading,
#webremote.gbr-connect-page .gbr-list-head {
  background:#142b43 !important;border-bottom:1px solid #335471 !important;
  min-height:81px;display:flex;align-items:center;
}
#webremote.gbr-connect-page .gbr-panel-heading h3,
#webremote.gbr-connect-page .gbr-list-head h3 {
  color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;text-shadow:none !important;font-size:19px !important;font-weight:800 !important;
}
#webremote.gbr-connect-page .gbr-panel-heading .eyebrow,
#webremote.gbr-connect-page .gbr-list-head .eyebrow {color:#78d8ff !important;opacity:1 !important;}
#webremote.gbr-connect-page .gbr-panel-icon {color:#84e2ff !important;}
#webremote.gbr-connect-page .gbr-connect-panel .gbr-field,
#webremote.gbr-connect-page .gbr-connect-panel label {color:#f0f7ff !important;}
#webremote.gbr-connect-page .gbr-connect-panel .gbr-optional,
#webremote.gbr-connect-page .gbr-mode-indicator,
#webremote.gbr-connect-page .gbr-list-footer {color:#bad2e9 !important;}
#webremote.gbr-connect-page .gbr-connect-panel .gbr-field input,
#webremote.gbr-connect-page .gbr-list-panel #gbrDeviceSearch {
  background:#f7faff !important;color:#0f2540 !important;border:1px solid #91b4d0 !important;
  border-radius:10px !important;box-shadow:none !important;opacity:1 !important;
}
#webremote.gbr-connect-page .gbr-field input::placeholder,
#webremote.gbr-connect-page #gbrDeviceSearch::placeholder {color:#667e99 !important;opacity:1 !important;}
#webremote.gbr-connect-page .gbr-field input:focus,
#webremote.gbr-connect-page #gbrDeviceSearch:focus {border-color:#188de1 !important;box-shadow:0 0 0 3px rgba(24,141,225,.18) !important;}
#webremote.gbr-connect-page #gbrConnectForm .gbr-connect-cta {
  display:flex !important;width:100% !important;height:53px !important;
  justify-content:space-between !important;padding:0 20px !important;
  background:linear-gradient(105deg,#168de7,#4f5eea) !important;color:#ffffff !important;
  border:1px solid #328eea !important;box-shadow:0 7px 18px rgba(13,117,218,.2) !important;
  font-weight:800 !important;font-size:14px !important;border-radius:10px !important;
}
#webremote.gbr-connect-page #gbrConnectForm .gbr-connect-cta:hover {background:linear-gradient(105deg,#20a1f1,#6470ff) !important;}
#webremote.gbr-connect-page .gbr-security-foot,
#webremote.gbr-connect-page .gbr-security-foot strong {color:#eaf6ff !important;}
#webremote.gbr-connect-page .gbr-security-foot small {color:#b9d0e2 !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-tabs {
  background:#0e1e31 !important;gap:6px !important;padding:10px 15px !important;
  border-bottom:1px solid #2e4a65 !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-tabs button {
  background:#1a354e !important;color:#c9e1f2 !important;border:1px solid #315371 !important;
  border-radius:9px !important;padding:9px 11px !important;min-height:39px !important;
  font-size:12px !important;font-weight:750 !important;box-shadow:none !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-tabs button[aria-selected="true"] {
  color:#ffffff !important;background:#1576bc !important;border-color:#3db8fa !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13) !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-tabs button:hover {background:#275073 !important;color:#ffffff !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-list-count {color:#c9efff !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-device-row {
  background:#162e45 !important;color:#ffffff !important;border:1px solid #3d6688 !important;
  border-radius:11px !important;min-height:80px !important;box-shadow:none !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-device-row:hover {background:#20435e !important;border-color:#6bc6f8 !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-device-row .gbr-device-pick {
  display:flex !important;flex:1 1 auto !important;flex-direction:row !important;align-items:center !important;
  justify-content:flex-start !important;gap:12px !important;text-align:left !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  color:#f3faff !important;white-space:normal !important;min-width:0 !important;
  padding:12px 14px !important;min-height:76px !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-device-desc {display:grid !important;gap:3px !important;min-width:0 !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-device-desc strong {
  color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-size:14px !important;
  line-height:1.25 !important;opacity:1 !important;text-shadow:none !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-device-desc small {
  color:#b9d8f0 !important;-webkit-text-fill-color:#b9d8f0 !important;font-size:11px !important;opacity:1 !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-pc-icon {background:#205478 !important;color:#b5eaff !important;border:1px solid #4387b6 !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-favorite {
  background:#254661 !important;color:#d8eafb !important;border:1px solid #476d8b !important;
  border-radius:8px !important;box-shadow:none !important;padding:5px 10px !important;min-width:37px !important;
}
#webremote.gbr-connect-page .gbr-list-panel .gbr-favorite.selected {color:#ffdb83 !important;}
#webremote.gbr-connect-page .gbr-list-panel .gbr-rename {background:#254661 !important;color:#ffffff !important;}
#webremote.gbr-connect-page .gbr-list-empty {color:#c4d9eb !important;}
@media(max-width:960px) {#webremote.gbr-connect-page .gbr-console{grid-template-columns:1fr !important;}}
@media(max-width:560px) {#webremote.gbr-connect-page .gbr-list-panel .gbr-tabs {flex-wrap:wrap !important;}#webremote.gbr-connect-page .gbr-list-panel .gbr-tabs button {flex:1 1 42% !important;}}
