/* DNSHE split module: domain.css. Extracted from overwrite.css without selector changes. */

/* DNSHE domain center */
.modern-domain-page{
    --domain-bg:#F5F8FC;
    --domain-surface:#FFFFFF;
    --domain-border:#E3ECF8;
    --domain-text:#0F1F3D;
    --domain-muted:#64748B;
    --domain-primary:#2563EB;
    --domain-success:#059669;
    --domain-warning:#D97706;
    --domain-danger:#DC2626;
    --ui-surface:var(--domain-surface);
    --ui-border:var(--domain-border);
    --ui-text:var(--domain-text);
    --ui-danger:var(--domain-danger);
    max-width:1240px;
    margin:0 auto;
    padding:6px 0 34px;
    color:var(--domain-text);
}
.modern-domain-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
    padding:24px 26px;
    border:1px solid var(--domain-border);
    border-radius:16px;
    background:linear-gradient(135deg,#FFFFFF 0%,#F7FBFF 58%,#EEF6FF 100%);
    box-shadow:0 14px 34px rgba(15,23,42,.055);
}
.modern-domain-hero.compact{
    padding:22px 24px;
}
.modern-domain-kicker{
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 10px;
    border-radius:999px;
    background:#EFF6FF;
    color:var(--domain-primary);
    font-size:12px;
    font-weight:850;
}
.modern-domain-hero h1,
.modern-domain-detail-hero h1{
    margin:10px 0 8px;
    color:var(--domain-text);
    font-size:28px;
    line-height:1.22;
    font-weight:900;
    letter-spacing:0;
}
.modern-domain-hero p,
.modern-domain-detail-hero p{
    margin:0;
    color:var(--domain-muted);
    font-size:14px;
    line-height:1.6;
    font-weight:600;
}
.modern-domain-hero-actions,
.modern-domain-detail-actions,
.modern-domain-form-actions,
.modern-domain-bulk-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.modern-domain-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:18px;
}
.modern-domain-stats article{
    display:grid;
    grid-template-columns:42px 1fr;
    column-gap:13px;
    align-items:center;
    min-height:94px;
    padding:18px;
}
.modern-domain-stats span,
.modern-domain-summary-icon,
.modern-domain-icon,
.modern-domain-quick-grid a i,
.modern-domain-addon-grid article>span{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:var(--domain-primary);
    background:#EFF6FF;
}
.modern-domain-stats span{
    grid-row:span 2;
}
.modern-domain-stats .is-success{color:var(--domain-success);background:#ECFDF5}
.modern-domain-stats .is-warning{color:var(--domain-warning);background:#FFFBEB}
.modern-domain-stats .is-blue{color:#0284C7;background:#F0F9FF}
.modern-domain-stats strong{
    color:var(--domain-text);
    font-size:24px;
    line-height:1;
    font-weight:900;
}
.modern-domain-stats small{
    color:var(--domain-muted);
    font-size:12px;
    font-weight:700;
}
.modern-domain-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
    padding:14px;
}
.modern-domain-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.modern-domain-tabs button{
    height:36px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 13px;
    border:1px solid #E3ECF8;
    border-radius:999px;
    background:#F8FBFF;
    color:#52637A;
    font-size:13px;
    font-weight:800;
}
.modern-domain-tabs button.active{
    border-color:#BFDBFE;
    background:#EFF6FF;
    color:var(--domain-primary);
}
.modern-domain-tabs span{
    min-width:22px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    background:#fff;
    color:inherit;
    font-size:11px;
}
.modern-domain-search{
    width:min(280px,100%);
    height:40px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 12px;
    border:1px solid var(--domain-border);
    border-radius:12px;
    background:#F8FBFF;
    color:#94A3B8;
}
.modern-domain-search input{
    min-width:0;
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:var(--domain-text);
    font-size:13px;
    font-weight:650;
}
.modern-domain-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.modern-domain-card{
    display:grid;
    grid-template-columns:26px minmax(260px,1.7fr) minmax(140px,.7fr) 54px minmax(110px,.55fr) auto;
    gap:14px;
    align-items:center;
    padding:16px;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    cursor:pointer;
}
.modern-domain-card:hover{
    transform:translateY(-1px);
    border-color:#C7D8EE;
    box-shadow:0 14px 32px rgba(15,23,42,.07);
}
.modern-domain-select input{
    width:16px;
    height:16px;
}
.modern-domain-main{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
}
.modern-domain-main h2{
    margin:0;
    color:var(--domain-text);
    font-size:17px;
    line-height:1.25;
    font-weight:900;
    overflow-wrap:anywhere;
}
.modern-domain-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:6px;
    color:var(--domain-muted);
    font-size:12px;
    font-weight:650;
}
.modern-domain-renew span,
.modern-domain-status small,
.modern-domain-detail-grid article span{
    display:block;
    margin-bottom:5px;
    color:#94A3B8;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.02em;
}
.modern-domain-renew strong{
    color:#52637A;
    font-size:13px;
    font-weight:850;
}
.modern-domain-renew .is-on{color:var(--domain-success)}
.modern-domain-renew .is-off{color:var(--domain-danger)}
.modern-domain-security{
    display:flex;
    align-items:center;
    justify-content:center;
}
.modern-domain-security img{
    max-width:24px;
    max-height:24px;
}
.modern-domain-security span{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--domain-success);
    background:#ECFDF5;
}
.modern-domain-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.modern-domain-manage{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border-radius:9px;
    background:#EFF6FF;
    color:var(--domain-primary);
    font-size:12px;
    font-weight:850;
    text-decoration:none;
}
.modern-domain-more{
    position:relative;
}
.modern-domain-more>button{
    width:34px;
    height:34px;
    border:1px solid var(--domain-border);
    border-radius:9px;
    background:#fff;
    color:#64748B;
}
.modern-domain-more .dropdown-menu{
    border:1px solid var(--domain-border);
    border-radius:12px;
    box-shadow:0 18px 40px rgba(15,23,42,.12);
    padding:8px;
}
.modern-domain-more .dropdown-menu a{
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:8px;
    padding:8px 10px;
    color:#334155;
    font-size:13px;
    font-weight:700;
}
.modern-domain-empty{
    margin-top:14px;
    padding:36px 20px;
    border:1px dashed #CBD5E1;
    border-radius:16px;
    background:#fff;
    text-align:center;
}
.modern-domain-empty span{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:#EFF6FF;
    color:var(--domain-primary);
}
.modern-domain-empty strong{
    display:block;
    margin-top:12px;
    font-size:16px;
    font-weight:900;
}
.modern-domain-empty p{
    margin:6px 0 0;
    color:var(--domain-muted);
    font-size:13px;
}
.modern-domain-bulk{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:16px;
    padding:16px;
}
.modern-domain-bulk strong{
    display:block;
    font-size:15px;
    font-weight:900;
}
.modern-domain-bulk p{
    margin:4px 0 0;
    color:var(--domain-muted);
    font-size:13px;
}
.modern-domain-alert{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
    padding:14px 16px;
}
.modern-domain-alert>div{
    display:flex;
    align-items:center;
    gap:10px;
    color:#52637A;
    font-size:13px;
    font-weight:700;
}
.modern-domain-alert i{
    color:var(--domain-warning);
}
.modern-domain-alert.danger i{color:var(--domain-danger)}
.modern-domain-alert a{
    color:var(--domain-primary);
    font-weight:850;
}
.modern-domain-detail-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
    padding:24px 26px;
    border:1px solid var(--domain-border);
    border-radius:16px;
    background:linear-gradient(135deg,#FFFFFF,#F5FAFF);
    box-shadow:0 14px 34px rgba(15,23,42,.055);
}
.modern-domain-detail-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}
.modern-domain-detail-grid.compact{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:0;
}
.modern-domain-detail-grid article{
    min-height:92px;
    padding:17px;
}
.modern-domain-detail-grid article strong{
    display:block;
    color:var(--domain-text);
    font-size:15px;
    line-height:1.35;
    font-weight:900;
    overflow-wrap:anywhere;
}
.modern-domain-detail-grid article small{
    display:inline-flex;
    margin-top:7px;
}
.modern-domain-detail-summary{
    display:flex;
    align-items:center;
    gap:13px;
}
.modern-domain-card-section,
.modern-domain-quick{
    margin-bottom:16px;
    padding:18px;
}
.modern-domain-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
.modern-domain-section-head h2{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0;
    color:var(--domain-text);
    font-size:17px;
    line-height:1.3;
    font-weight:900;
}
.modern-domain-section-head h2 i{
    color:var(--domain-primary);
}
.modern-domain-muted{
    margin:0 0 16px;
    color:var(--domain-muted);
    font-size:13px;
    line-height:1.65;
    font-weight:650;
}
.modern-domain-quick-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.modern-domain-quick-grid a{
    min-height:88px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px solid var(--domain-border);
    border-radius:14px;
    background:#F8FBFF;
    color:var(--domain-text);
    font-weight:850;
    text-decoration:none;
}
.modern-domain-detail-tabs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 14px;
    padding:8px;
    border:1px solid var(--domain-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.modern-domain-detail-tabs a{
    height:36px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 12px;
    border-radius:10px;
    color:#52637A;
    font-size:13px;
    font-weight:850;
    text-decoration:none;
}
.modern-domain-detail-tabs a:hover,
.modern-domain-detail-tabs a.active{
    background:#EFF6FF;
    color:var(--domain-primary);
}
.modern-domain-overview-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.modern-domain-overview-list>div{
    padding:14px;
    border:1px solid var(--domain-border);
    border-radius:12px;
    background:#F8FBFF;
}
.modern-domain-overview-list span,
.modern-domain-settings-form label>span,
.modern-domain-dns-record label>span{
    display:block;
    margin-bottom:7px;
    color:#64748B;
    font-size:12px;
    font-weight:800;
}
.modern-domain-overview-list strong{
    color:var(--domain-text);
    font-size:14px;
    font-weight:900;
    overflow-wrap:anywhere;
}
.modern-domain-action-form{
    display:flex;
    justify-content:flex-start;
}
.modern-domain-radio-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:14px;
}
.modern-domain-radio-grid label{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:46px;
    padding:0 13px;
    border:1px solid var(--domain-border);
    border-radius:12px;
    background:#F8FBFF;
    color:var(--domain-text);
    font-weight:800;
}
.modern-domain-input-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
}
.modern-domain-settings-form label{
    display:block;
}
.modern-domain-form-actions{
    margin-top:16px;
    justify-content:flex-start;
}
.modern-domain-addon-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.modern-domain-addon-grid article{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:12px;
    padding:15px;
    border:1px solid var(--domain-border);
    border-radius:14px;
    background:#F8FBFF;
}
.modern-domain-addon-grid strong{
    display:block;
    color:var(--domain-text);
    font-size:14px;
    font-weight:900;
}
.modern-domain-addon-grid p{
    margin:6px 0 12px;
    color:var(--domain-muted);
    font-size:12px;
    line-height:1.55;
    font-weight:650;
}
.modern-domain-addon-grid form{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.modern-domain-count{
    min-width:30px;
    height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:999px;
    background:#EFF6FF;
    color:var(--domain-primary);
    font-size:12px;
    font-weight:900;
}
.modern-domain-dns-list{
    display:flex;
    flex-direction:column;
    gap:11px;
}
.modern-domain-dns-record{
    display:grid;
    grid-template-columns:minmax(120px,.8fr) minmax(150px,.8fr) minmax(260px,1.6fr) minmax(110px,.5fr);
    gap:12px;
    align-items:end;
    padding:14px;
    border:1px solid var(--domain-border);
    border-radius:14px;
    background:#F8FBFF;
}
.modern-domain-dns-record.is-new{
    border-style:dashed;
    background:#FFFFFF;
}
.modern-domain-dns-na{
    min-height:42px;
    display:flex;
    align-items:center;
    padding:0 12px;
    border:1px solid #E2E8F0;
    border-radius:10px;
    background:#F1F5F9;
    color:#94A3B8;
    font-size:12px;
    font-weight:750;
}
.modern-domain-external-dns{
    text-align:center;
}
.modern-domain-module-output .btn{
    border-radius:10px;
}
@media (max-width:1100px){
    .modern-domain-card{
        grid-template-columns:26px minmax(220px,1fr) minmax(110px,.6fr) minmax(100px,.6fr) auto;
    }
    .modern-domain-security{
        display:none;
    }
    .modern-domain-detail-grid,
    .modern-domain-detail-grid.compact,
    .modern-domain-addon-grid,
    .modern-domain-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .modern-domain-dns-record{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:760px){
    .modern-domain-page{
        padding-bottom:22px;
    }
    .modern-domain-hero,
    .modern-domain-detail-hero,
    .modern-domain-toolbar,
    .modern-domain-bulk{
        align-items:stretch;
        flex-direction:column;
    }
    .modern-domain-hero-actions,
    .modern-domain-detail-actions,
    .modern-domain-bulk-actions{
        justify-content:flex-start;
    }
    .modern-domain-stats,
    .modern-domain-detail-grid,
    .modern-domain-detail-grid.compact,
    .modern-domain-addon-grid,
    .modern-domain-quick-grid,
    .modern-domain-overview-list,
    .modern-domain-input-grid,
    .modern-domain-radio-grid,
    .modern-domain-dns-record{
        grid-template-columns:1fr;
    }
    .modern-domain-card{
        grid-template-columns:24px 1fr;
        align-items:start;
    }
    .modern-domain-renew,
    .modern-domain-status,
    .modern-domain-actions{
        grid-column:2;
        justify-content:flex-start;
    }
    .modern-domain-search{
        width:100%;
    }
}