/* HostingJet Cloud OS 0.28.72 — precision Domains workspace.
 * Presentation-only layer for the Domains portfolio. All existing cPanel/HALO
 * forms, nonces, domain drawers, DNS routes, mutations and inventory data remain intact.
 */
body .hj-reference-v286.hj-page-current-domains .hj303-domain-page,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-page *{
  box-sizing:border-box;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-page{
  --d372-ink:#111827;
  --d372-copy:#4b5563;
  --d372-muted:#8b93a1;
  --d372-line:#e7e9ee;
  --d372-soft:#f8f9fb;
  --d372-green:#087443;
  --d372-green-2:#12a86a;
  --d372-green-soft:#eef8f3;
  --d372-violet:#6253f5;
  --d372-violet-soft:#f1efff;
  width:100%;
  max-width:none;
  gap:0;
  padding:28px 30px 56px;
  color:var(--d372-ink);
  background:#fff;
}

/* Header */
body .hj-reference-v286.hj-page-current-domains .hj303-page-head-original{
  min-height:100px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  margin:0 0 28px;
}
body .hj-reference-v286.hj-page-current-domains .hj303-page-head-original>div:first-child>span{
  display:block;
  margin:0 0 6px;
  color:#7f8794;
  font-size:10px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
}
body .hj-reference-v286.hj-page-current-domains .hj303-page-head-original h1{
  margin:0;
  color:#10131a;
  font-size:32px;
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.04em;
}
body .hj-reference-v286.hj-page-current-domains .hj303-page-head-original p{
  margin:8px 0 0;
  color:#7a818d;
  font-size:12.5px;
  line-height:1.55;
  font-weight:400;
}
body .hj-reference-v286.hj-page-current-domains .hj372-page-actions{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:20px;
  padding-top:10px;
}

/* Hosting service picker mirrors the approved compact green control and keeps Add Domain inside its menu. */
body .hj-reference-v286.hj-page-current-domains .hj372-service-picker{
  position:relative;
  z-index:35;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-picker>summary{
  min-width:112px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:0 16px;
  border:1px solid #075e39;
  border-radius:10px;
  background:linear-gradient(180deg,#087443 0%,#05673a 100%);
  color:#fff;
  box-shadow:0 7px 16px -12px rgba(5,103,58,.65);
  list-style:none;
  cursor:pointer;
  user-select:none;
  font-size:12px;
  font-weight:600;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-picker>summary::-webkit-details-marker{display:none}
body .hj-reference-v286.hj-page-current-domains .hj372-service-picker>summary:hover{
  filter:brightness(.98);
  box-shadow:0 10px 20px -13px rgba(5,103,58,.8);
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-picker>summary svg{
  width:13px;
  height:13px;
  flex:0 0 auto;
  transform:rotate(90deg);
  transition:transform .16s ease;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-picker[open]>summary svg{transform:rotate(-90deg)}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:245px;
  padding:8px;
  border:1px solid #e2e5e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 42px rgba(17,24,39,.13);
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu-label{
  display:block;
  padding:7px 9px 6px;
  color:#9aa1ac;
  font-size:9px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a,
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>button{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:#fff;
  color:#434a55;
  text-decoration:none;
  text-align:left;
  cursor:pointer;
  font-size:11px;
  font-weight:500;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a:hover,
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>button:hover{background:#f5f8f6;color:#075f3b}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a>span{
  width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#f4f5f6;color:#6c7480;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a>span svg{width:14px;height:14px}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a>b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a>i{width:16px;height:16px;color:#15a768;font-style:normal}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>a>i svg{width:14px;height:14px}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>button{
  margin-top:6px;
  padding-top:5px;
  border-top:1px solid #edf0f2;
  border-radius:0 0 8px 8px;
  color:#27303a;
}
body .hj-reference-v286.hj-page-current-domains .hj372-service-menu>button svg{width:15px;height:15px}
body .hj-reference-v286.hj-page-current-domains .hj329-domain-sync-form{display:inline-flex;margin:0}
body .hj-reference-v286.hj-page-current-domains .hj372-refresh-button{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#20252d!important;
  font-size:12px!important;
  font-weight:550!important;
}
body .hj-reference-v286.hj-page-current-domains .hj372-refresh-button svg{width:15px;height:15px}
body .hj-reference-v286.hj-page-current-domains .hj372-refresh-button:hover{color:#067346!important}

/* Summary cards */
body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid .hj372-summary-card{
  min-height:146px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 24px;
  border:1px solid #e5e8ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px -28px rgba(17,24,39,.38);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid .hj372-summary-card:hover{
  border-color:#dce2df;
  box-shadow:0 15px 36px -30px rgba(6,95,57,.22);
  transform:translateY(-1px);
}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-icon{
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:grid;
  place-items:center;
  border:1px solid #dbece3;
  border-radius:13px;
  background:linear-gradient(145deg,#f4fbf7,#edf7f2);
  color:#075f3b;
}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-icon svg{width:23px;height:23px}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-card>div:last-child{min-width:0}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid span{
  display:block;
  margin:0 0 7px;
  color:#315447;
  font-size:9.5px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.10em;
  text-transform:uppercase;
}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid strong{
  display:block;
  color:#11151b;
  font-size:21px;
  line-height:1.22;
  font-weight:500;
  letter-spacing:-.035em;
}
body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid small{
  display:block;
  max-width:31ch;
  margin:8px 0 0;
  color:#7b838f;
  font-size:11.5px;
  line-height:1.55;
  font-weight:400;
}

/* Main and subdomain sections */
body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card{
  overflow:hidden;
  margin:0 0 18px;
  border:1px solid #e4e7eb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 30px -31px rgba(17,24,39,.45);
}
body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card>header{
  min-height:88px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:18px 22px 16px;
  border-bottom:1px solid #e9ebef;
}
body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card>header span{
  display:block;
  margin:0 0 4px;
  color:#547064;
  font-size:8.5px;
  font-weight:650;
  letter-spacing:.10em;
  text-transform:uppercase;
}
body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card>header h2{
  margin:0;
  color:#171b22;
  font-size:16.5px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:-.025em;
}
body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card>header p{
  margin:5px 0 0;
  color:#838a95;
  font-size:10.5px;
  line-height:1.5;
  font-weight:400;
}
body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card>header>strong{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid #eef0f2;
  border-radius:999px;
  background:#f8f9fa;
  color:#7a818c;
  font-size:9px;
  font-weight:550;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-list{padding:0 18px}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-row{
  min-height:84px;
  display:grid;
  grid-template-columns:minmax(225px,1.25fr) minmax(220px,1.08fr) minmax(245px,1.25fr) minmax(112px,.65fr) auto;
  align-items:center;
  gap:20px;
  padding:13px 3px;
  border-bottom:0;
  background:#fff;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-row+.hj303-domain-row{border-top:1px solid #eef0f2}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-row:hover,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-row.is-selected{background:#fff}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity>span{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border:1px solid #dfdbff;
  border-radius:12px;
  background:linear-gradient(145deg,#f4f2ff,#eceaff);
  color:#6253f5;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity>span svg{width:21px;height:21px}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity>div{min-width:0}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity strong{
  display:block;
  overflow:hidden;
  color:#171b22;
  font-size:12.5px;
  line-height:1.35;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity small{
  display:grid;
  gap:1px;
  margin-top:4px;
  color:#8a919b;
  font-size:9px;
  line-height:1.4;
  font-weight:400;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity small em,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity small b{font-style:normal;font-weight:400}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-identity small b{color:#737b87}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-source{
  min-width:0;
  padding-left:20px;
  border-left:1px solid #e8eaed;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal>span,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-source>span{
  display:block;
  margin-bottom:4px;
  color:#939aa5;
  font-size:8px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal>strong,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-source>strong{
  display:block;
  overflow:hidden;
  color:#2b3038;
  font-size:10.5px;
  line-height:1.45;
  font-weight:550;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal>small,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-source>small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#9aa1aa;
  font-size:8.5px;
  line-height:1.4;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal.is-good>small,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal.is-ready>small{color:#308963}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-state{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  color:#59616c;
  font-size:9.5px;
  font-weight:500;
  white-space:nowrap;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-state i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#c8ced6;
  box-shadow:0 0 0 3px #f4f5f6;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-state i.is-ready{background:#13aa6b;box-shadow:0 0 0 3px #eff9f4}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-action{
  min-width:126px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 14px;
  border:1px solid #dfe3e8;
  border-radius:10px;
  background:#fff;
  color:#282e36;
  box-shadow:0 1px 2px rgba(16,24,40,.02);
  cursor:pointer;
  font-size:10.5px;
  font-weight:550;
  transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease;
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-action:hover{
  border-color:#cfd7d3;
  background:#fbfcfc;
  color:#076b41;
  transform:translateY(-1px);
}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-action svg{width:15px;height:15px}
body .hj-reference-v286.hj-page-current-domains .hj303-domain-action.is-connect{
  border-color:#0b7950;
  background:#087443;
  color:#fff;
}

/* Hosted names empty state, intentionally airy like the approved reference. */
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-portfolio{margin-bottom:0}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-portfolio .hj303-domain-list{padding:16px 22px 20px}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty{
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin:0!important;
  padding:18px 28px;
  border:1px dashed #d8dde3;
  border-radius:13px;
  background:#fff;
}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span{
  position:relative;
  width:94px;
  height:80px;
  flex:0 0 94px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:radial-gradient(circle at center,#f3f8f5 0 37%,transparent 38%),radial-gradient(circle at center,transparent 0 51%,#e5f1ea 52% 53%,transparent 54%);
  color:#0a7146;
}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span::before,
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span::after{
  content:"";
  position:absolute;
  width:12px;
  height:6px;
  border:1.5px solid #72aa8e;
  border-radius:999px 999px 5px 5px;
  background:#fff;
}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span::before{left:4px;top:13px}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span::after{right:2px;bottom:7px}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span svg{width:38px;height:38px;stroke-width:1.25}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>div{max-width:535px}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty strong{
  display:block;
  margin:0;
  color:#181c22;
  font-size:14.5px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.02em;
}
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty p{
  margin:6px 0 0;
  color:#7f8792;
  font-size:10.5px;
  line-height:1.6;
  font-weight:400;
}

/* Subdomain rows preserve their same live actions, with the premium surface treatment. */
body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-row .hj303-domain-identity>span{
  border-color:#dcebe5!important;
  background:#f1f8f4!important;
  color:#0a7447!important;
}

/* Keep the mature domain drawer/workflows visually and behaviorally isolated. */
body .hj-reference-v286.hj-page-current-domains .hj303-domain-drawer,
body .hj-reference-v286.hj-page-current-domains .hj303-domain-drawer *{
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

@media(max-width:1180px){
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-row{grid-template-columns:minmax(220px,1.25fr) minmax(190px,1fr) minmax(210px,1.05fr) auto}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-state{display:none}
}
@media(max-width:980px){
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-page{padding:24px 22px 48px}
  body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid{grid-template-columns:1fr}
  body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid .hj372-summary-card{min-height:112px}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-row{grid-template-columns:minmax(210px,1.3fr) minmax(180px,1fr) auto}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-source{display:none}
}
@media(max-width:720px){
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-page{padding:18px 14px 38px}
  body .hj-reference-v286.hj-page-current-domains .hj303-page-head-original{min-height:0;flex-direction:column;margin-bottom:22px}
  body .hj-reference-v286.hj-page-current-domains .hj303-page-head-original h1{font-size:27px}
  body .hj-reference-v286.hj-page-current-domains .hj372-page-actions{width:100%;justify-content:flex-start;padding-top:0}
  body .hj-reference-v286.hj-page-current-domains .hj372-service-picker{flex:1}
  body .hj-reference-v286.hj-page-current-domains .hj372-service-picker>summary{width:100%;justify-content:space-between}
  body .hj-reference-v286.hj-page-current-domains .hj372-service-menu{left:0;right:auto;width:min(100%,280px)}
  body .hj-reference-v286.hj-page-current-domains .hj372-summary-grid .hj372-summary-card{min-height:105px;padding:18px}
  body .hj-reference-v286.hj-page-current-domains .hj372-summary-icon{width:44px;height:44px;flex-basis:44px}
  body .hj-reference-v286.hj-page-current-domains .hj303-inventory-card>header{min-height:78px;padding:16px}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-list{padding:0 12px}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-row{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:14px 2px}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-renewal{grid-column:1/2;padding-left:60px;border-left:0}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-source{display:none}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-action{grid-column:2;grid-row:1/3;min-width:38px;width:38px;padding:0}
  body .hj-reference-v286.hj-page-current-domains .hj303-domain-action:not(.is-connect) span{display:none}
  body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-portfolio .hj303-domain-list{padding:12px}
  body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty{min-height:165px;flex-direction:column;gap:8px;padding:22px;text-align:center}
  body .hj-reference-v286.hj-page-current-domains .hj330-subdomain-empty>span{height:66px}
}


/* 0.28.92 — tighter connection status surfacing inside the domain drawer. */
body .hj-reference-v286 .hj333-connection-summary{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:12px 0 0!important;padding:14px 15px!important;border:1px solid #eceef2!important;border-radius:14px!important;background:#fbfcfd!important;}
body .hj-reference-v286 .hj333-connection-summary.is-good{background:#f5fbf7!important;border-color:#dbeee1!important;}
body .hj-reference-v286 .hj333-connection-summary>div{min-width:0!important;flex:1!important;}
body .hj-reference-v286 .hj333-connection-summary strong{display:block!important;margin:0!important;color:#15171b!important;font-size:12.8px!important;font-weight:640!important;line-height:1.35!important;}
body .hj-reference-v286 .hj333-connection-summary small{display:block!important;margin-top:4px!important;color:#6d7280!important;font-size:10.9px!important;line-height:1.5!important;}
body .hj-reference-v286 .hj333-connection-summary>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 9px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e7e9ee!important;color:#252935!important;font-size:10.5px!important;font-weight:650!important;white-space:nowrap!important;}
body .hj-reference-v286 .hj333-connection-watchlist{display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:10px!important;}
body .hj-reference-v286 .hj333-connection-watch{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:flex-start!important;gap:11px!important;padding:12px 13px!important;border:1px solid #eceef2!important;border-radius:14px!important;background:#fff!important;}
body .hj-reference-v286 .hj333-connection-watch>span{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:#f6f7fa!important;color:#596172!important;}
body .hj-reference-v286 .hj333-connection-watch>span svg{width:16px!important;height:16px!important;}
body .hj-reference-v286 .hj333-connection-watch>div{min-width:0!important;}
body .hj-reference-v286 .hj333-connection-watch strong{display:block!important;color:#17191d!important;font-size:12.8px!important;font-weight:620!important;line-height:1.3!important;}
body .hj-reference-v286 .hj333-connection-watch small{display:block!important;margin-top:3px!important;color:#6d7280!important;font-size:10.8px!important;line-height:1.48!important;}
body .hj-reference-v286 .hj333-connection-watch b{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;padding:6px 9px!important;border-radius:999px!important;background:#fff6e8!important;color:#aa6b06!important;font-size:10.2px!important;font-weight:700!important;white-space:nowrap!important;}
body .hj-reference-v286 .hj333-connection-watch.is-danger{border-color:#f3d8d7!important;background:#fff8f8!important;}
body .hj-reference-v286 .hj333-connection-watch.is-danger>span{background:#fdeeee!important;color:#cd4b45!important;}
body .hj-reference-v286 .hj333-connection-watch.is-danger b{background:#fdeeee!important;color:#c4403d!important;}
body .hj-reference-v286 .hj333-connection-watch.is-warning{border-color:#f3e6c8!important;background:#fffdf7!important;}
body .hj-reference-v286 .hj333-connection-watch.is-warning>span{background:#fff4dd!important;color:#9b6900!important;}
body .hj-reference-v286 .hj333-connection-watch.is-good{border-color:#dceee0!important;background:#f7fcf8!important;}
body .hj-reference-v286 .hj333-connection-watch.is-good>span{background:#eaf8ee!important;color:#188853!important;}
body .hj-reference-v286 .hj333-connection-watch.is-good b{background:#eaf8ee!important;color:#188853!important;}
@media(max-width:640px){body .hj-reference-v286 .hj333-connection-summary{flex-direction:column!important;}body .hj-reference-v286 .hj333-connection-watch{grid-template-columns:34px minmax(0,1fr)!important;}body .hj-reference-v286 .hj333-connection-watch b{grid-column:2!important;justify-self:start!important;}}