.domain-dns-shell{color:#282d38;width:min(1180px,100% - 40px);margin:0 auto;padding:36px 0 82px}.domain-dns-crumb{color:#838996;gap:8px;font-size:11px;display:flex}.domain-dns-crumb a{color:#6451c8;font-weight:750}.domain-dns-header{justify-content:space-between;align-items:flex-start;gap:24px;margin:19px 0 25px;display:flex}.domain-dns-header h1{letter-spacing:-.055em;font-size:clamp(30px,4vw,47px)}.domain-dns-connection{color:#6f7682;flex-wrap:wrap;align-items:baseline;gap:7px;max-width:710px;font-size:11px;line-height:1.55;display:flex}.domain-dns-connection i,.domain-dns-status i{background:#54ae82;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 3px #dff3e8}.domain-dns-connection.attention i{background:#c89236;box-shadow:0 0 0 3px #fff2d8}.domain-dns-connection b{color:#3d6851}.domain-dns-connection.attention b{color:#875f22}.domain-dns-primary{color:#fff;cursor:pointer;background:#292d3b;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #23263521}.domain-dns-primary span{font-size:17px;font-weight:400}.domain-dns-primary.compact{min-height:39px}.domain-dns-error{color:#8a4640;background:#fff8f7;border:1px solid #efd5d2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 17px;padding:11px 13px;font-size:13px;display:flex}.domain-dns-error span{color:#7d7474}.domain-dns-error button{color:#9d4b43;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:13px;font-weight:700}.domain-dns-tabs{background:#000;border-bottom:1px solid #e3e5e9;border-radius:10px;gap:5px;display:flex}.domain-dns-tabs button{color:#d4d9db;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:28px;padding:0 12px;font-size:12px;font-weight:750}.domain-dns-tabs button.active{color:#342e57;background:#fff;border-color:#6955d9;border-radius:10px;margin:5px}.domain-dns-tabs button span{color:#6653cd;background:#fff;border-radius:100px;margin-left:4px;padding:3px 8px;font-size:10px}.domain-dns-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.domain-dns-summary article{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:13px 14px;box-shadow:0 7px 22px #20233106}.domain-dns-summary span{color:#89909b;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:850;display:block}.domain-dns-summary b{color:#2b303c;letter-spacing:-.05em;margin:5px 0;font-size:24px;display:block}.domain-dns-summary small{color:#727984;font-size:10px}.domain-dns-records,.domain-dns-templates,.domain-dns-nameservers,.domain-dns-activity{background:#fff;border:1px solid #e1e4e9;border-radius:15px;padding:19px;box-shadow:0 12px 35px #1f233009}.domain-dns-tools{align-items:center;gap:11px;display:flex}.domain-dns-tools label{background:#fafbfc;border:1px solid #dfe2e8;border-radius:9px;flex:1;align-items:center;min-height:39px;padding:0 11px;display:flex}.domain-dns-tools label span{color:#8a909b;text-transform:uppercase;border-right:1px solid #e4e6eb;padding-right:9px;font-size:11px;font-weight:600}.domain-dns-tools input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding-left:10px;font:11px inherit}.domain-dns-filter{flex-wrap:wrap;gap:5px;margin:14px 0 10px;display:flex}.domain-dns-filter button,.domain-dns-quick button{color:#676e7a;cursor:pointer;background:#fff;border:1px solid #e1e3e8;border-radius:7px;min-height:29px;padding:0 9px;font-size:11px;font-weight:700}.domain-dns-filter button.active{color:#5f4cc3;background:#f1effe;border-color:#d8d1f8}.domain-dns-filter button span{color:#9399a4;margin-left:5px;font-size:10px}.domain-dns-quick{border-bottom:1px solid #e8eaee;align-items:center;gap:6px;padding:9px 0 14px;display:flex}.domain-dns-quick>span{color:#898f9a;margin-right:3px;font-size:9px;font-weight:800}.domain-dns-quick button{color:#624fc6;background:#faf9ff;border-color:#ded9f7}.domain-dns-table{margin:0 -19px}.domain-dns-table-head,.domain-dns-row{grid-template-columns:70px 1fr minmax(180px,2.1fr) 92px 86px 38px;align-items:center;gap:12px;padding:0 19px;display:grid}.domain-dns-table-head{color:#8b919c;letter-spacing:.1em;text-transform:uppercase;background:#fafbfc;border-bottom:1px solid #e7e9ed;min-height:37px;font-size:8px;font-weight:850}.domain-dns-row{border-bottom:1px solid #eceef1;min-height:74px;position:relative}.domain-dns-row.inactive{opacity:.72;background:#fcfcfd}.domain-dns-type{color:#5f4cc5;background:#eeebfd;border-radius:6px;justify-self:start;padding:5px 7px;font-size:9px;font-weight:900}.domain-dns-type.type-a,.domain-dns-type.type-aaaa{color:#277358;background:#e7f4ef}.domain-dns-type.type-mx{color:#945c16;background:#fff1dc}.domain-dns-type.type-txt{color:#376c9c;background:#e8f1fb}.domain-dns-type.type-caa{color:#a14949;background:#fff0f0}.domain-dns-name{gap:4px;min-width:0;display:grid}.domain-dns-name b{font-size:11px}.domain-dns-name small{color:#8a909a;font-size:9px}.domain-dns-content{align-items:center;gap:5px;min-width:0;display:flex}.domain-dns-content>button:first-child{color:#343945;text-align:left;cursor:text;background:0 0;border:0;align-items:center;gap:6px;min-width:0;display:flex}.domain-dns-content code{text-overflow:ellipsis;white-space:nowrap;font:10px var(--font-geist-mono), monospace;display:block;overflow:hidden}.domain-dns-content>button:first-child span{opacity:0;color:#6653cd;font-size:8px;font-weight:800}.domain-dns-row:hover .domain-dns-content>button:first-child span{opacity:1}.domain-dns-copy{color:#6d59cb;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800}.domain-dns-inline{gap:5px;width:100%;display:flex}.domain-dns-inline input{min-width:0;min-height:31px;font:10px var(--font-geist-mono), monospace;border:1px solid #bcb3ef;border-radius:6px;outline:0;flex:1;padding:0 8px}.domain-dns-inline button{color:#6451c6;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800}.domain-dns-ttl{align-items:center;gap:4px;display:flex}.domain-dns-ttl select{color:#565d69;pointer-events:none;background:0 0;border:0;width:70px;min-width:0;font:10px inherit}.domain-dns-ttl button{color:#6653cd;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800}.domain-dns-status{color:#377657;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:9px;font-weight:800;display:flex}.domain-dns-status.inactive{color:#8b9099}.domain-dns-status.inactive i{background:#a8afb8;box-shadow:0 0 0 3px #eef0f3}.domain-dns-actions>button{color:#686f7b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:28px;height:28px;font-weight:900}.domain-dns-actions>button:hover{background:#fafbfc;border-color:#dfe2e8}.domain-dns-actions>div{z-index:4;background:#fff;border:1px solid #e0e3e9;border-radius:8px;width:122px;padding:5px;position:absolute;top:52px;right:18px;box-shadow:0 12px 30px #191c2726}.domain-dns-actions>div button{color:#505762;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;min-height:28px;padding:0 7px;font-size:9px}.domain-dns-actions>div button:hover{color:#604dc2;background:#f5f3fe}.domain-dns-actions>div button.danger{color:#a14747}.domain-dns-no-results{text-align:center;padding:32px}.domain-dns-no-results b,.domain-dns-no-results span{display:block}.domain-dns-no-results b{font-size:11px}.domain-dns-no-results span{color:#858c97;margin-top:5px;font-size:10px}.domain-dns-templates{margin-top:17px}.domain-dns-templates header,.domain-dns-activity header{justify-content:space-between;align-items:end;gap:15px;display:flex}.domain-dns-templates h2,.domain-dns-nameservers h2,.domain-dns-activity h2{letter-spacing:-.025em;margin:5px 0 0;font-size:17px}.domain-dns-templates header>span,.domain-dns-nameservers>span,.domain-dns-activity header>span{color:#178d07;font-size:12px;font-weight:600}.domain-dns-templates>div{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.domain-dns-templates button{color:#3e4450;text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e5ea;border-radius:10px;grid-template-columns:32px 1fr;align-items:center;gap:5px 9px;padding:12px;display:grid}.domain-dns-templates button:hover{background:#fcfbff;border-color:#d9d2f5}.domain-dns-templates i{color:#654fc9;background:#f0edfd;border-radius:8px;grid-row:span 2;place-items:center;width:32px;height:32px;font-size:11px;font-style:normal;font-weight:900;display:grid}.domain-dns-templates b{font-size:10px}.domain-dns-templates span{color:#858b95;font-size:12px;line-height:1.35}.domain-dns-empty{text-align:center;padding:55px 20px}.domain-dns-empty>span{color:#624fc8;background:#efecfd;border-radius:12px;place-items:center;width:42px;height:42px;margin:auto;font-size:10px;font-weight:900;display:grid}.domain-dns-empty h2{margin:13px 0 5px;font-size:17px}.domain-dns-empty p{color:#858b96;margin:0;font-size:10px}.domain-dns-empty div{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:17px;display:flex}.domain-dns-empty button{color:#604cc3;cursor:pointer;background:#f7f5ff;border:1px solid #ded9f7;border-radius:7px;min-height:31px;padding:0 9px;font-size:11px;font-weight:700}.domain-dns-nameservers,.domain-dns-activity{margin-top:20px}.domain-dns-nameservers>span{max-width:610px;line-height:1.55;display:block}.domain-dns-nameservers>div{gap:8px;max-width:670px;margin-top:20px;display:grid}.domain-dns-nameservers article{background:#fafbfc;border:1px solid #e4e6eb;border-radius:9px;justify-content:space-between;align-items:center;min-height:45px;padding:0 12px;display:flex}.domain-dns-nameservers code{font:13px var(--font-geist-mono), monospace}.domain-dns-nameservers button{color:#604dc2;cursor:pointer;background:#fff;border:1px solid #ddd8f5;border-radius:7px;min-height:29px;padding:0 9px;font-size:13px;font-weight:800}.domain-dns-ns-empty{background:#fafbfc!important;border:1px dashed #d8dbe2!important;padding:18px!important}.domain-dns-ns-empty b,.domain-dns-ns-empty span{display:block}.domain-dns-ns-empty b{font-size:11px}.domain-dns-ns-empty span{color:#848b96;text-align:center;margin-top:5px;font-size:12px;line-height:1.45}.domain-dns-activity>div{gap:0;margin-top:17px;display:grid}.domain-dns-activity article{border-top:1px solid #eceef2;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.domain-dns-activity article>i{color:#624ec7;background:#efecfd;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;font-weight:900;display:grid}.domain-dns-activity article>div{gap:3px;display:grid}.domain-dns-activity b{text-align:center;font-size:12px}.domain-dns-activity small,.domain-dns-activity time{color:#838a95;font-size:9px}.domain-dns-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#13151f8c;justify-content:flex-end;padding:15px;display:flex;position:fixed;inset:0}.domain-dns-drawer{background:#fff;width:min(495px,100%);height:100%;overflow:auto;box-shadow:-25px 0 80px #00000040}.domain-dns-drawer>header{border-bottom:1px solid #e7e9ed;justify-content:space-between;gap:15px;padding:23px 24px 18px;display:flex}.domain-dns-drawer header p,.domain-dns-delete>p{color:#6955d9;letter-spacing:.12em;margin:0;font-size:9px;font-weight:850}.domain-dns-drawer h2,.domain-dns-delete h2{color:#303541;letter-spacing:-.04em;margin:6px 0;font-size:22px}.domain-dns-drawer header span{color:#838a95;font-size:10px}.domain-dns-drawer header>button{color:#606773;cursor:pointer;background:#fff;border:1px solid #dfe2e8;border-radius:8px;width:32px;height:32px;font-size:16px}.domain-dns-drawer form{gap:13px;padding:20px 24px;display:grid}.domain-dns-drawer label{color:#505864;gap:6px;font-size:10px;font-weight:800;display:grid}.domain-dns-drawer input,.domain-dns-drawer select,.domain-dns-drawer textarea{box-sizing:border-box;color:#343944;background:#fff;border:1px solid #dfe2e8;border-radius:8px;outline:0;width:100%;min-height:39px;padding:0 10px;font:11px inherit}.domain-dns-drawer textarea{resize:vertical;min-height:83px;padding:10px}.domain-dns-drawer input:focus,.domain-dns-drawer select:focus,.domain-dns-drawer textarea:focus{border-color:#8979e1;box-shadow:0 0 0 3px #ece9fd}.domain-dns-type-picker{flex-wrap:wrap;gap:5px;display:flex}.domain-dns-type-picker button{color:#717783;cursor:pointer;background:#fff;border:1px solid #dfe2e8;border-radius:7px;min-height:29px;padding:0 8px;font-size:9px;font-weight:850}.domain-dns-type-picker button.active{color:#5e4bc2;background:#f0edfd;border-color:#d7d1f8}.domain-dns-field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.domain-dns-field-grid.triple{grid-template-columns:repeat(3,1fr)}.domain-dns-warning,.domain-dns-drawer-error{border-radius:8px;margin:0;padding:10px;font-size:10px;line-height:1.4}.domain-dns-warning{color:#795d2a;background:#fff7e9}.domain-dns-drawer-error{color:#9b4743;background:#fff1f0}.domain-dns-drawer footer,.domain-dns-delete footer{background:#fafbfc;border-top:1px solid #e8eaee;justify-content:flex-end;gap:8px;margin:7px -24px -20px;padding:14px 24px;display:flex}.domain-dns-drawer footer button,.domain-dns-delete footer button{color:#626974;cursor:pointer;background:#fff;border:1px solid #dfe2e8;border-radius:8px;min-height:38px;padding:0 12px;font-size:10px;font-weight:800}.domain-dns-drawer footer button:last-child{color:#fff;background:#292e3a;border-color:#292e3a}.domain-dns-delete{background:#fff;border-radius:14px;width:min(410px,100%);height:fit-content;margin:auto;padding:22px;box-shadow:0 25px 80px #00000042}.domain-dns-delete>div{border:1px solid #e5e7eb;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:7px;margin:15px 0 9px;padding:11px;display:grid}.domain-dns-delete code{color:#606773;font:9px var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.domain-dns-delete>span{color:#7e858f;font-size:10px;line-height:1.45}.domain-dns-delete footer{margin:18px -22px -22px}.domain-dns-delete footer button:last-child{color:#fff;background:#af4c48;border-color:#af4c48}.domain-dns-toast{z-index:1100;color:#326246;background:#fff;border:1px solid #cce4d7;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:0 13px 0 7px;font-size:10px;font-weight:800;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 13px 35px #14192329}.domain-dns-toast span{color:#277655;background:#dff5e9;border-radius:7px;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.domain-dns-skeleton{background:linear-gradient(90deg,#f0f1f4,#fafbfc,#f0f1f4) 0 0/200% 100%;border-radius:12px;animation:1.2s infinite domain-dns-shimmer}.domain-dns-skeleton.head{width:54%;height:102px}.domain-dns-skeleton.tabs{width:100%;height:40px;margin:25px 0}.domain-dns-skeleton.stats{width:100%;height:100px;margin-bottom:18px}.domain-dns-skeleton.row{width:100%;height:70px;margin-top:1px}@keyframes domain-dns-shimmer{to{background-position:-200% 0}}@media (width<=800px){.domain-dns-shell{width:min(100% - 28px,1180px);padding:27px 0 60px}.domain-dns-header{flex-direction:column;align-items:stretch}.domain-dns-primary{width:fit-content}.domain-dns-summary{grid-template-columns:1fr 1fr}.domain-dns-tools{flex-direction:column;align-items:stretch}.domain-dns-tools .domain-dns-primary{width:100%}.domain-dns-table{margin:0}.domain-dns-table-head{display:none}.domain-dns-row{border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:auto 1fr auto;gap:9px;margin-top:9px;padding:13px}.domain-dns-name{grid-column:2}.domain-dns-content{grid-area:2/1/auto/-1}.domain-dns-ttl{grid-area:3/1}.domain-dns-status{grid-area:3/2}.domain-dns-actions{grid-area:1/3}.domain-dns-actions>div{top:42px;right:9px}.domain-dns-templates>div{grid-template-columns:1fr}.domain-dns-activity article{grid-template-columns:30px 1fr}.domain-dns-activity time{grid-column:2}.domain-dns-drawer{border-radius:14px;width:100%;height:fit-content;max-height:calc(100vh - 30px);margin:auto}.domain-dns-backdrop{align-items:flex-end}.domain-dns-toast{bottom:12px;left:12px;right:12px}.domain-dns-field-grid.triple{grid-template-columns:1fr}.domain-dns-delete{margin:auto}.domain-dns-tabs{overflow:auto}.domain-dns-tabs button{white-space:nowrap}}@media (width<=460px){.domain-dns-summary{gap:7px}.domain-dns-summary article{padding:11px}.domain-dns-summary b{font-size:20px}.domain-dns-connection{font-size:10px}.domain-dns-filter{flex-wrap:nowrap;padding-bottom:3px;overflow:auto}.domain-dns-filter button{flex:none}.domain-dns-quick{overflow:auto}.domain-dns-quick button{flex:none}.domain-dns-drawer>header,.domain-dns-drawer form{padding-left:16px;padding-right:16px}.domain-dns-drawer footer{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.domain-dns-field-grid{grid-template-columns:1fr}}.domain-dns-ttl select{pointer-events:auto;cursor:pointer;width:82px}.domain-dns-ttl button{display:none}.domain-dns-tools>div{align-items:center;gap:10px;display:flex}.domain-dns-secondary{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d7d3ff;border-radius:10px;font-weight:600}.domain-dns-secondary.compact{min-height:42px;padding:0 14px}.domain-dns-dnssec{gap:15px;margin-top:22px;display:grid}.domain-dns-dnssec>article{background:#f8faff;border:1px solid #dce4ff;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;padding:16px;display:grid}.domain-dns-dnssec>article small{color:#667085}.domain-dns-dnssec>article button{color:#fff;cursor:pointer;background:#5046e5;border:0;border-radius:9px;grid-row:span 2;padding:10px 14px;font-weight:800}.domain-dns-dnssec>article button.danger{background:#b42318}.domain-dns-dnssec>article button:disabled{opacity:.6;cursor:wait}.domain-dns-dnssec>div{gap:8px;display:grid}.domain-dns-dnssec pre{color:#eef2ff;background:#161a30;border-radius:10px;max-height:250px;margin:0;padding:12px;font-size:12px;overflow:auto}.dns-bulk-source{resize:vertical;min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}@media (width<=640px){.domain-dns-tools>div{width:100%}.domain-dns-tools>div>button{flex:1}.domain-dns-dnssec>article{grid-template-columns:1fr}.domain-dns-dnssec>article button{grid-row:auto}}.dns-domain-switcher{width:min(100%,440px);margin:16px 0 24px;position:relative}.dns-domain-switcher>span{color:#475569;margin-bottom:6px;font-size:13px;display:block}.dns-domain-switcher>button{text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 16px;display:flex}.dns-domain-switcher strong{overflow-wrap:anywhere}.dns-domain-options{z-index:30;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:12px;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 32px #0f172a22}.dns-domain-options label{gap:6px;font-size:13px;display:grid}.dns-domain-options input{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px}.dns-domain-options ul{max-height:280px;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.dns-domain-options li button{text-align:left;border-radius:8px;gap:4px;width:100%;padding:10px;display:grid}.dns-domain-options li button:hover:not(:disabled),.dns-domain-options button[aria-current]{background:#eff6ff}.dns-domain-options small{color:#64748b}.dns-domain-switcher button:disabled{opacity:.6;cursor:not-allowed}.dns-domain-switcher button:focus-visible,.dns-domain-switcher input:focus-visible{outline-offset:2px;outline:2px solid #2563eb}
