/* ============================================================
   GHT BLOG MODERATION — CHARITY PORTAL DESIGN
   ============================================================ */
.ghtmod{--blue:#168fce;--navy:#153e62;--ink:#24354c;--line:#e3ebf3;--soft:#f4f8fc;max-width:1200px;margin:28px auto 55px;color:var(--ink);font-family:inherit;font-size:15px}
.ghtmod *{box-sizing:border-box}
.ghtmod-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 42px;border-radius:20px;background:linear-gradient(115deg,#153e62,#168fce);color:#fff;box-shadow:0 15px 38px rgba(21,62,98,.16)}
.ghtmod-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:2px;color:#ccecff;margin-bottom:12px}
.ghtmod-hero h1{font-size:clamp(27px,4vw,39px);font-weight:800;line-height:1.15;margin:0 0 12px;color:#fff}
.ghtmod-hero p{margin:0;color:#e5f5ff;font-size:15px}.ghtmod-hero-icon{display:grid;place-items:center;width:82px;height:82px;border:2px solid #ffffff77;border-radius:50%;font-size:45px;font-weight:700;flex:none}
.ghtmod-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0}
.ghtmod-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px 26px;box-shadow:0 6px 22px rgba(21,62,98,.05)}
.ghtmod-stats strong{display:block;color:var(--navy);font-size:35px;line-height:1.1;font-weight:800}.ghtmod-stats span{display:block;color:#6d8091;font-size:13px;margin-top:7px}
.ghtmod-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px 28px;margin:23px 0;box-shadow:0 6px 26px rgba(21,62,98,.045)}
.ghtmod-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.ghtmod-panel-head h2{margin:0;color:var(--navy);font-size:22px;font-weight:800}.ghtmod-panel-head>span{background:#eef7fc;color:#1682b8;border-radius:50px;padding:6px 12px;font-size:12px;font-weight:700}
.ghtmod-panel-head a{font-size:14px;color:var(--blue);text-decoration:none}.ghtmod-empty{color:#718499;padding:18px 0 0;margin:0}
.ghtmod-article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #edf1f5}.ghtmod-article:last-child{border-bottom:0;padding-bottom:0}
.ghtmod-article-main{min-width:0}.ghtmod-kind{display:inline-block;background:#edf7ff;color:#087eb8;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.ghtmod-article h3{font-size:18px;font-weight:750;color:var(--navy);margin:10px 0 5px}.ghtmod-article p{color:#718499;font-size:13px;margin:0}
.ghtmod-article-actions,.ghtmod-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.ghtmod-inline{display:inline;margin:0!important}
.ghtmod .ghtmod-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:750;line-height:1.2;text-decoration:none!important;cursor:pointer;white-space:nowrap;box-shadow:none;transition:filter .15s,transform .15s}
.ghtmod .ghtmod-btn:hover{filter:brightness(.94);transform:translateY(-1px)}.ghtmod .ghtmod-outline{background:#eef7fd;color:#087db7;border-color:#d8eefa}.ghtmod .ghtmod-approve{background:#168fce;color:#fff}.ghtmod .ghtmod-reject{background:#fff0f0;color:#bc4242;border-color:#f4dada}.ghtmod .ghtmod-primary{background:#153e62;color:#fff}
.ghtmod label{display:block;margin:20px 0 7px;color:var(--navy);font-weight:750}.ghtmod input[type=text],.ghtmod textarea{width:100%;padding:13px;border:1px solid #cbdce9;border-radius:10px;color:var(--ink);font:inherit;background:#fff}.ghtmod textarea{min-height:300px;resize:vertical;line-height:1.65}
.ghtmod-help{color:#6c8092;font-size:13px;margin:10px 0 20px}.ghtmod-review-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.ghtmod-warning{background:#fff7e7;border:1px solid #f8dfaa;padding:14px;border-radius:9px;color:#88611c}.ghtmod-alert{background:#eaf8f0;border:1px solid #bfe8cf;color:#186b3f;padding:15px 18px;border-radius:10px;margin:22px 0}
@media(max-width:760px){.ghtmod{margin:15px auto}.ghtmod-hero{padding:27px 23px}.ghtmod-hero-icon{display:none}.ghtmod-stats{gap:9px}.ghtmod-stats>div{padding:16px 12px}.ghtmod-stats strong{font-size:26px}.ghtmod-stats span{font-size:11px}.ghtmod-panel{padding:19px}.ghtmod-article{align-items:flex-start;flex-direction:column}.ghtmod-article-actions{width:100%}.ghtmod .ghtmod-btn{padding:9px 12px}}

/* HERO: override theme typography and sticky header rules */
body .ghtmod .ghtmod-hero { position:static !important; top:auto !important; inset:auto !important; transform:none !important; z-index:auto !important; }
body .ghtmod .ghtmod-hero h1, body .ghtmod .ghtmod-hero h1 a { color:#fff !important; -webkit-text-fill-color:#fff !important; text-shadow:none !important; opacity:1 !important; }
body .ghtmod .ghtmod-hero p { color:#eaf6ff !important; -webkit-text-fill-color:#eaf6ff !important; opacity:1 !important; }
body .ghtmod .ghtmod-hero .ghtmod-eyebrow { color:#ccecff !important; -webkit-text-fill-color:#ccecff !important; }


/* ============================================================
   GHT MODERATION - COMPACT HERO
   ============================================================ */
.ghtmod-hero {
    padding: 30px 40px !important;
    min-height: 0 !important;
    height: auto !important;
}

.ghtmod-hero h1 {
    font-size: 32px !important;
    margin: 12px 0 !important;
    line-height: 1.2;
}

.ghtmod-hero p {
    margin: 8px 0 0 !important;
}