/* HostingJet Cloud OS v0.28.58 — white premium Websites workspace */
.hj281-websites.hj42-websites,
.hj281-websites.hj42-websites *{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hj281-websites.hj42-websites{color:#17191d}
.hj281-websites .hj281-page-header{align-items:flex-end;margin-bottom:18px}
.hj281-websites .hj281-page-header h1{font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.035em;margin-top:5px}
.hj281-websites .hj281-page-header p{font-size:12.5px;color:#777b82;margin-top:6px}
.hj281-websites .hj281-service-status{border:1px solid #e8e9eb!important;background:#fff!important;box-shadow:none!important;border-radius:12px!important;min-height:46px!important;padding:8px 11px!important}
.hj281-websites .hj281-service-status strong{font-weight:600!important;font-size:10.5px!important}.hj281-websites .hj281-service-status small{font-size:9px!important;color:#92969e!important}.hj281-websites .hj281-service-status b{font-size:9.5px!important;font-weight:500!important;color:#5d626b!important}

.hj281-websites .hj281-toolbar{border:1px solid #e8e9eb;background:#fff;border-radius:15px;padding:8px 10px;box-shadow:none;margin-bottom:14px}
.hj281-websites .hj281-search{height:38px;border-radius:10px;background:#fafafa;border:1px solid #eceef0;box-shadow:none}
.hj281-websites .hj281-search input{font-size:11px;color:#26292f}.hj281-websites .hj281-tabs{gap:3px;background:#f6f7f8;border-radius:10px;padding:3px}
.hj281-websites .hj281-tabs button{height:32px;border-radius:8px;font-size:10px;font-weight:500;color:#777b84}.hj281-websites .hj281-tabs button.is-active{background:#fff;color:#202329;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.hj281-websites .hj281-button.is-primary{background:#17191d!important;border-color:#17191d!important;border-radius:10px!important;box-shadow:none!important;font-weight:500!important;height:38px!important}
.hj281-websites .hj281-icon-button{border-radius:10px!important;border-color:#e7e9ec!important;background:#fff!important}

.hj58-hosting-card{border:1px solid #e7e9ec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 16px 40px -34px rgba(20,24,32,.24)!important;overflow:hidden!important;padding:0!important}
.hj58-hosting-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px 22px 20px;background:#fff;border-bottom:1px solid #eceef0}
.hj58-hosting-copy{min-width:0}.hj58-plan-eyebrow{display:block;font-size:9px;letter-spacing:.1em;font-weight:600;color:#9a9ea6;text-transform:uppercase;margin-bottom:5px}.hj58-hosting-copy h2{font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0;color:#202328;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hj58-storage{margin-top:17px;display:flex;flex-direction:column;gap:3px}.hj58-storage span{font-size:9.5px;color:#9b9fa7}.hj58-storage strong{font-size:10.5px;font-weight:500;color:#666a72}
.hj58-hosting-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.hj58-hosting-actions>a:not(.hj58-manage-hosting){width:34px;height:34px;border:1px solid #e8e9ec;background:#fafafa;border-radius:10px;color:#68707d;display:grid;place-items:center;text-decoration:none;transition:.15s ease}.hj58-hosting-actions>a:not(.hj58-manage-hosting):hover{background:#f4f5f7;color:#20242a;border-color:#dfe1e5}.hj58-hosting-actions svg{width:15px;height:15px}.hj58-manage-hosting{height:34px;padding:0 14px;border-radius:10px;background:#f2f4f7;color:#303640!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:1px solid #e6e8eb}.hj58-manage-hosting:hover{background:#eceff3}

.hj58-hosting-card .hj281-table-wrap{padding:14px;background:#fafafa}
.hj58-hosting-card .hj281-table-head{display:none!important}
.hj58-hosting-card .hj281-site-list{display:flex!important;flex-direction:column!important;gap:9px!important}
.hj58-hosting-card .hj281-site-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:14px!important;min-height:76px!important;padding:12px 13px!important;background:#fff!important;border:1px solid #e9eaed!important;border-radius:13px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease!important}
.hj58-hosting-card .hj281-site-row:hover{background:#fff!important;border-color:#dfe2e7!important;box-shadow:0 10px 24px -22px rgba(16,24,40,.24)!important;transform:translateY(-1px)!important}
.hj58-hosting-card .hj281-site-row>.hj281-metric,
.hj58-hosting-card .hj281-site-row>.hj281-resources,
.hj58-hosting-card .hj281-site-row>.hj281-backup{display:none!important}
.hj58-hosting-card .hj281-site-identity{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.hj58-hosting-card .hj281-site-avatar{width:48px!important;height:48px!important;border-radius:11px!important;background:#eff7f3!important;color:#3e8d6c!important;border:1px solid #deeee5!important;display:grid!important;place-items:center!important;flex:none!important;font-size:0!important}
.hj58-hosting-card .hj281-site-avatar svg{width:23px!important;height:23px!important;stroke-width:1.6!important}
.hj58-hosting-card .hj281-site-identity>div{min-width:0}.hj58-hosting-card .hjref-site-title{display:inline-flex!important;align-items:center!important;gap:6px!important;text-decoration:none!important;max-width:100%!important;color:#5365c7!important}.hj58-hosting-card .hjref-site-title strong{font-size:12px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hj58-hosting-card .hjref-site-title svg{width:12px!important;height:12px!important;flex:none!important}
.hj58-hosting-card .hj281-site-identity small{margin-top:4px!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:9.5px!important;color:#8b9098!important;font-weight:400!important}.hj58-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fa36e;box-shadow:0 0 0 3px #edf8f2;flex:none}
.hj58-site-state{display:flex;align-items:center;justify-content:center}.hj58-hosting-card .hj281-site-status{height:25px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important;font-weight:500!important;background:#f3f5f4!important;color:#4f7a65!important;border:1px solid #e3ece7!important}
.hj58-hosting-card .hj281-site-status.is-staging{background:#fff7eb!important;color:#8a651f!important;border-color:#f0e4ca!important}.hj58-hosting-card .hj281-site-status.is-attention{background:#fff1f1!important;color:#9c4b4b!important;border-color:#f3dede!important}
.hj58-hosting-card .hj281-site-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important}.hj58-hosting-card .hj281-action-button{height:32px!important;padding:0 10px!important;border:1px solid #e6e8eb!important;border-radius:9px!important;background:#fafafa!important;color:#4f5560!important;font-size:9.5px!important;font-weight:500!important;box-shadow:none!important;gap:6px!important}.hj58-hosting-card .hj281-action-button:hover{background:#f4f5f7!important;color:#20242a!important}.hj58-hosting-card .hj281-action-button svg{width:13px!important;height:13px!important}.hj58-hosting-card .hj281-menu summary{width:32px!important;height:32px!important;border:1px solid #e6e8eb!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:16px!important;color:#737984!important}
.hj58-hosting-card .hj281-view-all{margin:0!important;border-top:1px solid #eceef0!important;background:#fff!important;min-height:45px!important;font-size:10px!important;font-weight:500!important;color:#5f6570!important}

.hj281-websites .hj281-quick-card{margin-top:16px!important;border:1px solid #e8e9ec!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}.hj281-websites .hj281-quick-card>header h2{font-size:13px!important;font-weight:600!important}.hj281-websites .hj281-quick-card>header p{font-size:10px!important;color:#8f949d!important}.hj281-websites .hj281-quick-grid>*{border-radius:11px!important;border-color:#eaebee!important;background:#fafafa!important;box-shadow:none!important}.hj281-websites .hj281-quick-grid strong{font-size:10.5px!important;font-weight:600!important}.hj281-websites .hj281-quick-grid small{font-size:9px!important;color:#92969f!important}

@media(max-width:980px){.hj58-hosting-head{flex-direction:column}.hj58-hosting-actions{justify-content:flex-start}.hj58-hosting-card .hj281-site-row{grid-template-columns:minmax(0,1fr) auto}.hj58-site-state{display:none!important}.hj58-hosting-card .hj281-site-actions .hj281-action-button span{display:none}.hj58-hosting-card .hj281-action-button{width:32px!important;padding:0!important;justify-content:center!important}}
@media(max-width:640px){.hj281-websites .hj281-page-header{align-items:flex-start}.hj281-websites .hj281-service-status{display:none!important}.hj281-websites .hj281-toolbar{padding:8px}.hj281-websites .hj281-tabs{display:none!important}.hj58-hosting-card .hj281-table-wrap{padding:10px}.hj58-hosting-card .hj281-site-row{grid-template-columns:1fr!important;gap:10px!important}.hj58-hosting-card .hj281-site-actions{justify-content:flex-start!important}.hj58-hosting-card .hj281-action-button{width:auto!important;padding:0 10px!important}.hj58-hosting-card .hj281-action-button span{display:inline!important}.hj58-hosting-actions>a:not(.hj58-manage-hosting){width:32px;height:32px}.hj58-hosting-copy h2{white-space:normal}}