/* Webcore Panel-aligned Cloud DNS skin. */
body.webcore-service-cloud-dns{--wc-blue:#0b82df;--wc-blue-hover:#0874c8;--wc-green:#08aa83;--wc-bg:#f5f6f7;--wc-border:#dfe3e6;--wc-card-border:#d9dddf;--wc-text:#3f4954;--wc-muted:#6e7882;--wc-danger:#d94841;color:var(--wc-text);font-family:"Helvetica Neue",Arial,sans-serif}
body.webcore-service-cloud-dns .main-content,body.webcore-service-cloud-dns .content-wrapper,body.webcore-service-cloud-dns .clientarea-content{background:var(--wc-bg)}

/* Remove the legacy bulk DNS toolbar completely. The dns_templates action is
   present in that toolbar only, so it is a safer hook than broad image/icon
   selectors that can affect unrelated DNS controls. */
body.webcore-service-cloud-dns ul:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns ol:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns table:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns .icons:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns .iconmenu:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns .icons-menu:has(a[href*="act=dns_templates"]){display:none!important}

/* Hide the immediately preceding legacy caption ("With selected domains:")
   when it belongs to that toolbar. */
body.webcore-service-cloud-dns p:has(+ ul a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns p:has(+ table a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns div:has(+ ul a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns div:has(+ table a[href*="act=dns_templates"]){display:none!important}

/* If HostBill wraps the toolbar in a dedicated small container, collapse it
   as well. Restrict this to shallow toolbar-like wrappers to avoid hiding the
   whole service page. */
body.webcore-service-cloud-dns .toolbar:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns .actions:has(a[href*="act=dns_templates"]),
body.webcore-service-cloud-dns .dns-actions:has(a[href*="act=dns_templates"]){display:none!important}

/* Cloud DNS page title. Only add it to the wrapper containing the zone list:
   the zone table is uniquely identified by its selectable domain rows. This
   avoids adding another Cloud DNS heading to the nameserver information table. */
body.webcore-service-cloud-dns form:has(> table input[type="checkbox"])::before,
body.webcore-service-cloud-dns div:has(> table input[type="checkbox"])::before{
    content:"Cloud DNS";
    display:block;
    margin:0 0 18px;
    color:#404b54;
    font-size:28px;
    line-height:1.2;
    font-weight:300;
}
body.webcore-service-cloud-dns form:has(> table input[type="checkbox"]),
body.webcore-service-cloud-dns div:has(> table input[type="checkbox"]){position:relative}

/* Main zone list */
body.webcore-service-cloud-dns table{width:100%;margin:0 0 22px;border-collapse:separate!important;border-spacing:0!important;background:#fff;border:1px solid var(--wc-card-border)!important;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
body.webcore-service-cloud-dns table thead tr,body.webcore-service-cloud-dns table thead th{background:#fafbfb!important}
body.webcore-service-cloud-dns table thead th{padding:11px 15px!important;color:var(--wc-muted)!important;border:0!important;border-bottom:1px solid #e4e7e9!important;font-size:11px!important;line-height:1.3;font-weight:600!important;text-shadow:none!important;vertical-align:middle}
body.webcore-service-cloud-dns table tbody td{padding:14px 15px!important;color:var(--wc-text)!important;background:#fff!important;border:0!important;border-bottom:1px solid #edf0f2!important;font-size:13px;vertical-align:middle!important}
body.webcore-service-cloud-dns table tbody tr:last-child td{border-bottom:0!important}
body.webcore-service-cloud-dns table tbody tr:hover td{background:#fafbfb!important}
body.webcore-service-cloud-dns table a{color:var(--wc-blue)!important;font-weight:500;text-decoration:none}
body.webcore-service-cloud-dns table a:hover{color:var(--wc-blue-hover)!important;text-decoration:underline}
body.webcore-service-cloud-dns table input[type="checkbox"]{width:15px;height:15px;margin:0;accent-color:var(--wc-blue)}
body.webcore-service-cloud-dns table a[href*="delete"],body.webcore-service-cloud-dns table a[onclick*="delete"],body.webcore-service-cloud-dns table .delete,body.webcore-service-cloud-dns table .remove{color:#8a949c!important}
body.webcore-service-cloud-dns table a[href*="delete"]:hover,body.webcore-service-cloud-dns table a[onclick*="delete"]:hover,body.webcore-service-cloud-dns table .delete:hover,body.webcore-service-cloud-dns table .remove:hover{color:var(--wc-danger)!important}

/* The zone-count footer should read as metadata rather than another table row. */
body.webcore-service-cloud-dns table + p,body.webcore-service-cloud-dns table + div{color:var(--wc-muted);font-size:12px}

/* Action and information panels below the zone list. */
body.webcore-service-cloud-dns .card,body.webcore-service-cloud-dns .panel,body.webcore-service-cloud-dns .well,body.webcore-service-cloud-dns fieldset{background:#fff;border:1px solid var(--wc-card-border)!important;border-radius:2px!important;box-shadow:0 1px 2px rgba(0,0,0,.02)!important}
body.webcore-service-cloud-dns .card-header,body.webcore-service-cloud-dns .panel-heading,body.webcore-service-cloud-dns legend{color:#303940;background:#fafbfb!important;border-bottom:1px solid #e4e7e9!important;font-size:13px;font-weight:600}

body.webcore-service-cloud-dns input[type="text"],body.webcore-service-cloud-dns input[type="search"],body.webcore-service-cloud-dns select,body.webcore-service-cloud-dns textarea{min-height:36px;padding:8px 10px;color:#303940;background:#fff;border:1px solid #cfd5d9;border-radius:2px;box-shadow:none}
body.webcore-service-cloud-dns input[type="text"]:focus,body.webcore-service-cloud-dns input[type="search"]:focus,body.webcore-service-cloud-dns select:focus,body.webcore-service-cloud-dns textarea:focus{border-color:var(--wc-blue);outline:0;box-shadow:0 0 0 3px rgba(11,130,223,.12)}
body.webcore-service-cloud-dns .btn,body.webcore-service-cloud-dns input[type="submit"],body.webcore-service-cloud-dns input[type="button"]{min-height:36px;padding:8px 14px!important;border-radius:3px!important;box-shadow:none!important;font-size:12px;font-weight:600}
body.webcore-service-cloud-dns .btn-primary,body.webcore-service-cloud-dns input[type="submit"]{color:#fff!important;background:var(--wc-blue)!important;border:1px solid var(--wc-blue)!important}
body.webcore-service-cloud-dns .btn-primary:hover,body.webcore-service-cloud-dns input[type="submit"]:hover{background:var(--wc-blue-hover)!important;border-color:var(--wc-blue-hover)!important}

@media(max-width:767.98px){body.webcore-service-cloud-dns form:has(> table input[type="checkbox"])::before,body.webcore-service-cloud-dns div:has(> table input[type="checkbox"])::before{font-size:24px}body.webcore-service-cloud-dns table{display:block;overflow-x:auto;white-space:nowrap}}