:root{--sc-blue:#175cff;--sc-navy:#0d1b52;--sc-purple:#6138f5;--sc-green:#18a96b;--sc-cyan:#08a9eb;--sc-bg:#f7f9fd;--sc-border:#e6ebf4;--sc-muted:#69799a;--sc-shadow:0 10px 32px rgba(29,49,94,.07)}
.customer-mode.sc-page main{max-width:1600px;padding:18px 28px 34px}
.customer-mode.sc-page .customer-heading{display:none}.sc-root{display:grid;gap:14px}
.sc-root button,.sc-root a{font-family:inherit}.sc-hero{display:grid;grid-template-columns:188px minmax(0,1fr) 430px;gap:20px;align-items:center;background:#fff;border:1px solid var(--sc-border);border-radius:17px;padding:16px 20px;box-shadow:var(--sc-shadow)}
.sc-preview{height:120px;border:1px solid #dfe6f2;border-radius:11px;overflow:hidden;position:relative;background:#edf4ff}.sc-preview iframe{position:absolute;left:0;top:0;width:500%;height:500%;transform:scale(.2);transform-origin:0 0;border:0;pointer-events:none;background:#fff}.sc-preview-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;color:#52678e;font-size:11px}.sc-preview-fallback .sc-icon{width:42px;height:42px}
.sc-hero-info{min-width:0}.sc-online{display:inline-flex;padding:7px 15px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:7px}.sc-online.ok{background:#e7faef;color:#15965d}.sc-online.warn{background:#fff4df;color:#b6770e}.sc-hero-info h1{font-size:29px;line-height:1.05;letter-spacing:-.045em;color:#071747;margin:0 0 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-meta{display:flex;align-items:center;gap:12px;color:#657697;font-size:12px;flex-wrap:wrap}.sc-meta i{width:1px;height:13px;background:#dce2ee}
.sc-hero-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;justify-self:end;width:100%}.sc-hero-actions .sc-primary,.sc-hero-actions .sc-wp{grid-column:span 1}.sc-primary,.sc-wp,.sc-outline,.sc-card-action,.sc-file-main,.sc-info-more{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;text-decoration:none;height:42px;padding:0 14px;font-weight:800;font-size:12px;cursor:pointer;transition:.18s ease}
.sc-primary{border:0;background:linear-gradient(100deg,#147cff,#3d3cf2);color:#fff;box-shadow:0 8px 18px rgba(23,92,255,.16)}.sc-wp{background:#edf4ff;color:#1459d8;border:1px solid #d8e5fb}.sc-outline{background:#fff;color:#152a5d;border:1px solid #ccd8eb}.sc-primary:hover,.sc-wp:hover,.sc-outline:hover,.sc-card-action:hover,.sc-file-main:hover{transform:translateY(-1px)}
.sc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sc-metric{min-height:92px;background:#fff;border:1px solid var(--sc-border);border-radius:14px;box-shadow:var(--sc-shadow);display:flex;align-items:center;gap:14px;padding:15px 17px}.sc-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.sc-icon svg{width:23px;height:23px}.sc-icon.blue{color:#1475f6;background:#eef5ff}.sc-icon.purple{color:#6338f1;background:#f1ebff}.sc-icon.green{color:#10a565;background:#e8faf1}.sc-icon.cyan{color:#02a7ea;background:#e8f9ff}.sc-metric-copy{display:grid;gap:4px;min-width:0;flex:1}.sc-metric-copy small{font-size:11px;color:#6a7a9a}.sc-metric-copy strong{font-size:18px;color:#10205c;white-space:nowrap}.sc-metric-copy span{font-size:10px;color:#687897}.sc-progress{height:7px;background:#e9eff8;border-radius:999px;overflow:hidden}.sc-progress i{display:block;height:100%;background:linear-gradient(90deg,#147cff,#5c37f4);border-radius:999px}
.sc-tabs{display:flex;gap:2px;align-items:center;background:#fff;border:1px solid var(--sc-border);border-radius:14px;padding:0 10px;overflow:auto;box-shadow:var(--sc-shadow)}.sc-tabs button{height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:#52658b;display:flex;align-items:center;gap:8px;padding:0 14px;white-space:nowrap;font-weight:700;font-size:12px;cursor:pointer}.sc-tabs button svg{width:17px;height:17px}.sc-tabs button.active{color:#1761e9;border-bottom-color:#1761e9}
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sc-card{background:#fff;border:1px solid var(--sc-border);border-radius:15px;box-shadow:var(--sc-shadow);padding:16px;display:flex;flex-direction:column;min-height:285px}.sc-card-title{display:flex;gap:11px;align-items:center;margin-bottom:13px}.sc-card-title .sc-icon{width:42px;height:42px}.sc-card-title h3{font-size:17px;color:#0d1d50;margin:0 0 3px}.sc-card-title p{margin:0;color:#7181a0;font-size:11px}.sc-dns-list{border-top:1px solid #eef1f6;margin-bottom:auto}.sc-dns-row{display:grid;grid-template-columns:52px 85px minmax(0,1fr);gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid #eef1f6;font-size:10px}.sc-dns-row strong{color:#172c61}.sc-dns-row span{color:#536687}.sc-dns-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#405478;font-family:inherit}
.sc-card-action{width:100%;border:1px solid #dbe5f5;background:#f4f7fd;color:#1459d8;margin-top:auto}.sc-file-main{width:100%;border:0;background:linear-gradient(100deg,#147cff,#1858f2);color:#fff;margin-top:auto;margin-bottom:10px}.sc-primary{margin-top:auto}
.sc-db-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;background:#fbfcff;border:1px solid #e9edf5;border-radius:10px;margin-bottom:14px}.sc-db-item strong{font-size:13px;color:#1c2f61}.sc-db-item span{font-size:10px;color:#687999}.sc-label{display:grid;gap:7px;color:#142859;font-size:11px;font-weight:800;margin:8px 0 12px}.sc-select{height:42px;border:1px solid #ccd8ea;border-radius:9px;padding:0 12px;background:#fff;color:#172b5d}.sc-muted{color:#70809d;font-size:10px}.sc-chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.sc-chips span{background:#eef3fb;color:#40547d;border-radius:999px;padding:6px 10px;font-size:10px}
.sc-ssl-good{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px;background:#ecfbf4;border:1px solid #beeeda;border-radius:10px;margin:10px 0 16px}.sc-ssl-good .sc-icon{grid-row:1/3;width:38px;height:38px}.sc-ssl-good strong{font-size:13px;color:#15794e}.sc-ssl-good span{font-size:10px;color:#4d7d69}.sc-backup-item{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px;background:#fbfcff;border:1px solid #e9edf5;border-radius:10px}.sc-backup-item .sc-icon{grid-row:1/4;width:38px;height:38px}.sc-backup-item strong{font-size:13px}.sc-backup-item span,.sc-backup-item small{font-size:10px;color:#657697}.sc-empty{margin:auto 0;color:#71809c;font-size:12px;text-align:center;padding:18px}
.sc-info{position:relative;background:#fff;border:1px solid var(--sc-border);border-radius:15px;box-shadow:var(--sc-shadow);padding:13px 18px}.sc-info .sc-card-title{margin-bottom:10px}.sc-info-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr .8fr;gap:18px;padding-right:150px}.sc-info-grid div{display:grid;gap:4px}.sc-info-grid small{font-size:10px;color:#71809c}.sc-info-grid strong{font-size:11px;color:#172b5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-info-more{position:absolute;right:18px;top:18px;border:1px solid #dbe5f4;background:#edf4ff;color:#175bdc;height:36px}
.sc-more-menu{position:absolute;z-index:120;width:225px;background:#fff;border:1px solid #dfe6f1;border-radius:11px;box-shadow:0 20px 50px rgba(28,48,93,.18);padding:7px;display:grid;gap:2px}.sc-more-menu button{border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:7px;color:#2a3d6c;font:inherit;font-size:11px;cursor:pointer}.sc-more-menu button:hover{background:#f3f7ff;color:#175cff}.sc-more-menu .sc-menu-disabled{color:#9aa6ba;cursor:not-allowed}
.sc-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sc-loading i{height:140px;border-radius:14px;background:linear-gradient(90deg,#f4f6fa,#e9eef6,#f4f6fa);background-size:220% 100%;animation:scload 1.2s infinite}@keyframes scload{to{background-position:-220% 0}}
.sc-drawer-backdrop{position:fixed;inset:0;background:rgba(9,21,54,.45);z-index:200;display:flex;justify-content:flex-end}.sc-drawer{width:min(430px,92vw);height:100%;background:#fff;padding:28px;box-shadow:-20px 0 60px rgba(10,24,60,.18);overflow:auto}.sc-drawer h2{color:#0d1b52;margin:0 0 5px}.sc-drawer p{color:#6d7b98;font-size:12px}.sc-detail-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f5;font-size:11px}.sc-detail-row span{color:#71809a}.sc-detail-row strong{color:#213866;word-break:break-word}
@media(max-width:1320px){.sc-hero{grid-template-columns:160px minmax(0,1fr) 360px}.sc-hero-actions{grid-template-columns:repeat(2,1fr)}.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-info-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.sc-hero{grid-template-columns:150px 1fr}.sc-hero-actions{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.sc-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.customer-mode.sc-page main{padding:14px 11px}.sc-hero{grid-template-columns:1fr;padding:14px}.sc-preview{height:160px}.sc-hero-actions{grid-template-columns:1fr 1fr}.sc-hero-info h1{font-size:23px}.sc-metrics,.sc-grid{grid-template-columns:1fr}.sc-tabs{border-radius:10px}.sc-info-grid{grid-template-columns:1fr 1fr;padding-right:0}.sc-info-more{position:static;margin-top:14px;width:100%}.sc-loading{grid-template-columns:1fr}}
.sc-hero-actions{position:relative}
.sc-preview{display:grid;place-items:center}.sc-preview-fallback{z-index:1}.sc-preview-fallback.hidden{display:none}.sc-site-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#167cff,#5136f3);color:#fff;font-weight:900;font-size:21px;box-shadow:0 10px 24px rgba(23,92,255,.2)}.sc-site-favicon{max-width:76px;max-height:76px;object-fit:contain;display:none;z-index:2}.sc-site-favicon.ready{display:block}

/* Site actions: one desktop row, responsive on smaller screens. */
.sc-hero{grid-template-columns:160px minmax(0,1fr)}
.sc-hero-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;flex-wrap:nowrap;width:100%}
.sc-hero-actions>a,.sc-hero-actions>button{flex:0 0 auto;margin-top:0;white-space:nowrap;font-size:14px;height:42px;padding:0 18px}
.sc-tabs button{font-size:14px;height:54px;padding:0 16px}
.sc-tabs button.active{background:#eef4ff;border-radius:9px 9px 0 0}
.sc-card-title h3{font-size:19px}.sc-dns-row{font-size:14px;padding:12px 4px;grid-template-columns:50px 75px minmax(0,1fr)}
.sc-db-item{grid-template-columns:auto minmax(0,1fr);font-size:14px}.sc-db-item strong{font-size:15px;overflow-wrap:anywhere}.sc-db-item span{font-size:13px;grid-column:2}
.sc-card-action,.sc-card>.sc-primary{font-size:14px;height:42px}.sc-card>.sc-primary+.sc-card-action{margin-top:10px}
@media(max-width:760px){.sc-hero{grid-template-columns:1fr}.sc-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sc-hero-actions>a,.sc-hero-actions>button{font-size:13px;padding:0 8px;min-width:0}}