/* Hosting uses the same surfaces, type sizes and controls as the store. */
.hs {
    --hs-card: var(--bg-card, var(--card, #fff));
    --hs-bg: var(--bg-body, var(--bg, #f5f5f9));
    --hs-heading: var(--text-heading, var(--text-h, #32325d));
    --hs-body: var(--text-body, var(--text-m, #697a8d));
    --hs-muted: var(--text-muted, var(--text-m, #a1acb8));
    --hs-border: var(--border-color, var(--border, #eceef1));
    color: var(--hs-body);
    font-size: .845rem;
}
.hs h1, .hs h2, .hs h3 { color: var(--hs-heading); line-height: 1.5; margin: 0; }
.hs h1, .hs h2 { font-size: 1.05rem; font-weight: 750; }
.hs h3 { font-size: .9rem; font-weight: 700; }
.hs p { font-size: .8rem; line-height: 1.7; }
.hs .btn { padding: 7px 12px; min-height: 32px; border-radius: 7px; font-size: .77rem; font-weight: 600; gap: 7px; box-shadow: none; justify-content: center; text-decoration: none; }
.hs .btn:hover { transform: none; box-shadow: none; }
.hs .btn-primary { background: var(--primary); color: #fff; border: 1px solid transparent; }
.hs .btn-primary:hover { background: var(--primary-dark); }
.hs .btn-ghost { background: var(--hs-bg); color: var(--hs-body); border: 1px solid var(--hs-border); }
.hs .btn-ghost:hover { color: var(--primary); background: var(--primary-soft); border-color: var(--primary); }
.hs .btn-sm { padding: 5px 10px; min-height: 29px; font-size: .73rem; }
.hs-page-head, .hs-catalog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.hs-title-group { display: flex; align-items: center; gap: 11px; min-width: 0; }
.hs-title-group > div { min-width: 0; }
.hs-title-group p { color: var(--hs-muted); margin: 2px 0 0; font-size: .77rem; }
.hs-icon, .hs-plan-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: var(--primary-soft); color: var(--primary); font-size: 1rem; }
.hs-caption { display: inline-flex; align-items: center; gap: 6px; font-size: .73rem; color: var(--hs-muted); }
.hs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 265px), 1fr)); gap: 14px; }
.hs-card, .hs-plan { min-width: 0; border: 1px solid var(--hs-border); background: var(--hs-card); border-radius: var(--radius, 12px); }
.hs-card { padding: 18px; margin-bottom: 12px; }
.hs-catalog { margin-top: 26px; scroll-margin-top: 90px; }
.hs-catalog:first-child { margin-top: 0; }
.hs-plan { display: flex; flex-direction: column; overflow: hidden; box-shadow: var(--shadow, 0 2px 14px rgba(18,38,63,.07)); }
.hs-plan-head { display: flex; align-items: center; gap: 10px; padding: 18px 18px 0; }
.hs-plan-head h3 { font-size: .95rem; overflow-wrap: anywhere; }
.hs-plan-icon { width: 36px; height: 36px; border-radius: 9px; font-size: .9rem; }
.hs-plan-cycle { color: var(--hs-muted); font-size: .71rem; }
.hs-plan-desc { margin: 10px 18px 0; color: var(--hs-body); font-size: .77rem !important; }
.hs-price-row { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 5px 12px; padding: 17px 18px; }
.hs-price { display: flex; align-items: baseline; gap: 5px; color: var(--hs-heading); font-size: 1.65rem; font-weight: 800; line-height: 1.2; letter-spacing: -.03em; }
.hs-price small { color: var(--hs-muted); font-size: .72rem; font-weight: 400; letter-spacing: 0; }
.hs-setup { font-size: .67rem; color: var(--hs-muted); padding-bottom: 2px; }
.hs-resources { margin: 0 18px; padding: 12px 0; border-top: 1px solid var(--hs-border); }
.hs-resources > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 6px 0; }
.hs-resources dt { display: flex; align-items: center; gap: 8px; color: var(--hs-body); font-size: .76rem; font-weight: 400; }
.hs-resources dt i { width: 14px; text-align: center; font-size: .72rem; color: var(--hs-muted); }
.hs-resources dd { font-size: .77rem; color: var(--hs-heading); font-weight: 600; margin: 0; white-space: nowrap; }
.hs-features { list-style: none; margin: 0 18px; padding: 10px 0 13px; border-top: 1px solid var(--hs-border); }
.hs-features li { display: flex; align-items: baseline; gap: 8px; padding: 4px 0; font-size: .75rem; }
.hs-features i { font-size: .65rem; color: var(--primary); }
.hs-plan-footer { padding: 13px 18px; border-top: 1px solid var(--hs-border); margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.hs-plan-footer small { color: var(--hs-muted); font-size: .68rem; }
.hs-plan-footer .btn { width: 100%; min-height: 35px; }
.hs-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.hs-service-domain { color: var(--hs-heading); font-weight: 700; font-size: .9rem; overflow-wrap: anywhere; text-align: start; }
.hs-service .hs-title-group span:not(.hs-icon) { font-size: .72rem; color: var(--hs-muted); }
.hs-meta { display: flex; align-items: center; gap: 8px 20px; flex-wrap: wrap; margin: 12px 0; font-size: .74rem; color: var(--hs-muted); }
.hs-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 12px; }
.hs-service > .hs-actions { padding-top: 12px; border-top: 1px solid var(--hs-border); }
.hs-bill { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 15px 18px; }
.hs-bill > .hs-row { flex: 1; min-width: min(100%, 300px); gap: 16px; }
.hs-bill .hs-meta { margin: 4px 0 0; font-size: .71rem; }
.hs-bill .hs-actions { margin: 0; }
.hs-bill b { font-size: .8rem; color: var(--hs-heading); }
.hs-bill strong { font-size: .95rem; color: var(--hs-heading); margin-inline-end: 7px; }
.hs-badge, .hs-count { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 6px; background: var(--hs-bg); color: var(--hs-body); font-size: .67rem; font-weight: 600; white-space: nowrap; }
.hs-badge-active, .hs-badge-paid { color: var(--success, #10b981); background: rgba(16,185,129,.1); }
.hs-badge-overdue, .hs-badge-suspended { color: var(--danger, #ef4444); background: rgba(239,68,68,.1); }
.hs-badge-pending, .hs-badge-unpaid { color: #b77918; background: rgba(245,158,11,.1); }
.hs-section-head { display: flex; align-items: center; gap: 8px; margin: 24px 0 12px; }
.hs-section { margin: 0 0 14px !important; }
.hs-note { background: var(--primary-soft); color: inherit; border-radius: 8px; padding: 10px 12px; font-size: .75rem !important; margin: 12px 0; line-height: 1.8; }
.hs-empty { display: flex; align-items: center; gap: 14px; padding: 22px; border: 1px solid var(--hs-border); border-radius: var(--radius, 12px); background: var(--hs-card); }
.hs-empty-icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--hs-bg); color: var(--hs-muted); font-size: 1.1rem; flex-shrink: 0; }
.hs-empty h3 { font-size: .86rem; }.hs-empty p { color: var(--hs-muted); font-size: .75rem; margin-top: 3px; }
.hs-message { color: var(--danger); font-size: .8rem; margin: 10px 0; white-space: pre-line; }.hs-message:empty { display: none; }
.hs-table-wrap { overflow-x: auto; }
.hs-table { width: 100%; border-collapse: collapse; font-size: .79rem; }
.hs-table th, .hs-table td { text-align: start; padding: 12px; border-bottom: 1px solid var(--hs-border); white-space: nowrap; }
.hs-table th { font-size: .72rem; font-weight: 600; color: var(--hs-muted); background: var(--hs-bg); }
.hs-table tr:last-child td { border-bottom: 0; }
.hs-admin-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 16px; }
.hs-admin-form label { display: block; font-size: .77rem; margin-bottom: 6px; color: var(--hs-heading); font-weight: 500; }
.hs-admin-form .input-control { width: 100%; margin: 0; }
.hs-admin-form textarea { min-height: 90px; }.hs-full { grid-column: 1/-1; }
.hs-admin-links { display: flex; gap: 12px; margin: 14px 0; flex-wrap: wrap; }.hs-admin-links:empty { display: none; }.hs-admin-links a { color: var(--primary); font-size: .76rem; }
.hs-admin-tabs { display: flex; gap: 3px; border-bottom: 1px solid var(--hs-border); margin: 18px 0; overflow-x: auto; }
.hs-admin-tabs a { padding: 10px 15px; color: var(--hs-body); font-size: .8rem; white-space: nowrap; border-bottom: 2px solid transparent; text-decoration: none; }
.hs-admin-tabs a:hover, .hs-admin-tabs a.is-active { color: var(--primary); background: var(--primary-soft); border-bottom-color: var(--primary); }
.hs-admin-panel[hidden] { display: none !important; }.hs-admin-panel { scroll-margin-top: 85px; }.hs-admin-panel > h2 { margin-bottom: 12px; }
.hs-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.hs-stats .hs-card { margin: 0; padding: 16px 18px; }.hs-stats h2 { font-size: 1.35rem; }.hs-stats p { color: var(--hs-muted); font-size: .72rem; margin-top: 3px; }
.hs-order { padding: 20px; color: var(--text-body); }.hs-order h3 { font-size: 1rem; font-weight: 700; color: var(--text-heading); }.hs-order p { font-size: .78rem; color: var(--text-muted); margin-top: 3px; }
.hs-order label, .hs-order small { display: block; margin: 15px 0 6px; font-size: .77rem; }.hs-order input, .hs-order select { width: 100%; margin: 0; }
.hs-order .hs-check { display: flex; align-items: flex-start; gap: 8px; line-height: 1.8; color: var(--text-body); }.hs-check input { width: auto; margin-top: 5px; }.hs-check a { color: var(--primary); }
.hs-summary { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; font-size: .8rem; border-bottom: 1px solid var(--border-color); }.hs-summary strong { color: var(--text-heading); }.hs-total { margin: 15px 0; font-weight: 700; }.hs-order > button[type=submit] { width: 100%; justify-content: center; min-height: 38px; }
@media (max-width: 600px) {
    .hs-page-head, .hs-catalog-head { gap: 12px; align-items: flex-start; flex-wrap: wrap; }.hs-page-head h2, .hs h1 { font-size: 1rem; }
    .hs-caption { margin-inline-start: 49px; }.hs-card { padding: 15px; }.hs-grid { grid-template-columns: 1fr; }.hs-catalog { margin-top: 22px; }
    .hs-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }.hs-stats .hs-card { padding: 12px 9px; }.hs-stats h2 { font-size: 1rem; }.hs-stats p { font-size: .65rem; }
    .hs-meta { gap: 6px 12px; font-size: .7rem; }.hs-service > .hs-row { align-items: flex-start; }.hs-actions .btn { flex-grow: 1; }
    .hs-bill { align-items: stretch; }.hs-bill > .hs-row { min-width: 0; flex-basis: 100%; }.hs-bill .hs-actions { width: 100%; }
    .hs-empty { padding: 18px 15px; gap: 11px; }.hs-empty-icon { width: 38px; height: 38px; }.hs-admin-form { grid-template-columns: 1fr; }.hs-full { grid-column: auto; }
    .hs-admin-tabs a { padding: 9px 12px; font-size: .76rem; }.hs-order { padding: 18px; }
}
@media print { .hs-actions, .hs-admin-tabs { display: none; }.hs-card { break-inside: avoid; } }

.hs-help{margin:0 0 16px;font-size:.76rem;color:var(--hs-muted)}.hs-help summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;width:fit-content}.hs-help summary::-webkit-details-marker{display:none}.hs-help summary:hover{color:var(--primary)}.hs-help[open] summary{color:var(--primary)}
.hs-bill b{overflow-wrap:anywhere}
.hs-order [hidden]{display:none!important}
/* Administration: compact working tables, with forms kept in dialogs. */
.hs-admin-workspace{font-size:.84rem}
.hs-toolbar-actions,.hs-table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hs-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.hs-metric{display:flex;align-items:center;gap:12px;padding:16px;background:var(--hs-card);border:1px solid var(--hs-border);border-radius:var(--radius,12px)}
.hs-metric-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary);background:var(--primary-soft)}
.hs-metric>div{display:flex;flex-direction:column;gap:4px;min-width:0}.hs-metric>div>span{font-size:.75rem;color:var(--hs-body)}.hs-metric strong{font-size:1.35rem;font-weight:750;color:var(--hs-heading);line-height:1.3}
.hs-admin-workspace .hs-admin-tabs{background:var(--hs-card);border:1px solid var(--hs-border);padding:0 8px;border-radius:10px;margin:18px 0 16px;gap:2px}.hs-admin-workspace .hs-admin-tabs a{display:flex;align-items:center;gap:7px;padding:14px 15px;font-size:.82rem;font-weight:600}.hs-admin-workspace .hs-admin-tabs a i{font-size:.8rem}
.hs-data-panel{padding:0;overflow:hidden}.hs-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--hs-border)}
.hs-panel-head h2{display:flex;align-items:center;gap:8px;font-size:.98rem}.hs-panel-head p{margin-top:4px;color:var(--hs-body);font-size:.77rem}
.hs-search{display:flex;align-items:center;gap:9px;width:330px;max-width:100%;padding:4px 5px 4px 11px;border:1px solid var(--hs-border);border-radius:8px;background:var(--hs-card);flex-shrink:0}.hs-search>i{color:var(--hs-muted);font-size:.8rem}.hs-search input{background:transparent;min-width:0;flex:1;width:100%;outline:none;border:0;color:var(--hs-heading);font:inherit;font-size:.8rem}.hs-search:focus-within{border-color:var(--primary)}
.hs-filter-row{display:flex;gap:7px;padding:12px 20px;border-bottom:1px solid var(--hs-border);overflow:auto}.hs-filter-row a{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 10px;border-radius:6px;font-size:.74rem;color:var(--hs-body);text-decoration:none}.hs-filter-row a.is-active,.hs-filter-row a:hover{color:var(--primary);background:var(--primary-soft)}
.hs-admin-table{font-size:.8rem}.hs-admin-table th{padding:12px 20px;background:var(--hs-bg);font-size:.73rem;color:var(--hs-body)}.hs-admin-table td{padding:15px 20px;vertical-align:middle;color:var(--hs-body)}.hs-admin-table td>small,.hs-admin-table .hs-table-title small{display:block;font-size:.72rem;margin-top:4px;color:var(--hs-body);opacity:.8}.hs-admin-table td>strong,.hs-admin-table .hs-table-title strong{color:var(--hs-heading);font-weight:650}.hs-admin-table tbody tr:hover{background:var(--primary-soft)}
.hs-text-link{background:none;border:0;padding:0;color:var(--hs-heading);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.hs-text-link:hover{color:var(--primary)}.hs-table-title{display:flex;align-items:center;gap:11px}.hs-table-title .hs-plan-icon{width:34px;height:34px;font-size:.85rem}
.hs-table-actions{flex-wrap:nowrap}.hs-admin-table button.hs-badge{border:0;cursor:pointer;gap:7px}.hs-table-empty{text-align:center!important;padding:44px 20px!important}.hs-table-empty>i{display:block;font-size:1.6rem;margin-bottom:12px;color:var(--hs-muted)}.hs-table-empty strong,.hs-table-empty span{display:block;font-size:.8rem;white-space:normal}.hs-table-empty span{font-size:.75rem;margin-top:5px;color:var(--hs-body)}
.hs-table-footer{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hs-border);font-size:.73rem;color:var(--hs-body)}.hs-table-footer>div{display:flex;gap:6px}
.hs-editor-section{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--border-color)}.hs-editor-section h3{font-size:.9rem}.hs-editor-section p{font-size:.76rem;color:var(--text-body)}.hs-admin-editor label{margin:0 0 6px}.hs-admin-editor .hs-admin-form{margin-top:14px}.hs-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.hs-editor-footer>span{font-size:.72rem;color:var(--text-body)}.hs-editor-footer button{min-width:130px;justify-content:center;min-height:36px}
.hs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0;margin:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.hs-detail-grid dt{font-size:.73rem;color:var(--text-body);margin-bottom:6px}.hs-detail-grid dd{font-size:.84rem;color:var(--text-heading);font-weight:600;margin:0}.hs-detail-grid dd small{font-size:.73rem;margin:4px 0 0;font-weight:400}
@media(max-width:700px){.hs-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hs-metric{padding:12px;gap:9px}.hs-metric-icon{width:30px;height:30px;font-size:.8rem}.hs-metric strong{font-size:1.1rem}.hs-metric>div>span{font-size:.69rem}.hs-toolbar-actions .btn{font-size:.72rem}.hs-panel-head{flex-wrap:wrap;padding:16px}.hs-search{width:100%}.hs-admin-workspace .hs-admin-tabs a{padding:12px 11px;font-size:.76rem}.hs-filter-row{padding:10px 12px}.hs-admin-table td,.hs-admin-table th{padding:12px 14px}.hs-editor-footer{align-items:stretch;flex-direction:column}.hs-editor-footer button{width:100%}.hs-editor-section .hs-admin-form{grid-template-columns:1fr}.hs-detail-grid{gap:14px}}