.tenant-domain-list{display:grid;gap:12px}.tenant-domain-list>article{border:1px solid #e4e9f0;border-radius:14px;background:#fff;overflow:hidden}.tenant-domain-main{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:15px}.tenant-domain-main>i{width:42px;height:42px;border-radius:11px;background:#f1edff;color:#6d28d9;display:grid;place-items:center;font-style:normal}.tenant-domain-main>span{display:grid;gap:2px;min-width:0}.tenant-domain-main small,.tenant-ssl-details small{font-size:8px;font-weight:900;color:#7c3aed}.tenant-domain-main b{overflow-wrap:anywhere}.tenant-domain-main a{font-size:9px;color:#6d28d9;text-decoration:none}.tenant-ssl-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 15px;background:#f8fafc;border-block:1px solid #edf0f4}.tenant-ssl-details span{display:grid;gap:3px}.tenant-ssl-details b{font-size:10px}.tenant-domain-error{margin:12px 15px 0;padding:10px;border-radius:9px;background:#fff7ed;color:#c2410c;font-size:9px;line-height:1.4}.tenant-domain-list footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;font-size:9px;color:#64748b}.tenant-domain-list footer button{border:0;border-radius:8px;padding:10px 14px;font-weight:900}.tenant-domain-list footer button:disabled{background:#e2e8f0;color:#64748b}.domain-state{padding:7px 9px;border-radius:999px;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.domain-state.active{background:#dcfce7;color:#15803d}.domain-state.provisioning,.domain-state.dns_verified{background:#ede9fe;color:#6d28d9}.domain-state.pending_dns{background:#fef3c7;color:#a16207}.domain-state.failed,.domain-state.suspended{background:#fee2e2;color:#b91c1c}@media(max-width:700px){.tenant-domain-main{grid-template-columns:38px 1fr}.tenant-domain-main>i{width:38px;height:38px}.tenant-domain-main>.domain-state{grid-column:1/-1;justify-self:start}.tenant-ssl-details{grid-template-columns:1fr}.tenant-domain-list footer{align-items:stretch;flex-direction:column}.tenant-domain-list footer form,.tenant-domain-list footer button{width:100%}}