/* HostingJet Cloud OS v0.28.60 — website list + selected-site dashboard */
.hj281-websites.hj42-websites{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#1c222b}
.hj281-websites .hj281-page-header{align-items:center!important;margin-bottom:14px!important}
.hj281-websites .hj281-page-header h1{font:600 24px/1.15 Poppins,Inter,sans-serif!important;letter-spacing:-.035em!important;color:#181d24!important}
.hj281-websites .hj281-page-header p{margin-top:5px!important;font:400 11px/1.5 Poppins,Inter,sans-serif!important;color:#8b919a!important}
.hj281-websites .hj281-service-status{display:none!important}
.hj281-websites .hj281-toolbar{min-height:46px!important;padding:0!important;margin:0 0 14px!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:10px!important}
.hj281-websites .hj281-search{height:42px!important;max-width:330px!important;border:1px solid #e4e7eb!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.hj281-websites .hj281-search input{font:400 10.5px/1 Poppins,Inter,sans-serif!important;color:#313741!important}
.hj281-websites .hj281-tabs,.hj281-websites .hj281-icon-button{display:none!important}
.hj281-websites .hj281-toolbar-actions{margin-left:auto!important;gap:8px!important}
.hj281-websites .hj281-button.is-primary{height:42px!important;border-radius:11px!important;background:#1d2025!important;border-color:#1d2025!important;color:#fff!important;padding:0 15px!important;font:500 10.5px/1 Poppins,Inter,sans-serif!important;box-shadow:none!important}
.hj281-websites .hj281-button.is-primary:hover{background:#0e1013!important;border-color:#0e1013!important;transform:none!important}

/* Main reference-inspired workspace */
.hj281-websites .hj58-hosting-card{display:grid!important;grid-template-columns:318px minmax(0,1fr)!important;grid-template-rows:minmax(610px,auto) auto!important;gap:0!important;overflow:visible!important;border:1px solid #e4e7eb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 16px 42px -38px rgba(20,27,40,.28)!important;min-height:610px!important}
.hj281-websites .hj58-hosting-head{display:none!important}
.hj281-websites .hj281-table-wrap{grid-column:1!important;grid-row:1!important;overflow:visible!important;position:relative!important;background:#f8f9fa!important;border-right:1px solid #e6e8ec!important;padding:52px 15px 16px!important;border-radius:18px 0 0 18px!important;min-width:0!important}
.hj281-websites .hj281-table-wrap:before{content:"Website list";position:absolute;left:21px;top:20px;font:500 11.5px/1.2 Poppins,Inter,sans-serif!important;color:#424852;letter-spacing:-.01em}
.hj281-websites .hj281-table-head{display:none!important}
.hj281-websites .hj281-site-list{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;margin:0!important}
.hj281-websites .hj281-site-row.hj60-site-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:13px!important;min-width:0!important;padding:15px!important;border:1px solid #e1e4e8!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;cursor:pointer!important;position:relative!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}
.hj281-websites .hj281-site-row.hj60-site-card:hover{border-color:#d3d8df!important;box-shadow:0 12px 28px -24px rgba(22,29,42,.25)!important;transform:translateY(-1px)!important;background:#fff!important}
.hj281-websites .hj281-site-row.hj60-site-card.is-selected{border-color:#bdc6f7!important;background:#fff!important;box-shadow:0 0 0 3px rgba(82,102,218,.06),0 14px 28px -24px rgba(41,54,109,.2)!important}
.hj281-websites .hj60-site-card.is-selected:before{content:"";position:absolute;left:-1px;top:17px;bottom:17px;width:3px;border-radius:0 4px 4px 0;background:#5866d9}
.hj281-websites .hj59-site-identity{gap:10px!important;align-items:center!important}
.hj281-websites .hj59-site-avatar{width:30px!important;height:30px!important;border-radius:9px!important;background:#f1f3f6!important;border:1px solid #e8eaee!important;color:#5c6470!important;box-shadow:none!important}
.hj281-websites .hj59-site-avatar svg{width:14px!important;height:14px!important;stroke-width:1.7!important}
.hj281-websites .hj59-site-title strong{font:600 12.5px/1.25 Poppins,Inter,sans-serif!important;color:#252a31!important;letter-spacing:-.015em!important}
.hj281-websites .hj59-site-identity small{font:400 9.5px/1.3 Poppins,Inter,sans-serif!important;color:#9399a2!important;margin-top:4px!important}
.hj281-websites .hj59-site-identity .hj58-live-dot{width:7px!important;height:7px!important;background:#2fad70!important}
.hj281-websites .hj59-row-metric{display:none!important}
.hj281-websites .hj59-site-actions{display:flex!important;align-items:center!important;width:100%!important;gap:7px!important;justify-content:flex-start!important;overflow:visible!important}
.hj281-websites .hj59-action-btn.is-manage,.hj281-websites .hj59-action-btn.is-files{display:none!important}
.hj281-websites .hj59-action-btn.is-login{height:31px!important;min-width:0!important;padding:0 11px!important;border-radius:999px!important;background:#23262b!important;border-color:#23262b!important;font:500 9.5px/1 Poppins,Inter,sans-serif!important;color:#fff!important}
.hj281-websites .hj59-action-btn.is-login svg{width:11px!important;height:11px!important}
.hj281-websites .hj60-dashboard-link{height:31px;border:0;background:transparent;color:#59606a;margin-left:auto;padding:0 3px;display:inline-flex;align-items:center;gap:6px;font:500 9.5px/1 Poppins,Inter,sans-serif;cursor:pointer}
.hj281-websites .hj60-dashboard-link:hover{color:#1e232a}.hj281-websites .hj60-dashboard-link svg{width:12px;height:12px;stroke-width:1.7}
.hj281-websites .hj59-site-menu>summary{width:31px!important;height:31px!important;border-radius:50%!important;border:1px solid #e1e4e8!important;background:#fff!important;font-size:16px!important}
.hj281-websites .hj59-site-menu-popover{z-index:100!important}
.hj281-websites .hj281-view-all{grid-column:1!important;grid-row:2!important;margin:0!important;border:0!important;border-top:1px solid #e6e8ec!important;border-right:1px solid #e6e8ec!important;border-radius:0 0 0 18px!important;background:#f8f9fa!important;min-height:51px!important;justify-content:flex-start!important;padding:0 20px!important;color:#565d68!important;font:500 9.8px/1 Poppins,Inter,sans-serif!important}
.hj281-websites .hj281-quick-card{display:none!important}

/* Selected-site dashboard */
.hj60-selected-dashboard{grid-column:2!important;grid-row:1 / span 2!important;min-width:0!important;padding:22px!important;background:#fff!important;border-radius:0 18px 18px 0!important;display:flex!important;flex-direction:column!important;gap:13px!important}
.hj60-dashboard-topline{display:flex;align-items:center;justify-content:space-between;min-height:22px;color:#646b75;font:500 10.5px/1 Poppins,Inter,sans-serif}
.hj60-dashboard-state{display:flex;align-items:center;gap:6px;font-size:9px;color:#7b828c}.hj60-dashboard-state i{width:7px;height:7px;border-radius:50%;background:#35b777;box-shadow:0 0 0 4px #eff9f4}
.hj60-hero-card{min-height:142px;border:1px solid #dfe3f4;border-radius:18px;background:linear-gradient(135deg,#f1f4ff 0%,#f8f9ff 56%,#f3f8ff 100%);padding:20px 20px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;overflow:hidden}
.hj60-hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-90px;border:1px solid rgba(88,102,217,.09);box-shadow:0 0 0 28px rgba(88,102,217,.025),0 0 0 55px rgba(88,102,217,.018)}
.hj60-hero-copy{position:relative;z-index:1;min-width:0}.hj60-hero-kicker{display:block;font:500 8.5px/1.1 Poppins,Inter,sans-serif;color:#7d8491;text-transform:uppercase;letter-spacing:.085em;margin-bottom:9px}
.hj60-hero-copy h2{margin:0;font:600 20px/1.2 Poppins,Inter,sans-serif;color:#1d2330;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}
.hj60-hero-created{margin-top:24px;display:flex;flex-direction:column;gap:4px}.hj60-hero-created span{font:400 8.5px/1 Poppins,Inter,sans-serif;color:#9299a5}.hj60-hero-created strong{font:500 18px/1.1 Poppins,Inter,sans-serif;color:#2b3342;letter-spacing:-.025em}
.hj60-hero-actions{display:flex;align-items:center;gap:7px;position:relative;z-index:2;flex:none}.hj60-wp-admin,.hj60-hero-manage{height:34px;border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;font:500 9.5px/1 Poppins,Inter,sans-serif;white-space:nowrap}
.hj60-wp-admin{background:#202329;color:#fff!important;border:1px solid #202329}.hj60-wp-admin:hover{background:#0f1114;color:#fff!important}.hj60-wp-admin svg{width:12px;height:12px}
.hj60-hero-manage{background:#fff;color:#48505c;border:1px solid #dfe3e9;cursor:pointer}.hj60-hero-manage:hover{background:#f8f9fb}

.hj60-detail-card{border:1px solid #e4e7eb;border-radius:16px;background:#fff;overflow:hidden}
.hj60-detail-row{display:grid;grid-template-columns:28px 90px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 15px;border-bottom:1px solid #eceef1}.hj60-detail-row:last-child{border-bottom:0}
.hj60-detail-icon{display:grid;place-items:center;color:#9aa1ab}.hj60-detail-icon svg{width:14px;height:14px;stroke-width:1.65}.hj60-detail-row>strong{font:500 9.5px/1 Poppins,Inter,sans-serif;color:#444b55}.hj60-detail-row>span:not(.hj60-detail-icon){font:400 9.5px/1.2 Poppins,Inter,sans-serif;color:#858c96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hj60-detail-row>a{display:inline-flex;align-items:center;gap:5px;text-decoration:none!important;color:#555d68;font:500 8.8px/1 Poppins,Inter,sans-serif}.hj60-detail-row>a svg{width:10px;height:10px}
.hj60-inline-status{display:inline-flex;align-items:center;gap:5px;font:500 8.5px/1 Poppins,Inter,sans-serif!important;color:#5d6570!important;white-space:nowrap}.hj60-inline-status i{width:6px;height:6px;border-radius:50%;background:#33b777}.hj60-inline-status.is-off i{background:#c8ccd2}.hj60-inline-status.is-off{color:#999fa8!important}

.hj60-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hj60-quick-actions>a,.hj60-quick-actions>button{height:36px;border:1px solid #e1e4e8;background:#f7f8f9;color:#3e4650;border-radius:999px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;text-decoration:none!important;font:500 9.4px/1 Poppins,Inter,sans-serif;cursor:pointer}.hj60-quick-actions>a:hover,.hj60-quick-actions>button:hover{background:#f1f3f5;border-color:#d8dce1;color:#1e242c}.hj60-quick-actions svg{width:13px;height:13px;stroke-width:1.7}

.hj60-insight-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.7fr);gap:12px;margin-top:auto}
.hj60-resource-card,.hj60-performance-card{border:1px solid #e4e7eb;border-radius:16px;background:#fff;min-height:152px;padding:16px}
.hj60-resource-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hj60-resource-card header>div>span,.hj60-performance-card header>span{display:block;font:500 8.5px/1 Poppins,Inter,sans-serif;color:#8d949e}.hj60-resource-card header>div>strong{display:block;margin-top:4px;font:500 10.5px/1 Poppins,Inter,sans-serif;color:#3b424c}.hj60-resource-card header>b{font:600 21px/1 Poppins,Inter,sans-serif;color:#252b34;letter-spacing:-.035em;text-align:right}.hj60-resource-card header>b small{font:400 9px/1 Poppins,Inter,sans-serif;color:#969ca5;letter-spacing:0}
.hj60-resource-track{height:14px;margin-top:31px;border-radius:999px;background:repeating-linear-gradient(135deg,#eff1f4 0 5px,#e5e8ec 5px 9px);overflow:hidden;border:1px solid #e3e6ea}.hj60-resource-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5968df,#7897ff);border-radius:999px;transition:width .32s ease}
.hj60-resource-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.hj60-resource-card footer>span{font:400 8.8px/1 Poppins,Inter,sans-serif;color:#969ca5}.hj60-resource-card footer>a,.hj60-performance-card>a{display:inline-flex;align-items:center;gap:5px;text-decoration:none!important;font:500 8.8px/1 Poppins,Inter,sans-serif;color:#505966}.hj60-resource-card footer>a svg,.hj60-performance-card>a svg{width:10px;height:10px}
.hj60-performance-card{display:flex;flex-direction:column;align-items:stretch}.hj60-performance-card header{display:block}.hj60-performance-card header small{display:block;margin-top:3px;font:400 7.8px/1.25 Poppins,Inter,sans-serif;color:#a0a6ae}.hj60-score-wrap{width:86px;height:86px;margin:8px auto 3px;position:relative;display:grid;place-items:center}.hj60-score-wrap svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hj60-score-wrap circle{fill:none;stroke-width:9}.hj60-score-bg{stroke:#eef0f3}.hj60-score-fg{stroke:#5d6ce2;stroke-linecap:round;stroke-dasharray:307.88;stroke-dashoffset:307.88;transition:stroke-dashoffset .35s ease}.hj60-score-wrap strong{position:relative;font:600 19px/1 Poppins,Inter,sans-serif;color:#2b313a}.hj60-performance-card>a{justify-content:center;margin-top:auto}
.hj60-runtime-strip{display:flex;align-items:center;gap:9px;min-height:31px;padding:0 4px;color:#8f96a0;font:400 8.6px/1 Poppins,Inter,sans-serif}.hj60-runtime-strip>span{display:inline-flex;align-items:center;gap:4px}.hj60-runtime-strip b{font-weight:500;color:#555d67}.hj60-runtime-strip>i{width:3px;height:3px;border-radius:50%;background:#c9cdd3}.hj60-runtime-strip a{display:inline-flex;align-items:center;gap:4px;color:#525b66;text-decoration:none!important}.hj60-runtime-strip svg{width:9px;height:9px}

/* The install wizard and existing management drawers remain above the dashboard layer. */
.hj281-websites .hj42-drawer-shell,.hj281-websites .hj59-modal-shell{font-family:Poppins,Inter,sans-serif!important}

@media(max-width:1180px){
  .hj281-websites .hj58-hosting-card{grid-template-columns:285px minmax(0,1fr)!important}
  .hj60-insight-grid{grid-template-columns:1fr 190px}.hj60-hero-copy h2{max-width:360px}
}
@media(max-width:960px){
  .hj281-websites .hj58-hosting-card{display:block!important;min-height:0!important}
  .hj281-websites .hj281-table-wrap{border-right:0!important;border-bottom:1px solid #e6e8ec!important;border-radius:18px 18px 0 0!important;padding:50px 14px 14px!important}
  .hj281-websites .hj281-site-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hj281-websites .hj281-view-all{border-right:0!important;border-radius:0!important;background:#f8f9fa!important}
  .hj60-selected-dashboard{border-radius:0 0 18px 18px!important;padding:18px!important}
}
@media(max-width:680px){
  .hj281-websites .hj281-page-header{margin-bottom:10px!important}.hj281-websites .hj281-page-header h1{font-size:21px!important}
  .hj281-websites .hj281-toolbar{flex-wrap:wrap!important}.hj281-websites .hj281-search{order:2;max-width:none!important;width:100%!important}.hj281-websites .hj281-toolbar-actions{order:1;width:100%!important;justify-content:space-between!important}
  .hj281-websites .hj281-site-list{grid-template-columns:1fr!important}
  .hj60-selected-dashboard{padding:14px!important;gap:10px!important}.hj60-hero-card{min-height:160px;padding:17px;flex-direction:column}.hj60-hero-actions{width:100%;justify-content:flex-start}.hj60-hero-created{margin-top:16px}.hj60-hero-copy h2{max-width:100%;font-size:18px}
  .hj60-detail-row{grid-template-columns:24px 72px minmax(0,1fr) auto;padding:0 11px;gap:7px}.hj60-quick-actions{display:grid;grid-template-columns:1fr 1fr}.hj60-quick-actions>a,.hj60-quick-actions>button{border-radius:11px;justify-content:flex-start}
  .hj60-insight-grid{grid-template-columns:1fr}.hj60-performance-card{min-height:148px}.hj60-runtime-strip{flex-wrap:wrap;line-height:1.4}
}

.hj281-websites .hj58-hosting-card>.hj281-empty{grid-column:1/-1!important;min-height:420px!important}