/* NexaGulf: a light, scoped interface with the supplied logo green. */
.ng-gcc {
  --ng-accent:#2fc992; --ng-on-accent:#10251d;
  --ng-ink:#202d27; --ng-muted:#59665f; --ng-line:#dce4df; --ng-wash:#f6f8f7;
  color-scheme:only light!important;
  color:var(--ng-ink)!important; background:#fff!important;
  font-family:"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.55;
  width:100%; max-width:1200px; min-width:0; margin:28px auto; padding:36px;
  border:1px solid var(--ng-line); border-top:4px solid var(--ng-accent);
  border-radius:6px; box-shadow:none; isolation:isolate;
  container:nexagulf / inline-size; box-sizing:border-box;
}
.ng-gcc *,.ng-gcc *::before,.ng-gcc *::after {box-sizing:border-box}
.ng-gcc [hidden] {display:none!important}
.ng-gcc :is(h2,h3,h4,h5,p,form,aside,fieldset) {margin:0}
.ng-gcc .ng-mount :is(button,input,select,option) {
  color-scheme:only light!important; font:inherit; letter-spacing:normal; text-transform:none;
  background-image:none!important; box-shadow:none!important; text-shadow:none!important; filter:none;
}
.ng-gcc .ng-head {margin-bottom:28px}
.ng-gcc .ng-brand {display:flex; align-items:center; gap:10px; color:var(--ng-ink); font-size:15px; font-weight:700}
.ng-gcc .ng-brand img {display:block; width:30px; height:30px; object-fit:contain; flex-shrink:0; margin:0; border:0}
.ng-gcc .ng-title {color:var(--ng-ink); font-size:clamp(26px,3vw,34px); line-height:1.2; font-weight:700; letter-spacing:-.65px; margin:18px 0 12px; overflow-wrap:anywhere}
.ng-gcc .ng-subheading,.ng-gcc .ng-entry-title {font-size:21px; line-height:1.35; font-weight:700; color:var(--ng-ink); margin:0 0 10px}
.ng-gcc .ng-intro {max-width:790px; color:var(--ng-muted); font-size:16px}
.ng-gcc a {color:#086549; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere}
.ng-gcc a:hover {color:#124532}
.ng-gcc .ng-tools {display:flex; gap:8px; flex-wrap:wrap; padding:0 0 12px; border-bottom:1px solid var(--ng-line); margin-bottom:28px}
.ng-gcc .ng-mount button {
  appearance:none; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px;
  cursor:pointer; background-color:#fff!important; color:var(--ng-ink)!important; border:1px solid #b8c6bd;
  padding:11px 17px; min-height:44px; max-width:100%; border-radius:4px;
  font-size:14px; line-height:1.4; font-weight:600; white-space:normal;
}
.ng-gcc .ng-mount button::before,.ng-gcc .ng-mount button::after {content:none}
.ng-gcc .ng-mount button:hover {background-color:var(--ng-wash)!important; border-color:#879c8f}
.ng-gcc .ng-mount .ng-tool {background-color:#fff!important; border-color:transparent; padding:11px 16px}
.ng-gcc .ng-mount .ng-tool[aria-pressed=true] {color:#124532!important; border-color:#b8d8c9; background-color:#edf9f3!important; box-shadow:inset 0 -2px var(--ng-accent)!important}
.ng-gcc .ng-mount .ng-primary {background-color:var(--ng-accent)!important; border-color:var(--ng-accent); color:var(--ng-on-accent)!important; font-weight:700}
.ng-gcc .ng-mount .ng-primary:hover {background-color:var(--ng-accent)!important; border-color:var(--ng-ink)}
.ng-gcc :is(button,a,input,select,summary,.ng-table-wrap):focus-visible {outline:3px solid #156449; outline-offset:3px}
.ng-gcc .ng-mount button:disabled {cursor:not-allowed; color:#69766e!important; background-color:#f0f3f1!important; border-color:var(--ng-line); opacity:1}
.ng-gcc .ng-workbench {display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:36px; align-items:start}
.ng-gcc :is(.ng-form,.ng-field,.ng-result,.ng-result-content,.ng-comparison) {min-width:0}
.ng-gcc .ng-fields {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px}
.ng-gcc label {display:block; font-size:14px; font-weight:600; color:var(--ng-ink); line-height:1.45}
.ng-gcc .ng-field label {margin-bottom:8px}
.ng-gcc .ng-mount input:not([type=checkbox]),.ng-gcc .ng-mount select {
  display:block; width:100%; min-width:0; min-height:48px; padding:10px 12px; margin:0;
  border:1px solid #a9b9ae; border-radius:4px; background-color:#fff!important; color:var(--ng-ink)!important;
  font-size:16px; line-height:1.4;
}
.ng-gcc .ng-mount select {padding-inline-end:30px; appearance:auto}
.ng-gcc .ng-mount option {color:var(--ng-ink)!important; background-color:#fff!important}
.ng-gcc input::placeholder {color:#68766d; opacity:1}
.ng-gcc .ng-mount input:disabled,.ng-gcc .ng-mount select:disabled {background-color:#f0f3f1!important; color:#65716b!important; opacity:1; cursor:not-allowed}
.ng-gcc .ng-mount input[aria-invalid=true] {border-color:#a82b23}
.ng-gcc input[type=number] {direction:ltr; text-align:start}
.ng-gcc .ng-wide {grid-column:1/-1}
.ng-gcc .ng-helper {font-size:13px; color:var(--ng-muted); line-height:1.55; margin-top:6px}
.ng-gcc .ng-notice {padding:14px 16px; border-inline-start:3px solid var(--ng-accent); background:var(--ng-wash); color:var(--ng-ink); font-size:14px; margin:22px 0; overflow-wrap:anywhere}
.ng-gcc .ng-error {color:#a02c23; font-size:14px; margin-top:12px; overflow-wrap:anywhere}
.ng-gcc .ng-error:empty {display:none}
.ng-gcc .ng-actions {display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:24px}
.ng-gcc .ng-result {padding:26px; background:#fff!important; border:1px solid var(--ng-line); border-top:4px solid var(--ng-accent); border-radius:4px; margin:0; color:var(--ng-ink)}
.ng-gcc .ng-result-label {color:var(--ng-muted); font-size:14px; font-weight:600}
.ng-gcc .ng-total {font-size:clamp(28px,3vw,36px); font-weight:700; letter-spacing:-.6px; line-height:1.2; margin:12px 0 24px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; color:var(--ng-ink)}
.ng-gcc .ng-total-empty {font-size:27px; letter-spacing:-.4px; margin-bottom:14px}
.ng-gcc .ng-result dl {margin:0; padding:0}
.ng-gcc .ng-result dl>div {display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid var(--ng-line); font-size:14px}
.ng-gcc dt {font-weight:400; color:var(--ng-muted)}
.ng-gcc dd {margin:0; text-align:end; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
.ng-gcc .ng-result .ng-helper {margin-top:20px}
.ng-gcc .ng-export {margin-top:20px; width:100%}
.ng-gcc .ng-footer {border-top:1px solid var(--ng-line); margin-top:32px; padding-top:16px; display:flex; justify-content:space-between; gap:18px; font-size:12px; color:var(--ng-muted)}
.ng-gcc .ng-filters {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0}
.ng-gcc .ng-choices {display:flex; flex-wrap:wrap; gap:12px 24px; padding:0; margin:0 0 20px; border:0; min-width:0}
.ng-gcc .ng-choices legend {font-size:14px; font-weight:600; margin-bottom:12px; color:var(--ng-ink)}
.ng-gcc .ng-choices label {display:flex; align-items:center; gap:8px; min-height:44px}
.ng-gcc input[type=checkbox] {width:18px; height:18px; accent-color:#087450; flex-shrink:0}
.ng-gcc .ng-table-wrap {position:relative; overflow:auto; max-width:100%; border:1px solid var(--ng-line); border-radius:4px}
.ng-gcc table {border-collapse:collapse; width:100%; font-size:14px; margin:0; border:0; background:#fff; color:var(--ng-ink)}
.ng-gcc th,.ng-gcc td {padding:16px; text-align:start; vertical-align:top; border:0; border-bottom:1px solid var(--ng-line); min-width:160px; max-width:320px; white-space:normal; overflow-wrap:anywhere; background:#fff}
.ng-gcc th {background:var(--ng-wash); color:var(--ng-ink); font-weight:600}
.ng-gcc thead th:first-child {min-width:165px}
.ng-gcc tbody th {font-size:13px}
.ng-gcc tr:last-child>* {border-bottom:0}
.ng-gcc .ng-metric {font-size:23px; line-height:1.3; font-weight:700; display:block; margin-bottom:8px}
.ng-gcc .ng-small {font-size:13px; display:block; color:var(--ng-muted); line-height:1.5}
.ng-gcc .ng-table-note {margin:12px 0; color:var(--ng-muted); font-size:13px}
.ng-gcc .ng-count {font-size:13px; color:var(--ng-muted); margin-bottom:18px}
.ng-gcc .ng-update {display:grid; grid-template-columns:135px minmax(0,1fr); gap:24px; border-top:1px solid var(--ng-line); padding:26px 0}
.ng-gcc .ng-update:last-child {padding-bottom:0}
.ng-gcc .ng-update .ng-entry-title {margin:10px 0}
.ng-gcc .ng-update p {font-size:15px; color:var(--ng-muted); max-width:800px}
.ng-gcc .ng-date {font-size:15px; font-weight:600}
.ng-gcc .ng-date-label {font-size:12px; color:var(--ng-muted); margin-top:4px}
.ng-gcc .ng-meta {display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:12px; color:var(--ng-muted)}
.ng-gcc .ng-badge {padding:3px 8px; color:#18533d; background:#edf9f3; font-weight:600; border-radius:2px}
.ng-gcc .ng-update-links {margin-top:15px; display:flex; gap:18px; align-items:center; flex-wrap:wrap; font-size:13px}
.ng-gcc .ng-update-links button {padding:9px 11px; font-size:12px}
.ng-gcc .ng-empty {padding:28px; background:var(--ng-wash); color:var(--ng-ink)}
.ng-gcc details {margin-top:24px; font-size:14px}
.ng-gcc summary {cursor:pointer; font-weight:600; padding:10px 0; color:var(--ng-ink)}
.ng-gcc details p {color:var(--ng-muted); margin-top:8px}
.ng-gcc .ng-reference {margin-top:32px; padding-top:24px; border-top:1px solid var(--ng-line)}
.ng-gcc .ng-reference p {margin:12px 0; color:var(--ng-muted); font-size:14px}
.ng-gcc .ng-reference .ng-table-wrap {margin-top:18px}
.ng-gcc .ng-sr {position:absolute; width:1px; height:1px; overflow:hidden; border:0; padding:0; margin:-1px; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap}
/* The actual widget width matters when it is inside an Elementor column. */
@container nexagulf (max-width:700px) {
  .ng-gcc .ng-workbench {grid-template-columns:1fr; gap:24px}
  .ng-gcc .ng-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ng-gcc .ng-filters>:first-child {grid-column:1/-1}
  .ng-gcc .ng-result {padding:22px}
  .ng-gcc .ng-footer {flex-direction:column; gap:6px}
  .ng-gcc .ng-update {grid-template-columns:1fr; gap:10px}
}
@container nexagulf (max-width:380px) {
  .ng-gcc .ng-fields,.ng-gcc .ng-filters {grid-template-columns:1fr}
  .ng-gcc .ng-tools {gap:4px}
  .ng-gcc .ng-mount .ng-tool {padding:10px; font-size:13px}
  .ng-gcc .ng-total {font-size:28px}
  .ng-gcc .ng-total-empty {font-size:24px}
  .ng-gcc .ng-actions button {flex:1 1 auto}
  .ng-gcc .ng-result dl>div {gap:12px}
}
@media(max-width:760px) {
  .ng-gcc {padding:24px 20px; margin:20px auto}
  .ng-gcc .ng-workbench {grid-template-columns:1fr; gap:24px}
  .ng-gcc .ng-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ng-gcc .ng-filters>:first-child {grid-column:1/-1}
  .ng-gcc .ng-result {padding:22px}
  .ng-gcc .ng-update {grid-template-columns:1fr; gap:10px}
  .ng-gcc .ng-footer {flex-direction:column; gap:6px}
  .ng-gcc .ng-head {margin-bottom:24px}
}
@media(max-width:420px) {
  .ng-gcc {padding:22px 16px}
  .ng-gcc .ng-fields,.ng-gcc .ng-filters {grid-template-columns:1fr}
  .ng-gcc .ng-title {font-size:26px}
  .ng-gcc .ng-actions button {flex:1 1 auto}
  .ng-gcc .ng-choices {gap:4px 16px}
}
@media(prefers-reduced-motion:reduce) {
  .ng-gcc * {scroll-behavior:auto!important; transition:none!important; animation:none!important}
}
@media(forced-colors:active) {
  .ng-gcc .ng-mount .ng-tool[aria-pressed=true] {outline:2px solid Highlight; outline-offset:-2px}
}
@media print {
  .ng-gcc {max-width:none; border:0; margin:0; padding:12px; font-size:12px; container-type:normal}
  .ng-gcc .ng-actions,.ng-gcc .ng-tools,.ng-gcc .ng-filters,.ng-gcc .ng-choices,.ng-gcc .ng-export,.ng-gcc .ng-update-links button {display:none!important}
  .ng-gcc .ng-table-wrap {overflow:visible}
  .ng-gcc th,.ng-gcc td {min-width:0!important; font-size:10px; padding:6px}
  .ng-gcc .ng-update,.ng-gcc .ng-result {break-inside:avoid}
  .ng-gcc .ng-total {font-size:26px}
}