.title-row{display:flex;justify-content:space-between;align-items:start;gap:15px}.actions{display:flex;gap:8px;align-items:center}.button{display:inline-block;text-decoration:none;border-radius:7px;padding:8px 12px}.filters{padding:14px;background:#f8fafc;border-radius:9px}.filters select{min-width:150px}.bulk{margin:16px 0}.bulk input{display:inline;width:auto}.bulk select{width:190px}.table-wrap{overflow:auto}.status{display:inline-block;padding:3px 9px;border-radius:99px;background:#e2e8f0;white-space:nowrap}.status-sold{background:#fef3c7;color:#92400e}.status-exported{background:#dbeafe;color:#1e40af}.status-received{background:#dcfce7;color:#166534}.status-batch{background:#f3e8ff;color:#6b21a8}.pagination{display:flex;gap:6px;justify-content:center;margin-top:20px;flex-wrap:wrap}.pagination a{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;text-decoration:none;color:#334155}.pagination a.active{background:#2563eb;color:#fff;border-color:#2563eb}.mail{border-top:1px solid #e2e8f0;padding:14px 0}.mail-body{margin-top:10px;background:#f8fafc;padding:14px;border-radius:8px}.code-badge{background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:6px}@media(max-width:700px){.title-row{display:block}}
.domain-option{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;background:#fff;border:1px solid #e2e8f0;border-radius:7px}.domain-option small{color:#64748b;white-space:nowrap}.domain-option span{display:flex;align-items:center;min-width:0}.domain-option input{flex:0 0 auto}@media(max-width:700px){.domain-option{align-items:flex-start;flex-direction:column;gap:3px}}
.domain-select-tools{display:flex;align-items:center;gap:8px;margin:4px 0 10px}.domain-select-tools strong{margin-right:auto}.domain-select-tools button{padding:6px 11px}
.result-link{display:inline-block;margin-right:7px;color:#4f46e5;font-weight:700;text-decoration:none;white-space:nowrap}.result-link:hover{text-decoration:underline}.mini-copy{min-height:29px!important;padding:4px 8px!important;font-size:11px}
.card form+.actions{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f5}.card form+.actions button{margin:0}.card form>button:last-child{margin-top:6px}.actions{gap:11px!important}
.domain-chips{align-content:flex-start;max-height:116px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(137,149,191,.45) transparent}.domain-chips span{flex:0 0 auto;white-space:nowrap}
.dns-table td:nth-child(3) code{display:inline-block;max-width:260px;vertical-align:middle;overflow-wrap:anywhere}.host-copy{margin-left:8px;vertical-align:middle;white-space:nowrap}@media(max-width:760px){.dns-table td:nth-child(3){min-width:170px}.host-copy{margin:6px 0 0;display:block}}
.domain-option{align-items:flex-start!important;justify-content:flex-start!important;flex-direction:column!important;gap:5px!important}.domain-option small{display:block;padding-left:25px;white-space:normal!important;line-height:1.4}
.email-copy{margin-left:8px;vertical-align:middle;white-space:nowrap}@media(max-width:700px){.email-copy{margin:6px 0 2px;display:block}}
.cdk-status-unused{background:#dcfce7!important;color:#166534!important}.cdk-status-used{background:#e2e8f0!important;color:#475569!important}.cdk-status-disabled{background:#fee2e2!important;color:#b91c1c!important}
.cdk-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.cdk-row-actions form{display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.cdk-row-actions .button,.danger-button.compact{min-height:31px!important;padding:5px 9px!important;font-size:11px!important}.cdk-audit-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:18px 0;padding:16px;border-radius:10px;background:#f8fafc}.cdk-audit-meta p{margin:0}@media(max-width:700px){.cdk-row-actions{align-items:flex-start;flex-direction:column}.cdk-audit-meta{grid-template-columns:1fr}}
.cdk-filters{display:flex!important;align-items:end;gap:10px;margin:20px 0 14px!important;padding:14px!important;border:1px solid #e2e8f0!important;border-radius:10px;background:#f8fafc!important}.cdk-filters label{min-width:140px;margin:0}.cdk-filters select,.cdk-filters input{margin-top:5px}.cdk-filters .button,.cdk-filters button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;white-space:nowrap}.cdk-export{margin-left:auto;background:#4f46e5!important;color:#fff!important}@media(max-width:900px){.cdk-filters{align-items:stretch;flex-wrap:wrap}.cdk-filters label{flex:1 1 180px}.cdk-export{margin-left:0}}@media(max-width:600px){.cdk-filters>*{width:100%}.cdk-row-actions{white-space:normal}}
.cdk-pagination{align-items:center;max-height:120px;overflow-y:auto;padding:8px}.cdk-pagination>span{margin-right:10px;color:#64748b;font-size:12px;white-space:nowrap}
.cdk-filters .cdk-search{flex:1 1 240px;min-width:220px}.cdk-filters .cdk-search input{width:100%}
.latest-cdk-batch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:17px 19px;border:1px solid #c7d2fe;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.latest-cdk-batch>div:first-child{display:flex;flex-direction:column;gap:4px}.latest-cdk-batch strong{color:#312e81;font-size:15px}.latest-cdk-batch small{color:#64748b}.latest-cdk-batch .actions{margin:0;flex-wrap:wrap}@media(max-width:700px){.latest-cdk-batch{align-items:stretch;flex-direction:column}.latest-cdk-batch .actions>*{flex:1}}
.admin-order-credentials{display:grid;gap:10px;margin:18px 0;padding:18px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.admin-order-credentials>div:first-child{display:flex;flex-direction:column;gap:3px;margin-bottom:3px}.admin-order-credentials>div:first-child strong{color:#1e3a8a;font-size:16px}.admin-order-credentials small{color:#64748b}.credential-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#fff}.credential-row span,.credential-link>span{font-size:12px;font-weight:700;color:#475569}.credential-row code,.credential-link code{overflow-wrap:anywhere}.credential-link{display:grid;gap:9px;padding:12px;border-radius:9px;background:#fff}.credential-link .actions{margin:0;flex-wrap:wrap}@media(max-width:650px){.credential-row{grid-template-columns:1fr}.credential-row button{width:100%}.credential-link .actions>*{width:100%}}
.manual-mailbox-card{border-color:#c7d2fe!important;background:linear-gradient(145deg,#fff,#f8faff)!important}.manual-mailbox-form{display:grid!important;grid-template-columns:1.1fr 1.2fr 1.1fr .9fr auto;align-items:end;gap:12px;margin-top:16px!important}.manual-mailbox-form label{margin:0}.manual-mailbox-form input,.manual-mailbox-form select{margin-top:6px}.manual-mailbox-form button{min-height:42px;white-space:nowrap}.manual-created-result{display:grid;gap:12px;margin-top:17px;padding:16px;border:1px solid #bbf7d0;border-radius:11px;background:#f0fdf4}.manual-created-result>div:first-child{display:flex;align-items:center;gap:12px;color:#166534}.manual-result-grid{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:9px}.manual-result-grid>span{font-size:12px;font-weight:700;color:#475569}.manual-result-grid code{overflow-wrap:anywhere}@media(max-width:1050px){.manual-mailbox-form{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-mailbox-form button{grid-column:span 2}}@media(max-width:650px){.manual-mailbox-form{grid-template-columns:1fr}.manual-mailbox-form button{grid-column:auto}.manual-result-grid{grid-template-columns:1fr}.manual-created-result>div:first-child{align-items:flex-start;flex-direction:column}.manual-result-grid button{width:100%}}
.generate-domain-groups{display:grid;gap:10px;margin-bottom:16px}.generate-domain-group{overflow:hidden;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.generate-domain-group summary{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;list-style:none;background:linear-gradient(90deg,#fff,#f8faff)}.generate-domain-group summary::-webkit-details-marker{display:none}.generate-domain-group summary label{display:flex;align-items:center;gap:8px;margin:0;color:#1e293b;cursor:pointer}.generate-domain-group summary input{display:inline;width:17px;height:17px;margin:0;accent-color:#4f46e5}.generate-domain-group summary span{padding:3px 8px;border-radius:99px;background:#eef2ff;color:#4338ca;font-size:12px}.generate-domain-group summary small{color:#94a3b8}.generate-domain-group summary::after{content:'›';color:#6366f1;font-size:22px;line-height:1;transition:transform .18s}.generate-domain-group[open] summary::after{transform:rotate(90deg)}.generate-domain-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px;padding:13px;border-top:1px solid #e8edf4;background:#f8fafc}.generate-domain-children .domain-option{margin:0}.generate-domain-children .domain-option small{padding-left:25px!important}@media(max-width:700px){.generate-domain-group summary{grid-template-columns:1fr auto}.generate-domain-group summary small{display:none}.generate-domain-children{grid-template-columns:1fr}}
.network-purchase-link{color:#f6c453!important;font-weight:800;text-shadow:0 0 16px rgba(246,196,83,.28)}.network-purchase-link:hover{color:#ffdc7a!important}
.order-credential-tip{display:flex;align-items:flex-start;gap:14px;margin:12px 0 18px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a}.order-credential-tip strong{white-space:nowrap}.order-credential-tip span{color:#475569;line-height:1.6}.order-export-actions{justify-content:flex-end;margin:14px 0}.order-export-actions .button{background:#4f46e5;color:#fff}@media(max-width:650px){.order-credential-tip{display:block}.order-credential-tip strong,.order-credential-tip span{display:block}.order-credential-tip span{margin-top:6px}.order-export-actions .button{width:100%;text-align:center}}
.order-save-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 20px;padding:14px;border:1px dashed #f59e0b;border-radius:10px;background:#fffbeb}.order-save-actions button,.order-save-actions .button{min-height:38px}.order-save-actions .credential-download{background:#d97706;color:#fff}@media(max-width:650px){.order-save-actions>*{width:100%;text-align:center}}
.mail-html-frame{display:block;width:100%;min-height:160px;border:0;background:#fff;border-radius:6px}.mail-body:has(.mail-html-frame){padding:10px;overflow:hidden}