.sdns-card{border-top:3px solid #24677c}.sdns-card h2{margin-top:8px;line-height:1.7}.sdns-card h3{font-size:16px;line-height:1.7;margin:0 0 14px}.sdns-card>.section-head{align-items:flex-start;flex-wrap:wrap}.sdns-card>.section-head>.badge{flex-shrink:0;margin-top:10px}.sdns-toolbar{display:flex;align-items:flex-end;gap:12px;margin-top:16px}.sdns-toolbar label{flex:1;min-width:0;margin:0}.sdns-toolbar button{flex-shrink:0}.sdns-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0 8px}.sdns-actions button{padding:9px 12px;font-size:12px}.sdns-actions .badge{margin:0 0 0 4px;padding:7px 10px}.sdns-list{border:1px solid #dfe7ed;border-radius:10px;overflow:hidden;margin-top:16px}.sdns-domain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;padding:14px;border-bottom:1px solid #e8eef2;align-items:start}.sdns-domain:last-child{border-bottom:0}.sdns-domain.is-selected{background:#eff7f8}.sdns-domain.is-external{background:#f8fafb}.sdns-domain label{display:flex;gap:10px;align-items:flex-start;margin:0;min-height:44px;cursor:pointer}.sdns-domain input[type=checkbox]{width:22px;height:22px;margin:2px 0 0;flex:0 0 22px;accent-color:#24677c}.sdns-domain input:disabled{cursor:not-allowed}.sdns-domain label>span{min-width:0}.sdns-domain b{display:block;font-size:14px;overflow-wrap:anywhere}.sdns-domain small{display:block;font-size:11px;line-height:1.9;color:#647889;overflow-wrap:anywhere}.sdns-dns{min-width:0;line-height:1.7}.sdns-dns strong{display:block;font:13px/1.8 monospace;text-align:right;overflow-wrap:anywhere}.sdns-external-label{color:#896117!important}.sdns-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.sdns-pagination button{padding:8px 14px}.sdns-pagination span{text-align:center}.sdns-selection-list{max-height:180px;overflow:auto;padding-bottom:12px;font:13px/1.9 monospace}#sdns-selection-details{margin-top:14px;border:1px solid #e1e8ee;border-radius:8px;padding:0 12px}.sdns-form{margin-top:22px;padding-top:20px;border-top:1px solid #dfe7ed}.sdns-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sdns-fields label{min-width:0;margin:0}.sdns-fields small{display:block}.sdns-card button:disabled{cursor:not-allowed}.sdns-review,.sdns-result{border:1px solid #c9dfe4;border-radius:10px;background:#f5fafb;padding:18px;margin-top:20px}.sdns-progress{background:#edf4f8;border-right:3px solid #24677c;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.9}.sdns-review-row{padding:12px 0;border-bottom:1px solid #dfe9ed;line-height:1.8}.sdns-review-row b,.sdns-review-row small{display:block}.sdns-review-row small{color:#647889}.sdns-ip-change{display:flex;align-items:center;flex-wrap:wrap;gap:10px;direction:ltr;justify-content:flex-end;font-family:monospace}.sdns-ip-change span{overflow-wrap:anywhere}.sdns-plan-error{border-right:3px solid #b5372c;padding:10px 12px;background:#fff5f2;border-radius:6px;line-height:1.9}#sdns-execute{width:100%;margin-top:14px;background:#1c6758}#sdns-execute:hover{background:#245c51}.sdns-result details{margin-top:12px}
.sdns-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.sdns-overview button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:118px;padding:16px;border:1px solid #d8e5eb;border-radius:12px;background:linear-gradient(180deg,#fff,#f5fafb);color:#243946;box-shadow:0 4px 14px rgba(35,72,88,.06)}.sdns-overview button:hover,.sdns-overview button:focus-visible{border-color:#24677c;transform:translateY(-1px);box-shadow:0 7px 18px rgba(35,72,88,.12)}.sdns-overview span{font-size:12px;color:#536b79}.sdns-overview strong{font-size:30px;line-height:1.25;color:#173f50}.sdns-overview small{font-size:10px;color:#738693}.sdns-overview-note{text-align:center;margin:8px 0 0}.sdns-inspect{margin-top:8px;padding:7px 10px!important;font-size:11px!important}.sdns-details-dialog{width:min(880px,calc(100vw - 28px));max-height:min(84vh,800px);padding:22px;border:0;border-radius:14px;box-shadow:0 20px 70px rgba(12,34,45,.3)}.sdns-details-dialog::backdrop{background:rgba(13,31,40,.55)}.sdns-details-dialog .section-head{align-items:flex-start}.sdns-details-dialog h2{margin:5px 0 0}.sdns-details-list{margin-top:14px;border:1px solid #dfe7ed;border-radius:10px;overflow:auto;max-height:55vh}.sdns-detail-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;padding:13px 14px;border-bottom:1px solid #e8eef2}.sdns-detail-row:last-child{border-bottom:0}.sdns-detail-row b,.sdns-detail-row small{display:block;overflow-wrap:anywhere}.sdns-detail-row small{color:#647889;line-height:1.8}.sdns-detail-value{text-align:left;direction:ltr;font:12px/1.8 monospace}.sdns-detail-empty{padding:24px;text-align:center;color:#647889}.sdns-type{display:inline-block;min-width:48px;margin-left:8px;padding:2px 7px;border-radius:20px;background:#e6f1f4;color:#1e5a6d;text-align:center;font:bold 10px/1.6 sans-serif}
@media(max-width:760px){.sdns-fields{grid-template-columns:minmax(0,1fr);gap:12px}.sdns-card>.section-head{gap:0}.sdns-card>.section-head>.badge{margin-top:0}.sdns-overview{gap:8px}.sdns-overview button{min-height:105px;padding:12px 8px}.sdns-overview strong{font-size:26px}.sdns-detail-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.sdns-toolbar{flex-wrap:wrap}.sdns-toolbar label{flex-basis:100%}.sdns-toolbar button{width:100%}.sdns-domain{grid-template-columns:minmax(0,1fr);gap:8px}.sdns-dns{padding-right:32px}.sdns-actions button{flex:1 1 125px}.sdns-actions .badge{flex:1 1 100%;width:max-content}.sdns-review,.sdns-result{padding:14px}.sdns-overview{grid-template-columns:1fr}.sdns-overview button{min-height:88px}.sdns-details-dialog{padding:16px}.sdns-details-dialog .section-head{gap:8px}}
