/* Scoped dashboard presentation. Keep theme and Elementor typography outside this component. */
.nghd.nghd,.nghd-gate.nghd-gate {
  --nghd-ink:#163047; --nghd-muted:#64748b; --nghd-line:#dce4ec; --nghd-accent:#126650;
  box-sizing:border-box !important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  font-size:14px !important; line-height:1.6 !important;
  color:var(--nghd-ink) !important; direction:ltr !important; text-align:left !important;
  letter-spacing:normal !important; word-spacing:normal !important;
}
.nghd.nghd *,.nghd-gate.nghd-gate * {
  box-sizing:border-box !important; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  letter-spacing:normal !important; word-spacing:normal !important; text-transform:none !important;
  font-style:normal !important; text-decoration:none !important;
}
.nghd.nghd {
  display:grid !important; grid-template-columns:220px minmax(0,1fr) !important;
  background:#f4f7fa !important; border:1px solid var(--nghd-line) !important;
  border-radius:12px !important; overflow:hidden; width:100% !important;
  max-width:1500px; margin:20px auto !important; padding:0 !important; gap:0 !important;
}
.nghd.nghd .nghd-nav {
  background:#173247 !important; color:#fff !important; padding:25px 16px !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
  align-self:start; position:sticky; top:32px; margin:0 !important; min-width:0;
}
.nghd.nghd .nghd-nav strong {
  display:block !important; color:#fff !important; font-size:26px !important;
  font-weight:700 !important; line-height:1.3 !important; margin:0 !important;
}
.nghd.nghd .nghd-nav small {
  display:block !important; color:#cad7e2 !important; font-size:12px !important;
  line-height:1.6 !important; margin:0 0 20px !important;
}
.nghd.nghd a,.nghd-gate.nghd-gate a {text-decoration:none !important; box-shadow:none !important;}
.nghd.nghd .nghd-nav a {
  display:block !important; width:100%; color:#edf4f8 !important; font-size:14px !important;
  font-weight:400 !important; line-height:1.5 !important; padding:9px 12px !important;
  border:0 !important; border-radius:6px !important; margin:0 !important; overflow-wrap:break-word;
}
.nghd.nghd .nghd-nav a:hover,.nghd.nghd .nghd-nav a:focus-visible {background:#2b4c61 !important;}
.nghd.nghd .nghd-main {min-width:0; padding:25px !important; margin:0 !important; display:grid !important; gap:20px !important;}
.nghd.nghd .nghd-header {
  display:flex !important; justify-content:space-between !important; align-items:center !important;
  gap:15px !important; flex-wrap:wrap !important; margin:0 !important; padding:0 !important;
}
.nghd.nghd h1,.nghd.nghd h2,.nghd-gate.nghd-gate h2 {
  color:var(--nghd-ink) !important; font-style:normal !important; font-weight:600 !important;
  text-align:left !important; line-height:1.3 !important; padding:0 !important;
}
.nghd.nghd h1 {font-size:27px !important; margin:6px 0 0 !important;}
.nghd.nghd h2,.nghd-gate.nghd-gate h2 {font-size:19px !important; margin:0 0 18px !important;}
.nghd.nghd p,.nghd-gate.nghd-gate p {
  margin:8px 0 !important; padding:0 !important; color:var(--nghd-muted) !important;
  font-size:13px !important; line-height:1.6 !important;
}
.nghd.nghd .nghd-header small {font-size:12px !important; color:var(--nghd-muted) !important;}
.nghd.nghd .nghd-header form {
  display:flex !important; flex-direction:row !important; gap:8px !important; align-items:flex-end !important;
  flex-wrap:wrap !important; margin:0 !important; padding:0 !important; width:auto !important;
}
.nghd.nghd .nghd-header label {
  display:flex !important; flex-direction:column !important; gap:5px !important; margin:0 !important;
  font-size:12px !important; font-weight:400 !important; color:var(--nghd-muted) !important;
}
.nghd.nghd select,.nghd.nghd button {
  min-height:40px; padding:9px 12px !important; border:1px solid var(--nghd-line) !important;
  border-radius:6px !important; font-size:13px !important; font-weight:400 !important;
  line-height:1.4 !important; letter-spacing:normal !important; margin:0 !important;
}
.nghd.nghd select {width:160px !important; max-width:100%; background:#fff !important; color:var(--nghd-ink) !important; appearance:auto;}
.nghd.nghd button,.nghd.nghd .nghd-primary {background:var(--nghd-accent) !important; color:#fff !important; cursor:pointer;}
.nghd.nghd button {width:auto !important; box-shadow:none !important;}
.nghd.nghd button:hover,.nghd.nghd .nghd-primary:hover {background:#0c5140 !important;}
.nghd.nghd .nghd-panel {
  background:#fff !important; border:1px solid var(--nghd-line) !important; border-radius:9px !important;
  padding:20px !important; margin:0 !important; scroll-margin-top:45px; min-width:0;
}
.nghd.nghd .nghd-cards {display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; margin:0 !important;}
.nghd.nghd .nghd-card {
  border:1px solid var(--nghd-line) !important; background:#fff !important; border-radius:8px !important;
  padding:16px !important; display:flex !important; flex-direction:column !important; gap:8px !important;
  margin:0 !important; min-width:0; align-items:flex-start !important;
}
.nghd.nghd .nghd-card span {display:block !important; font-size:13px !important; line-height:1.5 !important; color:var(--nghd-muted) !important;}
.nghd.nghd .nghd-card strong {
  display:block !important; font-size:26px !important; font-weight:700 !important; line-height:1.3 !important;
  color:var(--nghd-ink) !important; overflow-wrap:anywhere; font-variant-numeric:tabular-nums;
}
.nghd.nghd .nghd-actions {display:flex !important; gap:9px !important; flex-wrap:wrap !important; margin:18px 0 0 !important;}
.nghd.nghd .nghd-actions a,.nghd.nghd .nghd-primary {
  display:inline-flex !important; align-items:center; padding:9px 14px !important;
  border:1px solid var(--nghd-line) !important; border-radius:6px !important;
  font-size:13px !important; line-height:1.5 !important; font-weight:400 !important; margin:0 !important;
}
.nghd.nghd .nghd-actions a {color:var(--nghd-ink) !important; background:#f8fafc !important;}
.nghd.nghd .nghd-actions a:hover {background:#edf3f6 !important;}
.nghd.nghd .nghd-table {max-width:100%; overflow:auto;}
.nghd.nghd table {width:100% !important; border-collapse:collapse !important; border:0 !important; margin:0 !important; font-size:13px !important; white-space:normal;}
.nghd.nghd th,.nghd.nghd td {
  text-align:left !important; padding:12px !important; border:0 !important;
  border-bottom:1px solid var(--nghd-line) !important; min-width:110px;
  font-size:13px !important; line-height:1.6 !important; vertical-align:top;
}
.nghd.nghd th {color:var(--nghd-muted) !important; background:#f8fafc !important; font-weight:600 !important;}
.nghd.nghd td {color:var(--nghd-ink) !important; background:#fff !important;}
.nghd.nghd td small {display:block !important; color:var(--nghd-muted) !important; font-size:12px !important;}
.nghd.nghd td a,.nghd.nghd li a {color:var(--nghd-accent) !important;}
.nghd.nghd .nghd-badge {display:inline-block !important; background:#edf3f6 !important; padding:3px 8px !important; border-radius:20px !important; font-size:11px !important;}
.nghd.nghd .nghd-pipeline {display:flex !important; gap:8px !important; flex-wrap:wrap !important; margin:0 0 18px !important;}
.nghd.nghd .nghd-pipeline div {padding:8px 13px !important; background:#f1f5f9 !important; border-radius:6px !important; display:flex !important; gap:10px !important; font-size:12px !important;}
.nghd.nghd .nghd-empty {padding:20px !important; background:#f8fafc !important; border-radius:7px !important;}
.nghd.nghd .nghd-timestamp {font-size:12px !important; margin:0 !important;}
.nghd.nghd ul {margin:8px 0 !important; padding:0 0 0 20px !important; list-style:disc !important;}
.nghd.nghd li {font-size:13px !important; line-height:1.8 !important; color:var(--nghd-ink) !important;}
.nghd-gate.nghd-gate {max-width:600px; background:#fff !important; border:1px solid #dce4ec !important; border-radius:10px !important; padding:30px !important; margin:30px auto !important;}
.nghd-gate.nghd-gate a {color:var(--nghd-accent) !important;}
.nghd.nghd a:focus-visible,.nghd.nghd button:focus-visible,.nghd.nghd select:focus-visible {outline:3px solid #36a68b !important; outline-offset:3px !important;}
@media(max-width:1100px) {
  .nghd.nghd {grid-template-columns:180px minmax(0,1fr) !important;}
  .nghd.nghd .nghd-cards {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .nghd.nghd .nghd-main {padding:16px !important;}
}
@media(max-width:700px) {
  .nghd.nghd {display:block !important; border-radius:8px !important;}
  .nghd.nghd .nghd-nav {position:static; flex-direction:row !important; flex-wrap:wrap !important; padding:15px !important; gap:4px !important;}
  .nghd.nghd .nghd-nav strong {width:100%; font-size:20px !important;}
  .nghd.nghd .nghd-nav small {display:none !important;}
  .nghd.nghd .nghd-nav a {width:auto; font-size:12px !important; padding:6px 8px !important;}
  .nghd.nghd .nghd-panel {padding:14px !important;}
  .nghd.nghd h1 {font-size:22px !important;}
  .nghd.nghd .nghd-card {padding:12px !important;}
  .nghd.nghd .nghd-card strong {font-size:23px !important;}
}
@media(max-width:380px) {.nghd.nghd .nghd-cards {grid-template-columns:1fr !important;}}
