.domain-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.domain-kpis article{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e1e6ed;border-radius:13px;padding:13px}.domain-kpis i{width:39px;height:39px;border-radius:11px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-style:normal;font-size:19px}.domain-kpis span{display:grid}.domain-kpis small{font-size:7px;color:#667085;font-weight:900}.domain-kpis b{font-size:18px}.domain-kpis em{font-size:7px;color:#98a2b3;font-style:normal}.domain-grid{display:grid;grid-template-columns:360px 1fr;gap:12px;align-items:start}.domain-server,.domain-list-panel{background:#fff;border:1px solid #e1e6ed;border-radius:14px;padding:16px}.domain-server>header{display:flex;justify-content:space-between;margin-bottom:13px}.domain-server h3{margin:0 0 3px}.domain-server p{margin:0;color:#667085;font-size:8px}.domain-server>header>em{font-size:7px;font-style:normal;background:#ecfdf3;color:#15803d;border-radius:999px;padding:7px;height:max-content}.domain-server form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.domain-server label{display:grid;gap:4px;font-size:8px;font-weight:800}.domain-server input{height:37px;border:1px solid #dbe2ea;border-radius:8px;padding:0 8px;min-width:0}.domain-server form label:first-of-type,.domain-server form label:nth-of-type(4),.domain-server form label:nth-of-type(5),.domain-server form label:nth-of-type(6),.domain-server form footer{grid-column:1/-1}.domain-server form footer{text-align:right}.domain-wildcard{display:grid;gap:5px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;padding:11px;margin-top:12px}.domain-wildcard b{font-size:9px}.domain-wildcard code{font-size:8px;background:#fff;padding:8px;border-radius:6px;overflow-wrap:anywhere}.domain-wildcard small{font-size:7px;color:#667085}.domain-toolbar{display:flex;gap:8px;margin-bottom:9px}.domain-toolbar label{flex:1;border:1px solid #dbe2ea;border-radius:8px;padding:0 9px}.domain-toolbar input,.domain-toolbar select{height:38px;border:0;outline:0;background:#fff;font-size:9px}.domain-toolbar label input{width:calc(100% - 20px)}.domain-toolbar select{border:1px solid #dbe2ea;border-radius:8px;padding:0 7px}.domain-list{display:grid}.domain-list>article{display:grid;grid-template-columns:38px minmax(180px,1fr) 105px auto;gap:9px;align-items:center;border-bottom:1px solid #edf0f5;padding:10px 0}.domain-list>article>i{width:35px;height:35px;border-radius:9px;background:#f1eaff;color:#6d28d9;display:grid;place-items:center;font-style:normal}.domain-list>article>div:nth-child(2){display:grid}.domain-list b{font-size:9px}.domain-list small{font-size:7px;color:#667085}.domain-list em{font-size:7px;color:#b91c1c;font-style:normal;margin-top:3px}.domain-state{font-size:7px;font-weight:900;border-radius:999px;padding:6px 8px;text-align:center;background:#f1f5f9;color:#64748b}.domain-state.active,.domain-state.dns_verified{background:#dcfce7;color:#15803d}.domain-state.pending_dns,.domain-state.provisioning{background:#fff7ed;color:#c2410c}.domain-state.failed{background:#fff1f2;color:#be123c}.domain-actions{display:flex;gap:5px}.domain-actions form{margin:0}.domain-actions button{border:1px solid #dbe2ea;background:#fff;border-radius:7px;padding:7px;font-size:7px;white-space:nowrap}@media(max-width:1050px){.domain-grid{grid-template-columns:1fr}.domain-kpis{grid-template-columns:1fr 1fr}}@media(max-width:650px){.domain-kpis{grid-template-columns:1fr 1fr}.domain-list>article{grid-template-columns:36px 1fr auto}.domain-state{grid-column:3}.domain-actions{grid-column:1/-1}.domain-server form{grid-template-columns:1fr}.domain-server form label,.domain-server form footer{grid-column:1!important}.domain-toolbar{display:grid}.domain-list-panel{padding:12px}}