/* Nigeria 2026 Tax Calculator — Nigeria-inspired UI */
:root{
  --ng-green:#0b8f3c;
  --ng-green2:#066b2e;
  --ng-gold:#f4b400;
  --ng-bg:#071014;
  --ng-card:rgba(255,255,255,.10);
  --ng-card2:rgba(255,255,255,.16);
  --ng-text:rgba(255,255,255,.95);
  --ng-muted:rgba(255,255,255,.76);
  --ng-border:rgba(255,255,255,.18);
  --ng-shadow:0 18px 60px rgba(0,0,0,.45);
  --r:20px;
  --r2:14px;
  --font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
@media (prefers-color-scheme: light){
  :root{
    --ng-bg:#f6fbf7;
    --ng-card:rgba(255,255,255,.90);
    --ng-card2:rgba(11,143,60,.06);
    --ng-text:rgba(8,16,20,.94);
    --ng-muted:rgba(8,16,20,.66);
    --ng-border:rgba(8,16,20,.12);
    --ng-shadow:0 16px 44px rgba(12,28,20,.12);
  }
}

.ngtax2026{
  font-family:var(--font);
  color:var(--ng-text);
  border:1px solid var(--ng-border);
  border-radius:var(--r);
  overflow:hidden;
  box-shadow:var(--ng-shadow);
  background:
    radial-gradient(900px 560px at 12% 0%, rgba(11,143,60,.35), transparent 60%),
    radial-gradient(700px 520px at 95% 10%, rgba(244,180,0,.18), transparent 55%),
    linear-gradient(180deg,var(--ng-bg),var(--ng-bg));
}

.ngtax2026__hero{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:18px 18px 12px;}
.ngtax2026__heroText{min-width:0;}
.ngtax2026__title{margin:0 0 6px;font-size:clamp(18px,2.4vw,28px);letter-spacing:-.02em;font-weight:900;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25);} 
@media (prefers-color-scheme: light){.ngtax2026__title{color:rgba(8,16,20,.95);text-shadow:none;}}
.ngtax2026__subtitle{margin:0;color:var(--ng-muted);font-size:13px;line-height:1.5;max-width:72ch;}
.ngtax2026__flag{width:82px;height:40px;border-radius:12px;border:1px solid var(--ng-border);background:linear-gradient(90deg,var(--ng-green) 0 33.33%,#fff 33.33% 66.66%,var(--ng-green) 66.66%);box-shadow:0 10px 22px rgba(0,0,0,.20);flex:0 0 auto;}
@media (max-width:640px){.ngtax2026__hero{flex-direction:column;}.ngtax2026__flag{width:70px;height:36px;}}

.ngtax2026__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;padding:0 18px 18px;}
@media (max-width:980px){.ngtax2026__grid{grid-template-columns:1fr;}}

.ngtax2026__card{background:var(--ng-card);border:1px solid var(--ng-border);border-radius:var(--r);padding:14px;}
.ngtax2026__card--results{background:linear-gradient(180deg,var(--ng-card),var(--ng-card2));}
.ngtax2026__cardHead h3{margin:0;font-size:16px;letter-spacing:-.01em;font-weight:900;color:#fff;}
@media (prefers-color-scheme: light){.ngtax2026__cardHead h3{color:rgba(8,16,20,.95);}}
.ngtax2026__cardHead p{margin:6px 0 0;color:var(--ng-muted);font-size:13px;line-height:1.45;}

.ngtax2026__form{margin-top:12px;}
.ngtax2026__field{margin-bottom:12px;}
.ngtax2026__field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;color:#fff;}
@media (prefers-color-scheme: light){.ngtax2026__field label{color:rgba(8,16,20,.92);}}
.ngtax2026__help{margin-top:6px;color:var(--ng-muted);font-size:12px;}

.ngtax2026__input{display:flex;align-items:center;border:1px solid var(--ng-border);border-radius:var(--r2);background:rgba(0,0,0,.16);overflow:hidden;}
@media (prefers-color-scheme: light){.ngtax2026__input{background:rgba(255,255,255,.65);}}
.ngtax2026__prefix{padding:11px 12px;border-right:1px solid var(--ng-border);color:rgba(255,255,255,.88);font-weight:900;}
@media (prefers-color-scheme: light){.ngtax2026__prefix{color:rgba(8,16,20,.7);}}
.ngtax2026__input input{width:100%;padding:12px;border:0;outline:none;background:transparent;color:#fff;font-size:14px;font-weight:800;}
@media (prefers-color-scheme: light){.ngtax2026__input input{color:rgba(8,16,20,.92);}}
.ngtax2026__input input::placeholder{color:rgba(255,255,255,.55);} 
@media (prefers-color-scheme: light){.ngtax2026__input input::placeholder{color:rgba(8,16,20,.4);}}

.ngtax2026__twoCol{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media (max-width:700px){.ngtax2026__twoCol{grid-template-columns:1fr;}}

.ngtax2026__divider{height:1px;background:var(--ng-border);margin:14px 0;}
.ngtax2026__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}

.ngtax2026__btn{appearance:none;border:1px solid var(--ng-border);background:rgba(255,255,255,.06);color:var(--ng-text);padding:12px 14px;border-radius:14px;font-weight:900;cursor:pointer;transition:transform .08s ease,filter .12s ease;}
.ngtax2026__btn:hover{transform:translateY(-1px);filter:brightness(1.05);} 
.ngtax2026__btn:active{transform:translateY(0);} 
.ngtax2026__btn--primary{border-color:rgba(11,143,60,.65);background:linear-gradient(180deg,rgba(11,143,60,.26),rgba(11,143,60,.12));box-shadow:0 10px 24px rgba(11,143,60,.18);} 

.ngtax2026__alert{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(244,180,0,.55);background:rgba(244,180,0,.14);font-weight:850;}
.ngtax2026__alert--danger{border-color:rgba(255,107,107,.55);background:rgba(255,107,107,.14);} 

.ngtax2026__section{border:1px solid var(--ng-border);border-radius:var(--r2);padding:12px;margin-bottom:10px;background:rgba(255,255,255,.05);} 
.ngtax2026__sectionTitle{font-weight:950;letter-spacing:-.01em;margin-bottom:10px;} 
.ngtax2026__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.16);font-size:13px;} 
@media (prefers-color-scheme: light){.ngtax2026__row{border-bottom-color:rgba(8,16,20,.12);}}
.ngtax2026__row:last-child{border-bottom:0;} 
.ngtax2026__row b{font-weight:950;} 

.ngtax2026__note{color:var(--ng-muted);font-size:12px;line-height:1.45;margin-top:8px;} 

@media print{
  body *{visibility:hidden !important;}
  [data-ngtax-print], [data-ngtax-print] *{visibility:visible !important;}
  [data-ngtax-print]{display:block !important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;padding:18px;}
}
