body { 
margin: 0 auto;
}
#head { 
width:100%;
background-image: url('/hdadmin/images/page/head_bckg.jpg');   
}
#loggedinas {  
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:15;
color : #FFFFFF; 
}
#page { 
width:100%;
text-align: center;
background-color:#E4E4E4; 
padding: 10px; 
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:20;
color : #666666; 
}
#alert{
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:20;
color : #FF0000; 
}
td.border {
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
padding:5px;
}
td.titleborder {
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
padding:5px;
background-image: url('/hdadmin/images/titlebckg.jpg');
}

.v-menu {
Clear:both;

}

ul.v-menu, .v-menu li {
padding:0;
margin:0;
list-style:none;
}

ul.v-menu {
clear:both;
margin-right:5px;
padding:5px 5px;
}

a { color:#0000CC; font-size: 12px; font-family : Tahoma, Arial, Helvetica, sans-serif;}
a:link { color:#0000CC; text-decoration:none; font-weight:normal }
a:visited { color:#0000CC; text-decoration:none; font-weight:normal }
a:hover { color:#FF9900; text-decoration:none; font-weight:normal }
a:active { text-decoration: none; }

a.nav { color:#0000CC; font-size: 14px; font-family : Tahoma, Arial, Helvetica, sans-serif;}
a.nav:link { color:#0000CC; text-decoration:none; font-weight:normal }
a.nav:visited { color:#FF9900; text-decoration:none; font-weight:normal }
a.nav:hover { color:#000000; text-decoration:none; font-weight:normal }
a.nav:active { text-decoration: none; }

a.tnav { color:#FFFFFF; font-size: 14px; font-family : Tahoma, Arial, Helvetica, sans-serif;}
a.tnav:link { color:#FFFFFF; text-decoration:none; font-weight:normal }
a.tnav:visited { color:#FFFFFF; text-decoration:none; font-weight:normal }
a.tnav:hover { color:#FF9900; text-decoration:none; font-weight:normal }
a.tnav:active { text-decoration: none; }

td.tabs a.tab
{
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
padding: 5px;
width: 120;
color: #CCCCCC;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
td.tabson a.tabon
{
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
background-color: #666666;
padding: 5px;
width: 120;
color: #FFFFFF;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
td.tabs a.tab:hover
{
color: #FFFFFF;
background-color: #666666;
}

#pagetitle { 
width:100%; 
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:18;
color : #333333; 
}
td {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:12;
color : #666666; 
}
#title {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:15;
color : #0000CC; 
}

#contentarea {
width:100%; 
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size:14;
color : #666666; 
}

input,textarea.style{
font-size: 15pt; 
color: #666666; 
border-style: solid; 
border-color: #999999; 
border-width: 1;
}


/* ==================================================
   ADMIN USABILITY ENHANCEMENTS
   Keeps the existing admin design while making forms
   larger and adding more breathing room.
   ================================================== */

/* Slightly larger general admin text */
td {
    font-size: 14px;
    line-height: 1.55;
}

#contentarea {
    font-size: 15px;
    line-height: 1.6;
}

/* Give form rows more vertical space without changing layout */
#contentarea td,
form td {
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: middle;
}

/* Larger text, password and file fields */
input.style[type="text"],
input.style[type="password"],
input.style[type="file"],
textarea.style,
select.style,
select.formsel {
    box-sizing: border-box;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.35;
    color: #666666;
    border: 1px solid #999999;
    background-color: #FFFFFF;
}

input.style[type="text"],
input.style[type="password"] {
    min-height: 44px;
    padding: 9px 12px;
    width: min(100%, 760px);
}

input.style[type="file"] {
    min-height: 44px;
    padding: 7px 10px;
    max-width: 100%;
}

textarea.style {
    padding: 10px 12px;
    min-height: 130px;
    width: min(100%, 760px);
    resize: vertical;
}

select.style,
select.formsel {
    min-height: 44px;
    padding: 8px 10px;
}

/* Make checkboxes/radio buttons easier to click */
input[type="checkbox"],
input[type="radio"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

/* Slightly roomier standard buttons, while preserving image buttons */
input[type="submit"]:not([type="image"]),
input[type="button"]:not([type="image"]),
button {
    min-height: 40px;
    padding: 8px 16px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    cursor: pointer;
}

/* Keep hidden fields completely unaffected */
input[type="hidden"] {
    display: none;
}

/* ==================================================
   FULL-WIDTH ADMIN FORM FIELDS
   All editable form controls use the available width.
   Buttons, checkboxes, radios and hidden fields retain
   their normal sizing.
   ================================================== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="file"],
textarea,
select,
input.style[type="text"],
input.style[type="password"],
input.style[type="file"],
textarea.style,
select.style,
select.formsel {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
}


/* ==================================================
   LARGER ADMIN TYPOGRAPHY + MODERN EDIT ICONS
   ================================================== */
body,
td,
#contentarea {
    font-size: 16px;
    line-height: 1.65;
}

#pagetitle {
    font-size: 24px;
    line-height: 1.35;
    font-weight: bold;
}

#title {
    font-size: 19px;
    line-height: 1.4;
}

#loggedinas {
    font-size: 16px;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    font-size: 16px;
}

a.nav,
a.nav:link,
a.nav:visited,
a.nav:hover,
a.nav:active {
    font-size: 17px;
    line-height: 1.5;
}

a.tnav,
a.tnav:link,
a.tnav:visited,
a.tnav:hover,
a.tnav:active {
    font-size: 16px;
}

ul.v-menu {
    padding-top: 8px;
    padding-bottom: 8px;
}

.v-menu li {
    padding: 4px 0;
}

td.border,
td.titleborder {
    padding: 9px 10px;
}

/* Replaces the old 20x24 page.jpg edit graphic. */
.admin-edit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    background: #f5f5f5;
    color: #0000CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}

a:hover .admin-edit-icon {
    color: #FF9900;
    border-color: #FF9900;
    background: #ffffff;
}

/* Screen-reader text for the icon; the link's title remains intact too. */
.admin-icon-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Dropdowns: larger like the form fields, but keep a natural width. */
select,
select.style,
select.formsel {
    width: auto !important;
    max-width: 100% !important;
    min-width: 240px;
    min-height: 46px;
    padding: 10px 38px 10px 12px;
    font-size: 16px;
    line-height: 1.35;
    box-sizing: border-box;
}

@media (max-width: 700px) {
    select,
    select.style,
    select.formsel {
        min-width: 0;
        width: 100% !important;
    }
}

/* ==================================================
   WORDPRESS-INSPIRED ADMIN SHELL
   Visual refresh only; existing ASP forms/functions stay intact.
   ================================================== */
:root {
    --hd-wp-bg: #f0f0f1;
    --hd-wp-panel: #ffffff;
    --hd-wp-sidebar: #1d2327;
    --hd-wp-sidebar-hover: #2c3338;
    --hd-wp-blue: #2271b1;
    --hd-wp-blue-hover: #135e96;
    --hd-wp-text: #1d2327;
    --hd-wp-muted: #646970;
    --hd-wp-border: #c3c4c7;
}

* { box-sizing: border-box; }

body.hd-wp-admin {
    margin: 0;
    background: var(--hd-wp-bg);
    color: var(--hd-wp-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

.hd-adminbar {
    min-height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 20px;
    background: #1d2327 !important;
    background-image: none !important;
    color: #f0f0f1;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
}

.hd-adminbar-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
    font-weight: 600;
}

.hd-adminbar-brand img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 4px;
}

.hd-brand-name { font-size: 17px; color: #fff; }
.hd-adminbar-user { flex: 1; color: #c3c4c7; }
#loggedinas { font-family: inherit; font-size: 15px; color: #c3c4c7; }

.hd-adminbar-links {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hd-adminbar a.tnav,
.hd-adminbar a.tnav:link,
.hd-adminbar a.tnav:visited {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    padding: 0 12px;
    color: #f0f0f1;
    font-family: inherit;
    font-size: 15px;
    text-decoration: none;
}

.hd-adminbar a.tnav:hover {
    background: #2c3338;
    color: #72aee6;
}

.hd-admin-shell {
    display: flex;
    min-height: calc(100vh - 52px);
}

.hd-sidebar {
    width: 230px;
    flex: 0 0 230px;
    background: var(--hd-wp-sidebar);
    color: #f0f0f1;
    min-height: calc(100vh - 52px);
    padding: 12px 0 24px;
}

.hd-sidebar table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0 !important;
    margin: 0 !important;
}

.hd-sidebar br { display: none; }

.hd-sidebar td.border {
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: transparent;
    padding: 0;
    color: #c3c4c7;
}

.hd-sidebar a.nav,
.hd-sidebar a.nav:link,
.hd-sidebar a.nav:visited {
    display: block;
    padding: 11px 16px;
    color: #f0f0f1;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.hd-sidebar a.nav:hover {
    background: var(--hd-wp-sidebar-hover);
    color: #72aee6;
}

.hd-sidebar ul.v-menu {
    margin: 0 !important;
    padding: 2px 0 7px !important;
    background: #2c3338;
}

.hd-sidebar .v-menu li { padding: 0; }

.hd-sidebar .v-menu a,
.hd-sidebar .v-menu a:link,
.hd-sidebar .v-menu a:visited {
    display: block;
    padding: 7px 18px 7px 30px;
    color: #c3c4c7;
    font-family: inherit;
    font-size: 14px;
    text-decoration: none;
}

.hd-sidebar .v-menu a:hover {
    color: #72aee6;
    background: rgba(0,0,0,.16);
}

.hd-main {
    flex: 1;
    min-width: 0;
    padding: 24px 28px 40px;
}

.hd-page-header { margin: 0 0 18px; }

#page {
    width: 100%;
    padding: 0;
    background: transparent;
    color: var(--hd-wp-text);
    text-align: left;
    font-family: inherit;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 600;
}

#alert {
    display: inline-block;
    margin-left: 12px;
    padding: 6px 10px;
    border-left: 4px solid #d63638;
    background: #fff;
    color: #b32d2e;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.hd-content-card {
    width: 100%;
    min-height: 180px;
    padding: 24px 26px 30px;
    background: var(--hd-wp-panel);
    border: 1px solid var(--hd-wp-border);
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    color: var(--hd-wp-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.6;
    overflow-x: auto;
}

.hd-content-card table {
    max-width: 100%;
}

.hd-content-card td {
    font-family: inherit;
    font-size: 16px;
    color: var(--hd-wp-text);
    line-height: 1.55;
}

#title {
    color: var(--hd-wp-text);
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
}

#pagetitle {
    color: var(--hd-wp-text);
    font-family: inherit;
    font-size: 24px;
    font-weight: 600;
}

body.hd-wp-admin a,
body.hd-wp-admin a:link,
body.hd-wp-admin a:visited {
    color: var(--hd-wp-blue);
    font-family: inherit;
    font-size: 16px;
}

body.hd-wp-admin a:hover { color: var(--hd-wp-blue-hover); }

/* WordPress-like table/list treatment */
.hd-content-card td.border,
.hd-content-card td.titleborder {
    border: 1px solid #dcdcde;
    padding: 12px 14px;
    background: #fff;
    background-image: none;
}

.hd-content-card td.titleborder {
    background: #f6f7f7;
    font-weight: 600;
}

/* Larger WordPress-style form controls */
body.hd-wp-admin input[type="text"],
body.hd-wp-admin input[type="password"],
body.hd-wp-admin input[type="email"],
body.hd-wp-admin input[type="url"],
body.hd-wp-admin input[type="search"],
body.hd-wp-admin input[type="tel"],
body.hd-wp-admin input[type="number"],
body.hd-wp-admin input[type="file"],
body.hd-wp-admin textarea {
    width: 100% !important;
    max-width: none !important;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #2c3338;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: 0 0 0 transparent;
}

body.hd-wp-admin textarea { min-height: 150px; resize: vertical; }

body.hd-wp-admin select,
body.hd-wp-admin select.style,
body.hd-wp-admin select.formsel {
    width: auto !important;
    max-width: 100% !important;
    min-width: 240px;
    min-height: 44px;
    padding: 8px 36px 8px 12px;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background-color: #fff;
    color: #2c3338;
    font-family: inherit;
    font-size: 16px;
}

body.hd-wp-admin input:focus,
body.hd-wp-admin textarea:focus,
body.hd-wp-admin select:focus {
    border-color: var(--hd-wp-blue);
    outline: 2px solid transparent;
    box-shadow: 0 0 0 1px var(--hd-wp-blue);
}

body.hd-wp-admin input[type="submit"],
body.hd-wp-admin input[type="button"],
body.hd-wp-admin button {
    min-height: 40px;
    padding: 7px 16px;
    border: 1px solid var(--hd-wp-blue);
    border-radius: 3px;
    background: var(--hd-wp-blue);
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

body.hd-wp-admin input[type="submit"]:hover,
body.hd-wp-admin input[type="button"]:hover,
body.hd-wp-admin button:hover {
    background: var(--hd-wp-blue-hover);
    border-color: var(--hd-wp-blue-hover);
}

.admin-edit-icon {
    width: 36px;
    height: 36px;
    border: 1px solid #8c8f94;
    border-radius: 3px;
    background: #f6f7f7;
    color: var(--hd-wp-blue);
    font-size: 19px;
}

a:hover .admin-edit-icon {
    color: #fff;
    border-color: var(--hd-wp-blue);
    background: var(--hd-wp-blue);
}

/* Login screen uses the same styling without the sidebar. */
body.hd-login-screen .hd-admin-shell {
    display: block;
    min-height: calc(100vh - 52px);
}

body.hd-login-screen .hd-main {
    max-width: 720px;
    margin: 0 auto;
    padding-top: 60px;
}

body.hd-login-screen .hd-content-card table { width: 100% !important; }

@media (max-width: 900px) {
    .hd-adminbar { flex-wrap: wrap; padding: 8px 14px; }
    .hd-adminbar-user { display: none; }
    .hd-adminbar-links { width: 100%; overflow-x: auto; }
    .hd-adminbar a.tnav { min-height: 38px; padding: 0 9px; }
    .hd-admin-shell { display: block; }
    .hd-sidebar { width: 100%; min-height: 0; }
    .hd-main { padding: 20px 16px 30px; }
    #page { font-size: 26px; }
    .hd-content-card { padding: 18px 16px 24px; }
}

@media (max-width: 700px) {
    body.hd-wp-admin select,
    body.hd-wp-admin select.style,
    body.hd-wp-admin select.formsel {
        min-width: 0;
        width: 100% !important;
    }
}

/* Dashboard module icon */
.hd-dashboard-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    font-size: 24px;
    line-height: 1;
}


/* Dashboard list - WordPress-style monochrome icons and clean separators */
body.hd-wp-admin .hd-dashboard-list {
    width: 100% !important;
    border-collapse: collapse;
}
body.hd-wp-admin .hd-dashboard-list > tbody > tr:not(:has(.hd-dashboard-divider)) > td {
    padding-top: 16px;
    padding-bottom: 16px;
}
body.hd-wp-admin .hd-dashboard-divider {
    height: 1px !important;
    padding: 0 !important;
    border-top: 1px solid #dcdcde;
}
body.hd-wp-admin .hd-dashboard-icon {
    width: 38px;
    height: 38px;
    border: 1px solid #c3c4c7;
    border-radius: 5px;
    background: #f6f7f7;
    color: #2271b1;
    font-family: Arial, "Segoe UI Symbol", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

/* ==================================================
   HD ADMIN 2.0 - MASTER FRAMEWORK
   ================================================== */
.hd-sidebar { padding: 12px 0 28px; }
.hd-nav { width: 100%; }
.hd-nav-section { border-bottom: 1px solid rgba(255,255,255,.045); }
.hd-nav-item,
.hd-nav-item:link,
.hd-nav-item:visited {
    display: flex !important;
    align-items: center;
    gap: 11px;
    min-height: 46px;
    padding: 10px 16px !important;
    color: #f0f0f1 !important;
    font-size: 15px !important;
    font-weight: 500;
    text-decoration: none;
}
.hd-nav-item:hover { background: #2c3338; color: #72aee6 !important; }
.hd-nav-dashboard { margin-bottom: 8px; background: rgba(255,255,255,.035); }
.hd-nav-icon { width: 23px; text-align: center; font-size: 18px; line-height: 1; opacity: .92; }
.hd-nav-sub { padding: 0 0 8px; background: #2c3338; }
.hd-nav-sub a,
.hd-nav-sub a:link,
.hd-nav-sub a:visited {
    display: block;
    padding: 6px 16px 6px 50px;
    color: #c3c4c7 !important;
    font-size: 13px !important;
}
.hd-nav-sub a:hover { color: #72aee6 !important; background: rgba(0,0,0,.13); }
.hd-nav-divider { height: 1px; margin: 10px 14px; background: rgba(255,255,255,.12); }

.hd-dashboard-welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: -4px 0 24px;
    padding: 24px 26px;
    border: 1px solid #c3c4c7;
    border-left: 5px solid #2271b1;
    background: #fff;
}
.hd-dashboard-welcome h1 { margin: 0 0 4px; font-size: 25px; font-weight: 650; }
.hd-dashboard-welcome p { margin: 0; color: #646970; }
.hd-dashboard-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.hd-button,
.hd-button:link,
.hd-button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 7px 13px;
    border: 1px solid #2271b1;
    border-radius: 4px;
    background: #fff;
    color: #2271b1 !important;
    font-size: 14px !important;
    font-weight: 600;
}
.hd-button:hover { background: #f0f6fc; }
.hd-button-primary,
.hd-button-primary:link,
.hd-button-primary:visited { background:#2271b1;color:#fff!important;-webkit-text-fill-color:#fff; color: #fff !important; }
.hd-button-primary:hover { background: #135e96; }

.hd-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-bottom: 20px; }
.hd-stat-card,
.hd-stat-card:link,
.hd-stat-card:visited {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 15px;
    padding: 20px;
    border: 1px solid #c3c4c7;
    background: #fff;
    color: #1d2327 !important;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.hd-stat-card:hover { border-color: #2271b1; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.hd-stat-icon { grid-row: 1 / 3; align-self: center; width: 44px; height: 44px; display:flex; align-items:center; justify-content:center; border-radius: 5px; background:#f0f6fc; color:#2271b1; font-size:22px; }
.hd-stat-number { font-size: 28px; line-height: 1.05; font-weight: 700; color:#1d2327; }
.hd-stat-label { margin-top: 4px; color:#646970; font-size:14px; }

.hd-dashboard-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.75fr); gap: 20px; }
.hd-panel { border:1px solid #c3c4c7; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.04); }
.hd-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 18px; border-bottom:1px solid #dcdcde; }
.hd-panel-heading h2 { margin:0; font-size:17px; }
.hd-panel-heading span { color:#646970; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.hd-quick-list a,
.hd-admin-links a { text-decoration:none; }
.hd-quick-list a { display:grid; grid-template-columns: 180px 1fr auto; align-items:center; gap:15px; padding:15px 18px; border-bottom:1px solid #f0f0f1; color:#1d2327 !important; }
.hd-quick-list a:last-child { border-bottom:0; }
.hd-quick-list a:hover { background:#f6f7f7; }
.hd-quick-list strong { color:#2271b1; font-size:15px; }
.hd-quick-list small { color:#646970; font-size:14px; }
.hd-quick-list a > span { font-size:24px; color:#8c8f94; }
.hd-admin-links a { display:flex; align-items:center; gap:13px; padding:16px 18px; border-bottom:1px solid #f0f0f1; color:#1d2327 !important; }
.hd-admin-links a:last-child { border-bottom:0; }
.hd-admin-links a:hover { background:#f6f7f7; }
.hd-admin-link-icon { width:36px; height:36px; flex:0 0 36px; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#f0f6fc; color:#2271b1; font-size:18px; }
.hd-admin-links strong,.hd-admin-links small { display:block; }
.hd-admin-links strong { color:#2271b1; font-size:15px; }
.hd-admin-links small { margin-top:2px; color:#646970; font-size:13px; }

@media (max-width: 1100px) {
    .hd-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .hd-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .hd-dashboard-welcome { align-items:flex-start; flex-direction:column; }
    .hd-stat-grid { grid-template-columns: 1fr; }
    .hd-quick-list a { grid-template-columns: 1fr auto; }
    .hd-quick-list small { grid-column:1; }
}

/* ==================================================
   HD ADMIN 2.0 - STAGE 2 POLISH + REFERENCE MODULES
   ================================================== */
:root {
    --hd-accent: #2271b1;
    --hd-accent-dark: #135e96;
    --hd-surface: #ffffff;
    --hd-surface-soft: #f6f7f7;
    --hd-border: #dcdcde;
    --hd-text: #1d2327;
    --hd-muted: #646970;
    --hd-danger: #b32d2e;
}

.hd-adminbar { min-height: 58px; padding: 0 22px; gap: 20px; }
.hd-adminbar-brand { min-width: 205px; }
.hd-brand-mark {
    width: 34px; height: 34px; display:flex; align-items:center; justify-content:center;
    border-radius: 7px; background:#2271b1;color:#fff!important;-webkit-text-fill-color:#fff; color:#fff; font-size:14px; font-weight:800;
    letter-spacing:-.02em; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}
.hd-brand-name { display:flex; align-items:baseline; gap:7px; font-size:16px; font-weight:650; }
.hd-brand-name small { color:#8c8f94; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.hd-admin-shell { min-height: calc(100vh - 58px); }
.hd-sidebar { width:248px; flex-basis:248px; min-height:calc(100vh - 58px); padding-top:16px; }
.hd-main { padding: 28px 30px 45px; }
.hd-page-header { margin-bottom: 18px; }
#page { font-size: 29px; letter-spacing:-.02em; font-weight:680; }
.hd-content-card { padding: 24px; border-radius: 5px; }

.hd-menu-toggle {
    display:none; width:36px; height:36px; padding:0 !important; border:0 !important;
    background:transparent !important; color:#fff !important; font-size:22px !important;
    line-height:1; box-shadow:none !important;
}

.hd-nav-item,.hd-nav-item:link,.hd-nav-item:visited { min-height:48px; padding:11px 18px !important; }
.hd-nav-icon { width:25px; font-size:19px; }
.hd-nav-sub { padding-bottom:9px; }
.hd-nav-sub a,.hd-nav-sub a:link,.hd-nav-sub a:visited { padding-left:54px; font-size:13px !important; }

body.hd-wp-admin #alert {
    display:block; margin-top:12px; padding:11px 14px; border:1px solid #72aee6;
    border-left-width:4px; background:#f0f6fc; color:#1d2327; font-size:14px; font-weight:500;
}

/* Generic module header + list controls */
.hd-module-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
.hd-module-title { margin:0 0 4px; font-size:24px; line-height:1.2; color:var(--hd-text); }
.hd-module-description { margin:0; color:var(--hd-muted); font-size:14px; }
.hd-button-large { min-height:42px !important; padding:9px 16px !important; }
.hd-button-block { display:flex !important; width:100%; margin-top:9px; }
.hd-button-danger,.hd-button-danger:link,.hd-button-danger:visited { border-color:var(--hd-danger) !important; color:var(--hd-danger) !important; background:#fff !important; }
.hd-button-danger:hover { background:#fcf0f1 !important; }

.hd-filter-bar { display:flex; align-items:center; gap:12px; padding:14px; margin-bottom:16px; border:1px solid var(--hd-border); background:#f6f7f7; }
.hd-search-form { display:flex; align-items:center; gap:9px; width:100%; }
.hd-search-form input[type="search"] { flex:1; width:auto !important; min-width:180px; min-height:40px; padding:7px 11px; border:1px solid #8c8f94; border-radius:4px; background:#fff; font-size:14px; }
.hd-sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

.hd-list-card { border:1px solid var(--hd-border); background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.03); }
.hd-list-card-header { display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:52px; padding:12px 16px; border-bottom:1px solid var(--hd-border); }
.hd-list-card-header strong { color:var(--hd-text); font-size:15px; }
.hd-list-card-header span { margin-left:7px; color:var(--hd-muted); font-size:13px; }
.hd-list-hint { margin-left:0 !important; }
.hd-table-wrap { width:100%; overflow-x:auto; }
.hd-data-table { width:100%; border-collapse:collapse; font-size:14px; }
.hd-data-table th { padding:11px 13px; border-bottom:1px solid var(--hd-border); background:#f6f7f7; color:#50575e; text-align:left; font-size:12px; font-weight:650; letter-spacing:.025em; text-transform:uppercase; }
.hd-data-table th a { color:#50575e !important; font-size:12px !important; font-weight:650 !important; }
.hd-data-table td { padding:14px 13px !important; border-bottom:1px solid #f0f0f1; color:var(--hd-text); vertical-align:middle; font-size:14px; }
.hd-data-table tbody tr:hover { background:#f8fbfd; }
.hd-data-table tbody tr:last-child td { border-bottom:0; }
.hd-table-icon-col { width:52px; }
.hd-table-actions-col { width:78px; }
.hd-row-icon { display:flex; width:32px; height:32px; align-items:center; justify-content:center; border:1px solid #c3c4c7; border-radius:4px; background:#fff; color:var(--hd-accent) !important; font-size:16px !important; }
.hd-row-icon:hover { border-color:var(--hd-accent); background:#f0f6fc; }
.hd-row-title { color:var(--hd-accent) !important; font-size:14px !important; font-weight:650 !important; }
.hd-table-muted { color:var(--hd-muted) !important; }
.hd-text-action { color:var(--hd-accent) !important; font-size:13px !important; font-weight:600 !important; }
.hd-url-code { display:inline-block; max-width:300px; padding:4px 7px; border-radius:3px; background:#f0f0f1; color:#3c434a; font:12px/1.35 Consolas, Monaco, monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-status-pill { display:inline-flex; margin-left:8px; padding:2px 7px; border-radius:999px; background:#e7f5ed; color:#008a20; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.03em; vertical-align:middle; }
.hd-pagination-wrap { padding:14px 16px; border-top:1px solid var(--hd-border); text-align:center; }
.hd-empty-state { padding:55px 20px; text-align:center; }
.hd-empty-icon { font-size:42px; opacity:.5; }
.hd-empty-state h2 { margin:8px 0 5px; font-size:20px; }
.hd-empty-state p { margin:0 0 16px; color:var(--hd-muted); }

/* Reference edit screen */
.hd-editor-form { width:100%; }
.hd-editor-topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid var(--hd-border); }
.hd-back-link { display:inline-block; margin-bottom:7px; color:var(--hd-muted) !important; font-size:13px !important; }
.hd-editor-topbar h1 { margin:0; color:var(--hd-text); font-size:23px; line-height:1.25; }
.hd-edit-url { margin-top:6px; color:var(--hd-muted); font-size:13px; }
.hd-edit-url code { color:#3c434a; }
.hd-editor-actions { display:flex; gap:8px; }
.hd-editor-tabs { display:flex; gap:0; margin-bottom:0; border-bottom:1px solid #c3c4c7; }
body.hd-wp-admin .hd-editor-tab { min-height:45px; margin:0 3px -1px 0; padding:10px 18px; border:1px solid transparent !important; border-bottom:0 !important; border-radius:4px 4px 0 0; background:transparent !important; color:#50575e !important; font-size:14px !important; font-weight:650; box-shadow:none !important; }
body.hd-wp-admin .hd-editor-tab:hover { color:var(--hd-accent) !important; background:#f6f7f7 !important; }
body.hd-wp-admin .hd-editor-tab.is-active { border-color:#c3c4c7 !important; background:#fff !important; color:var(--hd-accent) !important; }
.hd-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:22px; align-items:start; padding-top:20px; }
.hd-editor-main { min-width:0; }
.hd-editor-panel { display:none; padding:22px; border:1px solid var(--hd-border); background:#fff; }
.hd-form-section-heading { margin-bottom:22px; padding-bottom:15px; border-bottom:1px solid #f0f0f1; }
.hd-form-section-heading h2 { margin:0 0 4px; color:var(--hd-text); font-size:19px; }
.hd-form-section-heading p { margin:0; color:var(--hd-muted); font-size:13px; }
.hd-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.hd-field-full { grid-column:1 / -1; }
.hd-field label { display:block; margin-bottom:7px; color:var(--hd-text); font-size:13px; font-weight:650; }
.hd-field small { display:block; margin-top:6px; color:var(--hd-muted); font-size:12px; line-height:1.45; }
.hd-required { color:var(--hd-danger); }
.hd-input-with-button { display:flex; align-items:stretch; gap:8px; }
.hd-input-with-button input { flex:1; width:auto !important; }
.hd-input-with-button .hd-button { flex:0 0 auto; }
.hd-info-box { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 15px; border-left:4px solid #72aee6; background:#f0f6fc; color:#2c3338; font-size:13px; }
.hd-legacy-editor-wrap { width:100%; overflow:hidden; }
.hd-editor-note { margin-top:12px; padding:10px 12px; border:1px solid #dcdcde; background:#f6f7f7; color:var(--hd-muted); font-size:12px; }
.hd-field-footer { display:flex; justify-content:space-between; gap:15px; }
.hd-field-footer small { margin-top:6px; }
#hdDescCount { margin-top:6px; color:var(--hd-muted); font-size:12px; }
.hd-seo-preview { padding:18px; border:1px solid #dcdcde; border-radius:4px; background:#fff; }
.hd-seo-preview-label { display:block; margin-bottom:12px; color:var(--hd-muted); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.hd-seo-preview-title { margin-bottom:3px; color:#1a0dab; font-size:19px; line-height:1.25; }
.hd-seo-preview-url { margin-bottom:5px; color:#188038; font-size:12px; }
.hd-seo-preview-description { color:#4d5156; font-size:13px; line-height:1.45; }
.hd-editor-sidebar-card { position:sticky; top:20px; padding:17px; border:1px solid var(--hd-border); background:#fff; }
.hd-editor-sidebar-card h3 { margin:0 0 11px; padding-bottom:10px; border-bottom:1px solid var(--hd-border); font-size:16px; }
.hd-publish-row { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:9px 0; border-bottom:1px solid #f0f0f1; color:var(--hd-muted); font-size:12px; }
.hd-publish-row strong,.hd-publish-row code { color:var(--hd-text); text-align:right; }
.hd-publish-row code { max-width:145px; overflow-wrap:anywhere; font-size:11px; }
.hd-sidebar-help { margin:12px 0 0; color:var(--hd-muted); font-size:11px; line-height:1.45; }

/* Dashboard polish */
.hd-dashboard-welcome { border-radius:5px; padding:27px 28px; }
.hd-stat-card { border-radius:5px; }
.hd-panel { border-radius:5px; overflow:hidden; }

@media (max-width: 1050px) {
    .hd-editor-layout { grid-template-columns:1fr; }
    .hd-editor-sidebar-card { position:static; }
}
@media (max-width: 900px) {
    .hd-menu-toggle { display:flex; align-items:center; justify-content:center; }
    .hd-adminbar-brand { min-width:auto; }
    .hd-sidebar { display:none; width:100%; }
    .hd-sidebar.is-open { display:block; }
    .hd-main { padding:20px 15px 35px; }
    .hd-content-card { padding:18px 14px; }
}
@media (max-width: 700px) {
    .hd-module-toolbar,.hd-editor-topbar { flex-direction:column; align-items:stretch; }
    .hd-editor-actions { width:100%; }
    .hd-editor-actions .hd-button { flex:1; }
    .hd-search-form { flex-wrap:wrap; }
    .hd-search-form input[type="search"] { flex:1 0 100%; }
    .hd-data-table th:nth-child(3),.hd-data-table td:nth-child(3) { display:none; }
    .hd-editor-tabs { overflow-x:auto; }
    body.hd-wp-admin .hd-editor-tab { white-space:nowrap; }
    .hd-form-grid { grid-template-columns:1fr; }
    .hd-input-with-button { flex-direction:column; }
    .hd-input-with-button input { width:100% !important; }
}

/* HD Admin 2.0 - News reference module */
.hd-news-filter-bar .hd-search-form { flex-wrap:wrap; }
.hd-filter-select { flex:0 1 260px; }
.hd-filter-select select { width:100% !important; min-height:40px; }
.hd-row-description { margin-top:5px; max-width:620px; color:var(--hd-muted); font-size:12px; line-height:1.45; }
.hd-status-pdf { background:#fcf0f1; color:#b32d2e; }
.hd-status-article { background:#e8f3ff; color:#135e96; }
.hd-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:900px; }
.hd-choice-card,.hd-choice-card:link,.hd-choice-card:visited { display:flex; min-height:220px; flex-direction:column; padding:25px; border:1px solid var(--hd-border); border-radius:5px; background:#fff; color:var(--hd-text) !important; text-decoration:none !important; box-shadow:0 1px 1px rgba(0,0,0,.03); }
.hd-choice-card:hover { border-color:#72aee6; box-shadow:0 2px 7px rgba(0,0,0,.08); }
.hd-choice-icon { margin-bottom:15px; font-size:36px; }
.hd-choice-card strong { margin-bottom:7px; font-size:20px; }
.hd-choice-card span:not(.hd-choice-icon) { color:var(--hd-muted); font-size:13px; line-height:1.55; }
.hd-choice-card em { margin-top:auto; padding-top:18px; color:var(--hd-accent); font-size:13px; font-style:normal; font-weight:700; }
.hd-current-image { display:inline-flex; padding:7px; border:1px solid var(--hd-border); background:#f6f7f7; }
.hd-current-image img { display:block; max-width:220px; max-height:160px; width:auto; height:auto; object-fit:cover; }
.hd-file-card { display:flex; align-items:center; gap:14px; padding:14px; border:1px solid var(--hd-border); background:#f6f7f7; }
.hd-file-icon { display:flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:4px; background:#b32d2e; color:#fff; font-size:11px; font-weight:800; }
.hd-file-card strong { display:block; margin-bottom:4px; color:var(--hd-text); }
.hd-file-card a { color:var(--hd-accent) !important; font-size:12px !important; }
@media (max-width:700px){.hd-choice-grid{grid-template-columns:1fr}.hd-filter-select{flex:1 0 100%}}

/* =========================================================
   HD ADMIN 2.0 - PROJECTS
   ========================================================= */
.hd-project-thumb-col { width:128px; }
.hd-project-list-thumb { display:flex; width:104px; height:72px; align-items:center; justify-content:center; overflow:hidden; border:1px solid #e3e8ef; border-radius:10px; background:#f8fafc; text-decoration:none; }
.hd-project-list-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.hd-project-no-image { padding:8px; font-size:11px; line-height:1.2; color:#7a8493; text-align:center; }
.hd-project-category-select select { min-width:280px; max-width:100%; padding:11px 38px 11px 12px; border:1px solid #cfd7e3; border-radius:8px; background:#fff; font-size:15px; }
.hd-project-image-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.hd-project-image-card { border:1px solid #dde4ed; border-radius:12px; background:#fff; padding:16px; min-width:0; }
.hd-project-image-primary { grid-column:1 / -1; }
.hd-project-image-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.hd-project-image-card-head strong { font-size:15px; color:#1f2937; }
.hd-project-image-card-head span { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#788493; }
.hd-project-image-preview { display:flex; min-height:180px; align-items:center; justify-content:center; overflow:hidden; border:1px dashed #cbd5e1; border-radius:10px; background:#f8fafc; color:#8491a1; margin-bottom:12px; }
.hd-project-image-primary .hd-project-image-preview { min-height:260px; }
.hd-project-image-preview a { display:block; width:100%; height:100%; }
.hd-project-image-preview img { display:block; width:100%; max-height:300px; object-fit:contain; margin:auto; }
.hd-file-upload-label { display:flex; align-items:center; justify-content:center; min-height:42px; padding:10px 14px; border:1px solid #cbd5e1; border-radius:8px; background:#f8fafc; font-weight:600; cursor:pointer; text-align:center; }
.hd-file-upload-label:hover { background:#f1f5f9; }
.hd-file-upload-label input[type=file] { display:none; }
.hd-image-alt-field { margin-top:14px; }
@media (max-width:800px) {
  .hd-project-image-grid { grid-template-columns:1fr; }
  .hd-project-image-primary { grid-column:auto; }
  .hd-project-thumb-col { width:88px; }
  .hd-project-list-thumb { width:72px; height:54px; }
}

/* =========================================================
   HD ADMIN 2.0 - STAGE 5 MEDIA LIBRARY
   ========================================================= */
.hd-media-filter-bar .hd-search-form { flex-wrap:wrap; }
.hd-media-category-filter { min-width:240px; }
.hd-media-view-note { color:var(--hd-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.hd-media-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; padding:18px; background:#f6f7f7; }
.hd-media-card { min-width:0; overflow:hidden; border:1px solid #dcdcde; border-radius:7px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.03); }
.hd-media-card:hover { border-color:#72aee6; box-shadow:0 3px 10px rgba(0,0,0,.08); }
.hd-media-card-image { display:flex; width:100%; aspect-ratio:4/3; align-items:center; justify-content:center; overflow:hidden; background:#eef1f4; text-decoration:none; }
.hd-media-card-image img { width:100%; height:100%; object-fit:cover; display:block; }
.hd-media-placeholder { color:#7c8794; font-size:13px; }
.hd-media-card-body { padding:14px; }
.hd-media-card-meta { display:flex; justify-content:space-between; gap:8px; margin-bottom:7px; color:#7b8490; font-size:11px; text-transform:uppercase; letter-spacing:.03em; }
.hd-media-card h3 { margin:0 0 7px; font-size:15px; line-height:1.3; }
.hd-media-card h3 a { color:var(--hd-text) !important; text-decoration:none !important; }
.hd-media-card h3 a:hover { color:var(--hd-accent) !important; }
.hd-media-card p { display:-webkit-box; overflow:hidden; margin:0; color:var(--hd-muted); font-size:12px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.hd-media-card-actions { display:flex; gap:12px; margin-top:13px; padding-top:11px; border-top:1px solid #f0f0f1; }
.hd-media-card-actions a { font-size:12px !important; font-weight:650; }
.hd-media-pagination { padding:15px 18px; border-top:1px solid var(--hd-border); text-align:center; }
.hd-empty-state { padding:60px 20px; text-align:center; }
.hd-empty-state .hd-empty-icon { margin-bottom:12px; color:#8c8f94; font-size:42px; }
.hd-empty-state h2 { margin:0 0 7px; font-size:20px; }
.hd-empty-state p { margin:0 0 18px; color:var(--hd-muted); }
.hd-media-editor-preview { display:flex; min-height:210px; align-items:center; justify-content:center; overflow:hidden; margin-bottom:12px; border:1px dashed #cbd5e1; border-radius:8px; background:#f8fafc; color:#7b8794; }
.hd-media-editor-preview a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.hd-media-editor-preview img { display:block; width:100%; max-height:300px; object-fit:contain; }
.hd-media-upload-card .hd-file-upload-label { margin-bottom:10px; }
body.hd-wp-admin .hd-field textarea { width:100%; min-height:100px; padding:10px 12px; border:1px solid #8c8f94; border-radius:4px; font:inherit; box-sizing:border-box; resize:vertical; }
@media (max-width:700px) {
    .hd-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:10px; }
    .hd-media-card-body { padding:10px; }
    .hd-media-category-filter { flex:1 0 100%; min-width:0; }
}
@media (max-width:480px) { .hd-media-grid { grid-template-columns:1fr; } }

/* =========================================================
   HD ADMIN 2.0 - STAGE 6 SMALL CONTENT MODULES
   ========================================================= */
.hd-banner-preview-col { width:190px; }
.hd-banner-order-col { width:120px; text-align:center !important; }
.hd-banner-preview { display:flex; width:160px; height:72px; align-items:center; justify-content:center; overflow:hidden; border:1px solid #dcdcde; border-radius:6px; background:#f6f7f7; color:var(--hd-muted) !important; font-size:11px !important; }
.hd-banner-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.hd-order-controls { display:grid; grid-template-columns:30px 34px 30px; align-items:center; justify-content:center; gap:3px; }
.hd-order-controls a,.hd-order-controls span { display:flex; width:28px; height:28px; align-items:center; justify-content:center; border:1px solid #c3c4c7; border-radius:4px; background:#fff; color:var(--hd-accent) !important; text-decoration:none !important; }
.hd-order-controls span { visibility:hidden; }
.hd-order-controls strong { text-align:center; font-size:13px; }
.hd-banner-editor-preview { display:flex; min-height:170px; align-items:center; justify-content:center; overflow:hidden; margin-bottom:12px; border:1px dashed #cbd5e1; border-radius:8px; background:#f8fafc; color:#7b8794; }
.hd-banner-editor-preview img { display:block; width:100%; max-height:230px; object-fit:contain; }
.hd-status-inactive { background:#f0f0f1; color:#646970; }
.hd-category-type { display:inline-flex; padding:4px 8px; border-radius:4px; background:#f0f6fc; color:#135e96; font-size:12px; font-weight:650; }
.hd-category-warning { margin-top:12px; }
.hd-toggle-row { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:4px 0 14px; border-bottom:1px solid #f0f0f1; cursor:pointer; }
.hd-toggle-row span { min-width:0; }
.hd-toggle-row strong { display:block; margin-bottom:3px; color:var(--hd-text); font-size:13px; }
.hd-toggle-row small { display:block; color:var(--hd-muted); font-size:11px; line-height:1.4; }
.hd-toggle-row input[type=checkbox] { width:20px !important; height:20px; margin:1px 0 0; flex:0 0 auto; }
@media (max-width:700px) {
    .hd-banner-preview-col { width:100px; }
    .hd-banner-preview { width:84px; height:52px; }
    .hd-banner-table th:nth-child(3),.hd-banner-table td:nth-child(3) { display:none; }
}

/* =========================================================
   HD ADMIN 2.0 - STAGE 7 DATABASE COMPATIBILITY / SYSTEM HEALTH
   ========================================================= */
.hd-compat-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 20px; padding:15px 18px; border:1px solid #dcdcde; border-left:4px solid #72aee6; border-radius:5px; background:#fff; }
.hd-compat-summary.is-ready { border-left-color:#00a32a; }
.hd-compat-summary.has-limits { border-left-color:#dba617; }
.hd-compat-summary strong { display:block; margin-bottom:2px; font-size:14px; }
.hd-compat-summary span { color:var(--hd-muted); font-size:12px; }
.hd-compat-summary a { white-space:nowrap; font-size:12px !important; font-weight:700; }
.hd-health-overview { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:22px; margin-bottom:20px; padding:22px; border:1px solid var(--hd-border); border-radius:6px; background:#fff; }
.hd-health-score { display:flex; min-height:105px; flex-direction:column; align-items:center; justify-content:center; border-radius:6px; background:#f0f6fc; }
.hd-health-score strong { color:#135e96; font-size:34px; line-height:1; }
.hd-health-score span { margin-top:7px; color:#50575e; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.hd-health-overview h2 { margin:0 0 7px; font-size:20px; }
.hd-health-overview p { margin:0; color:var(--hd-muted); line-height:1.55; }
.hd-health-table td:first-child strong { display:block; }
.hd-health-table td:first-child small { display:block; margin-top:3px; color:var(--hd-muted); }
.hd-health-table code { padding:4px 7px; border-radius:4px; background:#f0f0f1; color:#3c434a; font-size:12px; }
.hd-health-status { display:inline-flex; align-items:center; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.hd-health-status.is-ready { background:#edfaef; color:#087a26; }
.hd-health-status.is-missing { background:#fcf0f1; color:#b32d2e; }
.hd-system-notice { margin:0 0 18px; padding:13px 15px; border-left:4px solid #dba617; background:#fff8e5; color:#6f5100; }
.hd-system-detail-card { margin-top:20px; padding:18px; border:1px solid var(--hd-border); border-radius:6px; background:#fff; }
.hd-field-pills { display:flex; flex-wrap:wrap; gap:8px; padding-top:4px; }
.hd-field-pill { display:inline-flex; padding:7px 10px; border-radius:999px; font-size:12px; font-weight:650; }
.hd-field-pill.is-present { background:#edfaef; color:#087a26; }
.hd-field-pill.is-optional { background:#f0f0f1; color:#646970; }
.hd-system-help { margin:13px 0 0; color:var(--hd-muted); font-size:12px; }
@media (max-width:700px) {
    .hd-compat-summary { align-items:flex-start; flex-direction:column; }
    .hd-health-overview { grid-template-columns:1fr; }
    .hd-health-score { min-height:90px; }
}


/* ==================================================
   HD ADMIN 2.0 - STAGE 8 USERS + COLLAPSIBLE NAVIGATION
   ================================================== */
.hd-nav-section-row { display:flex; align-items:stretch; }
.hd-nav-section-row .hd-nav-item { flex:1; min-width:0; }
body.hd-wp-admin .hd-nav-expander {
    width:40px; min-height:48px; padding:0 !important; border:0 !important; border-radius:0 !important;
    background:transparent !important; color:#a7aaad !important; font-size:12px !important; box-shadow:none !important;
}
body.hd-wp-admin .hd-nav-expander:hover { background:#2c3338 !important; color:#72aee6 !important; }
.hd-nav-section.is-contracted .hd-nav-sub { display:none; }
.hd-nav-section.is-contracted .hd-nav-expander { transform:rotate(-90deg); }
body.hd-wp-admin .hd-sidebar-collapse {
    display:flex; width:100%; min-height:45px; align-items:center; gap:11px; margin-top:14px; padding:10px 17px !important;
    border:0 !important; border-top:1px solid rgba(255,255,255,.11) !important; border-radius:0 !important;
    background:transparent !important; color:#c3c4c7 !important; font-size:13px !important; font-weight:500; text-align:left;
}
body.hd-wp-admin .hd-sidebar-collapse:hover { background:#2c3338 !important; color:#fff !important; }
.hd-collapse-icon { display:inline-flex; width:25px; justify-content:center; font-size:21px; line-height:1; }

@media (min-width:901px) {
    body.hd-sidebar-collapsed .hd-sidebar { width:68px; flex-basis:68px; }
    body.hd-sidebar-collapsed .hd-nav-label,
    body.hd-sidebar-collapsed .hd-nav-sub,
    body.hd-sidebar-collapsed .hd-nav-expander,
    body.hd-sidebar-collapsed .hd-nav-divider { display:none !important; }
    body.hd-sidebar-collapsed .hd-nav-section-row { display:block; }
    body.hd-sidebar-collapsed .hd-nav-item,
    body.hd-sidebar-collapsed .hd-nav-item:link,
    body.hd-sidebar-collapsed .hd-nav-item:visited { justify-content:center; padding-left:0 !important; padding-right:0 !important; }
    body.hd-sidebar-collapsed .hd-nav-icon { width:auto; font-size:21px; }
    body.hd-sidebar-collapsed .hd-sidebar-collapse { justify-content:center; padding-left:0 !important; padding-right:0 !important; }
    body.hd-sidebar-collapsed .hd-collapse-icon { width:auto; }
    .hd-sidebar,.hd-main { transition:width .18s ease, flex-basis .18s ease, padding .18s ease; }
}

.hd-toolbar-actions { display:flex; gap:8px; flex-wrap:wrap; }
.hd-user-security-note { margin-bottom:16px; }
.hd-user-security-note code,.hd-access-flow code { font-family:Consolas,Monaco,monospace; font-size:12px; }
.hd-user-code { display:inline-block; padding:4px 7px; border-radius:3px; background:#f0f0f1; color:#3c434a; font:12px/1.35 Consolas,Monaco,monospace; }
.hd-role-pill { display:inline-flex; padding:4px 8px; border-radius:999px; background:#e8f3ff; color:#135e96; font-size:11px; font-weight:700; }
.hd-list-footer { padding:11px 16px; border-top:1px solid var(--hd-border); background:#f6f7f7; color:var(--hd-muted); font-size:12px; }
.hd-role-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.hd-role-card { border:1px solid var(--hd-border); border-radius:6px; background:#fff; overflow:hidden; }
.hd-role-card-head { display:flex; gap:13px; align-items:flex-start; padding:18px; border-bottom:1px solid #f0f0f1; }
.hd-role-number { display:flex; width:38px; height:38px; flex:0 0 38px; align-items:center; justify-content:center; border-radius:50%; background:#1d2327; color:#fff; font-weight:700; }
.hd-role-card h2 { margin:0 0 3px; font-size:17px; }
.hd-role-card p { margin:0; color:var(--hd-muted); font-size:12px; line-height:1.5; }
.hd-role-card-body { padding:16px 18px; }
.hd-role-card-body p { margin-top:10px; }
.hd-access-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.hd-access-flow>div { padding:15px; border:1px solid #dcdcde; border-radius:5px; background:#f9f9f9; }
.hd-access-flow strong { display:block; margin-bottom:5px; color:var(--hd-text); font-size:13px; }
.hd-access-flow span { display:block; color:var(--hd-muted); font-size:12px; line-height:1.5; }
@media (max-width:900px) {
    body.hd-sidebar-collapsed .hd-sidebar { width:100%; }
    .hd-sidebar-collapse { display:none !important; }
}
@media (max-width:700px) {
    .hd-access-flow { grid-template-columns:1fr; }
    .hd-toolbar-actions { width:100%; }
    .hd-toolbar-actions .hd-button { flex:1; text-align:center; }
}

/* ==================================================
   HD ADMIN 2.0 - STAGE 8.1 NAVIGATION FIX
   One control for the sidebar; full-row controls for menu sections.
   ================================================== */
.hd-menu-toggle {
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    cursor:pointer;
}
.hd-nav-section-row { display:none !important; }
body.hd-wp-admin .hd-nav-section-toggle {
    display:flex;
    width:100%;
    min-height:48px;
    align-items:center;
    gap:11px;
    padding:11px 14px 11px 18px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#f0f0f1 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px !important;
    font-weight:500;
    line-height:1.2;
    text-align:left;
    box-shadow:none !important;
    cursor:pointer;
}
body.hd-wp-admin .hd-nav-section-toggle:hover,
body.hd-wp-admin .hd-nav-section-toggle:focus {
    background:#2c3338 !important;
    color:#72aee6 !important;
    outline:none;
}
.hd-nav-section-toggle .hd-nav-icon { flex:0 0 25px; }
.hd-nav-section-toggle .hd-nav-label { flex:1; min-width:0; }
.hd-nav-chevron {
    display:inline-flex;
    width:22px;
    align-items:center;
    justify-content:center;
    color:#a7aaad;
    font-size:12px;
    transition:transform .15s ease;
}
.hd-nav-section.is-contracted .hd-nav-sub { display:none !important; }
.hd-nav-section.is-contracted .hd-nav-chevron { transform:rotate(-90deg); }
.hd-sidebar-collapse { display:none !important; }

@media (min-width:901px) {
    body.hd-sidebar-collapsed .hd-nav-section-toggle {
        justify-content:center;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    body.hd-sidebar-collapsed .hd-nav-section-toggle .hd-nav-icon { flex-basis:auto; width:auto; font-size:21px; }
    body.hd-sidebar-collapsed .hd-nav-section-toggle .hd-nav-label,
    body.hd-sidebar-collapsed .hd-nav-section-toggle .hd-nav-chevron { display:none !important; }
}

@media (max-width:900px) {
    .hd-menu-toggle { display:flex !important; }
    .hd-sidebar { width:100% !important; flex-basis:100% !important; }
}

/* =========================================================
   HD ADMIN 2.0 - STAGE 9 SITE SETTINGS + LOGIN SECURITY
   ========================================================= */
.hd-settings-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:22px; align-items:start; }
.hd-settings-main { min-width:0; }
.hd-settings-card { margin-bottom:20px; padding:22px; border:1px solid var(--hd-border); border-radius:7px; background:#fff; }
.hd-settings-card .hd-panel-heading { margin:-2px 0 20px; padding-bottom:15px; border-bottom:1px solid #f0f0f1; }
.hd-settings-card .hd-panel-heading h2 { margin:0 0 3px; font-size:18px; }
.hd-settings-card .hd-panel-heading span { color:var(--hd-muted); font-size:12px; }
.hd-settings-card .hd-field + .hd-field { margin-top:20px; }
.hd-url-input { display:flex; align-items:stretch; }
.hd-url-input > span { display:flex; align-items:center; padding:0 11px; border:1px solid #8c8f94; border-right:0; border-radius:4px 0 0 4px; background:#f6f7f7; color:#646970; font-size:13px; }
.hd-url-input input { border-radius:0 4px 4px 0 !important; }
.hd-settings-description .hd-field-footer { align-items:center; }
#hdSettingsDescCount { color:var(--hd-muted); font-size:12px; white-space:nowrap; }
.hd-settings-toggle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.hd-settings-savebar { display:flex; align-items:center; gap:16px; padding:16px 18px; border:1px solid #c3c4c7; border-radius:6px; background:#f6f7f7; }
.hd-settings-savebar span { color:var(--hd-muted); font-size:12px; }
.hd-settings-savebar code { color:#3c434a; }
.hd-settings-sidebar .hd-editor-sidebar-card { top:70px; }
.hd-site-active-control { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:12px 0 2px; cursor:pointer; }
.hd-site-active-control span { min-width:0; }
.hd-site-active-control strong,.hd-site-active-control small { display:block; }
.hd-site-active-control strong { color:var(--hd-text); font-size:13px; }
.hd-site-active-control small { margin-top:2px; color:var(--hd-muted); font-size:11px; }
.hd-site-active-control input[type=checkbox] { width:20px !important; height:20px; }

/* Focused login experience */
body.hd-login-screen { background:#f0f2f5; }
body.hd-login-screen .hd-adminbar { min-height:64px; justify-content:center; box-shadow:0 1px 4px rgba(0,0,0,.18); }
body.hd-login-screen .hd-adminbar-brand { min-width:0; }
body.hd-login-screen .hd-page-header { margin:0 0 14px; padding:0; }
body.hd-login-screen .hd-login-page-header #page { min-height:0; font-size:0; }
body.hd-login-screen .hd-login-page-header #alert { font-size:13px; }
body.hd-login-screen .hd-main { max-width:520px; padding:58px 20px 40px; }
body.hd-login-screen .hd-content-card { padding:0; border:0; background:transparent; box-shadow:none; }
.hd-login-wrap { width:100%; }
.hd-login-card { padding:30px; border:1px solid #dcdcde; border-radius:9px; background:#fff; box-shadow:0 8px 28px rgba(0,0,0,.08); }
.hd-login-brand { display:flex; align-items:center; gap:12px; margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid #f0f0f1; }
.hd-login-brand > span { display:flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:8px; background:#1d2327; color:#fff; font-size:18px; font-weight:800; }
.hd-login-brand strong,.hd-login-brand small { display:block; }
.hd-login-brand strong { color:var(--hd-text); font-size:17px; }
.hd-login-brand small { margin-top:2px; color:var(--hd-muted); font-size:11px; }
.hd-login-intro { margin-bottom:22px; }
.hd-login-intro h1 { margin:0 0 5px; color:var(--hd-text); font-size:25px; }
.hd-login-intro p { margin:0; color:var(--hd-muted); font-size:13px; }
.hd-login-field { margin-bottom:18px; }
.hd-login-field label { display:block; margin-bottom:7px; color:var(--hd-text); font-size:13px; font-weight:650; }
body.hd-login-screen .hd-login-field input { width:100% !important; min-height:46px; padding:10px 12px; box-sizing:border-box; }
.hd-password-field { position:relative; }
body.hd-wp-admin .hd-password-toggle { position:absolute; top:5px; right:5px; min-height:36px; padding:5px 10px; border:0 !important; background:transparent !important; color:var(--hd-accent) !important; font-size:12px; font-weight:700; box-shadow:none !important; }
body.hd-wp-admin .hd-password-toggle:hover { background:#f0f6fc !important; }
body.hd-wp-admin .hd-login-button { width:100%; min-height:46px; margin-top:2px; font-weight:700; }
.hd-login-security { display:flex; align-items:flex-start; gap:9px; margin-top:20px; padding-top:17px; border-top:1px solid #f0f0f1; color:var(--hd-muted); }
.hd-login-security span { flex:0 0 auto; }
.hd-login-security p { margin:0; font-size:11px; line-height:1.45; }
body.hd-login-screen #alert { display:block; margin:0 0 15px; }

@media (max-width:900px) {
    .hd-settings-grid { grid-template-columns:1fr; }
    .hd-settings-sidebar .hd-editor-sidebar-card { position:static; }
}
@media (max-width:700px) {
    .hd-settings-toggle-grid { grid-template-columns:1fr; }
    .hd-settings-savebar { flex-direction:column; align-items:stretch; }
    .hd-settings-savebar .hd-button { width:100%; }
    body.hd-login-screen .hd-main { padding:32px 14px; }
    .hd-login-card { padding:22px 18px; }
}

/* =========================================================
   HD ADMIN 2.0 - STAGE 10 MODERN CONTENT EDITOR
   Self-contained visual + HTML source editing.
   ========================================================= */
.hd-rich-editor { overflow:hidden; border:1px solid #c3c4c7; border-radius:7px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.03); }
.hd-rich-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:8px; border-bottom:1px solid #dcdcde; background:#f6f7f7; }
.hd-editor-format-label { display:inline-flex; margin:0; }
body.hd-wp-admin .hd-editor-format { width:auto !important; min-width:118px; min-height:34px; margin:0; padding:4px 28px 4px 8px; border-color:#8c8f94; border-radius:4px; background:#fff; font-size:12px; }
body.hd-wp-admin .hd-editor-tool { display:inline-flex; min-width:34px; min-height:34px; align-items:center; justify-content:center; margin:0; padding:5px 9px; border:1px solid transparent !important; border-radius:4px !important; background:transparent !important; color:#2c3338 !important; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1; box-shadow:none !important; cursor:pointer; }
body.hd-wp-admin .hd-editor-tool:hover,body.hd-wp-admin .hd-editor-tool:focus { border-color:#c3c4c7 !important; background:#fff !important; color:var(--hd-accent) !important; outline:none; }
body.hd-wp-admin .hd-editor-icon-tool { font-size:18px; }
body.hd-wp-admin .hd-editor-source-toggle { margin-left:auto; padding-left:11px; padding-right:11px; font-weight:700; }
.hd-toolbar-divider { width:1px; height:24px; margin:0 3px; background:#dcdcde; }
.hd-editor-surface,.hd-editor-source { width:100%; min-height:500px; box-sizing:border-box; border:0 !important; border-radius:0 !important; background:#fff; color:#1d2327; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.65; outline:none; box-shadow:none !important; }
.hd-editor-surface { padding:24px; overflow:auto; }
.hd-editor-surface:focus { box-shadow:inset 0 0 0 2px rgba(34,113,177,.2) !important; }
.hd-editor-surface h2 { margin:1.25em 0 .55em; font-size:28px; line-height:1.25; }
.hd-editor-surface h3 { margin:1.2em 0 .5em; font-size:23px; line-height:1.3; }
.hd-editor-surface h4 { margin:1.15em 0 .45em; font-size:19px; line-height:1.35; }
.hd-editor-surface p { margin:.7em 0; }
.hd-editor-surface blockquote { margin:1em 0; padding:10px 18px; border-left:4px solid #c3c4c7; background:#f6f7f7; color:#50575e; }
.hd-editor-surface img { max-width:100%; height:auto; }
.hd-editor-surface a { color:#2271b1; text-decoration:underline; }
.hd-editor-source { display:none; min-height:500px; padding:20px; resize:vertical; font-family:Consolas,"Courier New",monospace; font-size:13px; line-height:1.55; white-space:pre-wrap; }
.hd-rich-editor.is-source-mode .hd-editor-surface { display:none; }
.hd-rich-editor.is-source-mode .hd-editor-source { display:block; }
.hd-rich-editor.is-source-mode .hd-editor-format,.hd-rich-editor.is-source-mode .hd-editor-tool:not(.hd-editor-source-toggle) { opacity:.4; pointer-events:none; }
.hd-rich-editor-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:34px; padding:5px 10px; border-top:1px solid #dcdcde; background:#f6f7f7; color:#646970; font-size:11px; }
.hd-editor-status { font-weight:600; }
.hd-sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
@media (max-width:700px) {
    .hd-rich-toolbar { gap:3px; }
    .hd-toolbar-divider { display:none; }
    body.hd-wp-admin .hd-editor-format { min-width:105px; }
    body.hd-wp-admin .hd-editor-tool { min-width:32px; padding:5px 7px; }
    body.hd-wp-admin .hd-editor-source-toggle { margin-left:0; }
    .hd-editor-surface,.hd-editor-source { min-height:400px; }
    .hd-editor-surface { padding:17px; font-size:15px; }
}

/* =========================================================
   HD ADMIN 2.0 - STAGE 11 MEDIA LIBRARY EDITOR INTEGRATION
   ========================================================= */
body.hd-wp-admin .hd-editor-media-tool { font-weight:700; }
.hd-media-picker-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(29,35,39,.72)}
.hd-media-picker-modal{display:flex;width:min(1050px,96vw);height:min(760px,90vh);flex-direction:column;overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.hd-media-picker-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid #dcdcde;background:#fff}
.hd-media-picker-header strong{display:block;font-size:17px}.hd-media-picker-header span{display:block;margin-top:3px;color:#646970;font-size:12px}.hd-media-picker-close{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f0f0f1;color:#50575e;font-size:27px;line-height:1;cursor:pointer}.hd-media-picker-close:hover{background:#dcdcde;color:#1d2327}.hd-media-picker-frame{width:100%;height:100%;flex:1;border:0;background:#f6f7f7}
@media(max-width:700px){.hd-media-picker-overlay{padding:0}.hd-media-picker-modal{width:100vw;height:100vh;border-radius:0}.hd-media-picker-header{min-height:58px;padding:9px 12px}}


/* =========================================================
   HD ADMIN 2.0 - STAGE 14 MEDIA DETAILS + DELETE PROTECTION
   ========================================================= */
.hd-asset-usage-warning{margin:14px 0;padding:12px 13px;border:1px solid #dba617;border-radius:6px;background:#fcf9e8;color:#3c434a}
.hd-asset-usage-warning strong{display:block;margin-bottom:4px;color:#7a4f01}
.hd-asset-usage-warning p{margin:0 0 7px;font-size:12px;line-height:1.45}
.hd-asset-usage-warning ul{margin:0;padding-left:18px;font-size:12px;line-height:1.55}
.hd-asset-safe-note{margin:14px 0;padding:10px 12px;border:1px solid #b8d7bd;border-radius:6px;background:#edfaef;color:#245b2b;font-size:12px;line-height:1.45}
body.hd-wp-admin .hd-button[disabled]{opacity:.52;cursor:not-allowed;pointer-events:none}


/* ==================================================
   HD ADMIN 2.0 STAGE 14.1 - PRIMARY BUTTON TEXT FIX
   Keep all blue action buttons white in every state.
   ================================================== */
body.hd-wp-admin .hd-button-primary,
body.hd-wp-admin a.hd-button-primary,
body.hd-wp-admin a.hd-button-primary:link,
body.hd-wp-admin a.hd-button-primary:visited,
body.hd-wp-admin a.hd-button-primary:hover,
body.hd-wp-admin a.hd-button-primary:focus,
body.hd-wp-admin a.hd-button-primary:active,
body.hd-wp-admin button.hd-button-primary,
body.hd-wp-admin button.hd-button-primary:hover,
body.hd-wp-admin button.hd-button-primary:focus,
body.hd-wp-admin button.hd-button-primary:active,
body.hd-wp-admin input[type="submit"].hd-button-primary,
body.hd-wp-admin input[type="button"].hd-button-primary {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
}

body.hd-wp-admin .hd-button-primary *,
body.hd-wp-admin .hd-button-primary:hover *,
body.hd-wp-admin .hd-button-primary:focus *,
body.hd-wp-admin .hd-button-primary:active * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


/* ==================================================
   HD ADMIN 2.0 STAGE 14.2 - ALL BLUE BUTTON TEXT FIX
   Covers primary buttons plus legacy/utility blue controls.
   ================================================== */

/* Any HD button using the primary blue background must keep white text */
body.hd-wp-admin .hd-button-primary,
body.hd-wp-admin .hd-button-primary:link,
body.hd-wp-admin .hd-button-primary:visited,
body.hd-wp-admin .hd-button-primary:hover,
body.hd-wp-admin .hd-button-primary:focus,
body.hd-wp-admin .hd-button-primary:active,
body.hd-wp-admin a.hd-button-primary,
body.hd-wp-admin button.hd-button-primary,
body.hd-wp-admin input.hd-button-primary,
body.hd-wp-admin .hd-filter-button,
body.hd-wp-admin .hd-filter-button:link,
body.hd-wp-admin .hd-filter-button:visited,
body.hd-wp-admin .hd-filter-button:hover,
body.hd-wp-admin .hd-filter-button:focus,
body.hd-wp-admin .hd-filter-button:active,
body.hd-wp-admin .hd-generate-button,
body.hd-wp-admin .hd-generate-button:link,
body.hd-wp-admin .hd-generate-button:visited,
body.hd-wp-admin .hd-generate-button:hover,
body.hd-wp-admin .hd-generate-button:focus,
body.hd-wp-admin .hd-generate-button:active,
body.hd-wp-admin .hd-media-select,
body.hd-wp-admin .hd-media-select:link,
body.hd-wp-admin .hd-media-select:visited,
body.hd-wp-admin .hd-media-select:hover,
body.hd-wp-admin .hd-media-select:focus,
body.hd-wp-admin .hd-media-select:active {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
}

/* Catch utility buttons whose blue background is set inline or by older module CSS. */
body.hd-wp-admin a[style*="background:#2271b1"],
body.hd-wp-admin a[style*="background: #2271b1"],
body.hd-wp-admin button[style*="background:#2271b1"],
body.hd-wp-admin button[style*="background: #2271b1"],
body.hd-wp-admin input[style*="background:#2271b1"],
body.hd-wp-admin input[style*="background: #2271b1"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Children/icons/spans inside blue controls inherit white too. */
body.hd-wp-admin .hd-button-primary *,
body.hd-wp-admin .hd-filter-button *,
body.hd-wp-admin .hd-generate-button *,
body.hd-wp-admin .hd-media-select * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


/* ==================================================
   HD ADMIN 2.0 STAGE 14.4 - ASSETS PICKER BUTTON FIX
   Force "Choose from /assets/" controls to use white text.
   ================================================== */
body.hd-wp-admin .hd-assets-button,
body.hd-wp-admin .hd-assets-button:link,
body.hd-wp-admin .hd-assets-button:visited,
body.hd-wp-admin .hd-assets-button:hover,
body.hd-wp-admin .hd-assets-button:focus,
body.hd-wp-admin .hd-assets-button:active,
body.hd-wp-admin [data-media-picker],
body.hd-wp-admin [data-media-picker]:link,
body.hd-wp-admin [data-media-picker]:visited,
body.hd-wp-admin [data-media-picker]:hover,
body.hd-wp-admin [data-media-picker]:focus,
body.hd-wp-admin [data-media-picker]:active {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-decoration:none !important;
}
body.hd-wp-admin .hd-assets-button *,
body.hd-wp-admin [data-media-picker] * {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ==================================================
   HD ADMIN 2.0 STAGE 14.11 - PAGES GENERATE BUTTON
   Force the friendly-URL Generate button to white text.
   ================================================== */
body.hd-wp-admin .hd-generate-url-button,
body.hd-wp-admin .hd-generate-url-button:link,
body.hd-wp-admin .hd-generate-url-button:visited,
body.hd-wp-admin .hd-generate-url-button:hover,
body.hd-wp-admin .hd-generate-url-button:focus,
body.hd-wp-admin .hd-generate-url-button:active {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
}
body.hd-wp-admin .hd-generate-url-button * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


/* ==================================================
   HD ADMIN 2.0 STAGE 14.13 - NEWS SEARCH/CATEGORY
   ================================================== */
body.hd-wp-admin #hdNewsFilterForm {
    display:flex;
    align-items:flex-end;
    gap:14px;
    flex-wrap:wrap;
}
body.hd-wp-admin #hdNewsFilterForm .hd-filter-field {
    display:flex;
    flex-direction:column;
    gap:6px;
}
body.hd-wp-admin #hdNewsFilterForm .hd-filter-search {
    flex:1 1 420px;
}
body.hd-wp-admin #hdNewsFilterForm .hd-filter-category {
    flex:0 1 280px;
}
body.hd-wp-admin #hdNewsFilterForm label {
    font-weight:600;
}
body.hd-wp-admin #hdNewsFilterForm input,
body.hd-wp-admin #hdNewsFilterForm select {
    min-height:42px;
}
body.hd-wp-admin #hdNewsFilterForm .hd-filter-actions {
    display:flex;
    gap:8px;
    align-items:center;
}
body.hd-wp-admin .hd-filter-summary {
    margin:0 0 14px;
    color:#646970;
    font-size:13px;
}
@media (max-width:760px) {
    body.hd-wp-admin #hdNewsFilterForm .hd-filter-search,
    body.hd-wp-admin #hdNewsFilterForm .hd-filter-category {
        flex:1 1 100%;
    }
}


/* ==================================================
   HD ADMIN 2.0 STAGE 15 - SEO & INTEGRATIONS
   ================================================== */
body.hd-wp-admin .hd-seo-asset-block {
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
}
body.hd-wp-admin .hd-seo-asset-block:last-child { border-bottom:0; }
body.hd-wp-admin .hd-seo-icon-preview {
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dcdcde;
    border-radius:8px;
    background:#fff;
    margin:10px 0;
    overflow:hidden;
}
body.hd-wp-admin .hd-seo-icon-preview.is-large {
    width:90px;
    height:90px;
}
body.hd-wp-admin .hd-seo-icon-preview img {
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
body.hd-wp-admin .hd-seo-og-preview {
    width:100%;
    aspect-ratio:1.91/1;
    border:1px solid #dcdcde;
    border-radius:8px;
    background:#f6f7f7;
    overflow:hidden;
    margin:10px 0;
}
body.hd-wp-admin .hd-seo-og-preview img {
    width:100%;
    height:100%;
    object-fit:cover;
}
body.hd-wp-admin .hd-code-preview {
    display:block;
    white-space:pre-wrap;
    word-break:break-word;
    overflow:auto;
    max-height:520px;
    padding:18px;
    margin:12px 0 0;
    border:1px solid #dcdcde;
    border-radius:8px;
    background:#f6f7f7;
    color:#1d2327;
    font:13px/1.6 Consolas, Monaco, monospace;
}


/* ==========================================================
   HD Admin 2.0 - Full-width editor screens
   Removes unused right-side space on large desktop displays.
   ========================================================== */
body.hd-wp-admin .hd-main,
body.hd-wp-admin .hd-content-card,
body.hd-wp-admin .hd-editor-form,
body.hd-wp-admin .hd-editor-layout {
    width: 100% !important;
    max-width: none !important;
}

body.hd-wp-admin .hd-content-card {
    box-sizing: border-box;
}

body.hd-wp-admin .hd-editor-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
}

@media (max-width: 1050px) {
    body.hd-wp-admin .hd-editor-layout {
        grid-template-columns: 1fr;
    }
}