/*
 * PHP single-tool.php renders the full-width page header (title, badge, icon).
 * We suppress ONLY the duplicate content inside the JS tool header (badge, h2, p),
 * but keep .nc-tool-tabs visible — they hold functional tab navigation.
 * Legacy full-hide rules removed to prevent tabs disappearing.
 */

/* Strip the dark header bg — it's a duplicate of the PHP page header above */
.nc-tool-wrap > .nc-tool-header {
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
}
.nc-tool-wrap > .nc-tool-header::after { display: none !important; }

/* Hide the duplicate badge, title, subtitle — PHP already shows these */
.nc-tool-wrap > .nc-tool-header > .nc-tool-badge { display: none !important; }
.nc-tool-wrap > .nc-tool-header > h2           { display: none !important; }
.nc-tool-wrap > .nc-tool-header > p            { display: none !important; }

/* Re-surface the tab row in its new light-bg context */
.nc-tool-wrap > .nc-tool-header > .nc-tool-tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
    padding: 14px 32px !important;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

/* Tools with NO tabs — header collapses completely (no empty space) */
.nc-tool-wrap > .nc-tool-header:not(:has(.nc-tool-tabs)) {
    display: none !important;
}

/* NawaCareer Tool Design System — upload to /assets/css/tools-base.css */

.nc-tool-wrap{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#1e293b;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;display:block!important;box-sizing:border-box}

/* HEADER */
.nc-tool-header{background:linear-gradient(135deg,#020617 0%,#0f2744 60%,#1e3a5f 100%)!important;padding:28px 32px 24px!important;position:relative!important;overflow:hidden!important;display:block!important;box-sizing:border-box!important}
.nc-tool-header::after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.12),transparent 70%);top:-70px;right:-70px;pointer-events:none;z-index:0}
.nc-tool-header>*{display:block!important;float:none!important;width:auto!important;max-width:100%!important;flex:none!important;grid-column:auto!important;position:relative;z-index:1}
.nc-tool-badge{display:inline-flex!important;align-items:center;gap:6px;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.3);color:#93c5fd!important;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin:0 0 12px!important;line-height:1.4;white-space:nowrap}
.nc-tool-header h2{font-size:24px!important;font-weight:900!important;color:#fff!important;margin:0 0 6px!important;padding:0!important;letter-spacing:-.02em;line-height:1.2!important;border:none!important;background:none!important;text-shadow:none}
.nc-tool-header p{color:rgba(255,255,255,.55)!important;font-size:13px!important;margin:0!important;padding:0!important;line-height:1.5!important;background:none!important;border:none!important}

/* TABS */
.nc-tool-tabs{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;margin-top:16px!important;align-items:center}
.nc-tool-tab{padding:7px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid #d0e3f8;color:#4a7aad;background:#EEF4FD;transition:all .2s;font-family:inherit;line-height:1}
.nc-tool-tab:hover{border-color:#0A66C2;color:#0A66C2;background:#dbeafe}
.nc-tool-tab.on{background:#0A66C2;border-color:#0A66C2;color:#fff}

/* INPUTS */
.nc-tool-inputs{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.nc-tool-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nc-tool-fw{grid-column:1/-1}
.nc-tool-field{display:flex;flex-direction:column;gap:5px}
.nc-tool-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.nc-tool-hint{font-size:11px;color:#94a3b8;margin-top:2px}

/* PKR input row */
.nc-tool-irow{display:flex!important;flex-direction:row!important;align-items:stretch!important;flex-wrap:nowrap!important;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff;transition:border .2s,box-shadow .2s;padding:0!important;gap:0!important}
.nc-tool-irow:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.nc-tool-cur{display:flex!important;flex:0 0 auto!important;align-items:center!important;padding:0 12px!important;background:#f1f5f9!important;font-size:12px!important;font-weight:700!important;color:#64748b!important;border-right:1px solid #e2e8f0!important;border-left:none!important;border-top:none!important;border-bottom:none!important;white-space:nowrap;width:auto!important;position:static!important;min-width:0}
.nc-tool-input-text{flex:1 1 auto!important;display:block!important;padding:12px 14px!important;border:none!important;outline:none!important;font-size:15px!important;font-weight:600!important;color:#0f172a!important;background:transparent!important;min-width:0;font-family:inherit;box-shadow:none!important;margin:0!important;position:static!important;width:auto!important}

/* Plain inputs */
.nc-tool-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;color:#0f172a;background:#fff;outline:none;transition:border .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}
.nc-tool-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.nc-tool-select{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;outline:none;cursor:pointer;transition:border .2s;box-sizing:border-box;font-family:inherit}
.nc-tool-select:focus{border-color:#2563eb}
.nc-tool-range{-webkit-appearance:none;width:100%;height:5px;border-radius:3px;outline:none;cursor:pointer;margin-top:10px;background:linear-gradient(to right,#2563eb var(--p,0%),#e2e8f0 var(--p,0%))}
.nc-tool-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 2px 8px rgba(37,99,235,.35);cursor:pointer}
.nc-tool-range-labels{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;margin-top:5px}
.nc-tool-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;width:100%;font-family:inherit;letter-spacing:.01em}
.nc-tool-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.3)}
.nc-tool-btn:active{transform:translateY(0)}

/* HERO */
.nc-tool-hero{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid #f1f5f9}
.nc-tool-hero-cell{padding:22px 20px;text-align:center;border-right:1px solid #f1f5f9}
.nc-tool-hero-cell:last-child{border-right:none}
.nc-tool-hero-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-weight:600}
.nc-tool-hero-value{font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.nc-tool-hero-sub{font-size:11px;color:#94a3b8;margin-top:5px}
.nc-v-green{color:#16a34a}.nc-v-red{color:#dc2626}.nc-v-blue{color:#2563eb}.nc-v-amber{color:#d97706}.nc-v-purple{color:#7c3aed}

/* SECTION */
.nc-tool-section{padding:22px 32px;border-bottom:1px solid #f1f5f9}
.nc-tool-section.bg-light{background:#fafafa}
.nc-tool-section.bg-yellow{background:#fffbeb}
.nc-tool-section.bg-green{background:#f0fdf4}
.nc-tool-section.bg-blue{background:#eff6ff}
.nc-tool-section-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:4px}
.nc-tool-section-desc{font-size:13px;color:#64748b;margin-bottom:16px;line-height:1.5}

/* CARDS */
.nc-tool-cards{display:grid;gap:12px}
.nc-tool-cards-2{grid-template-columns:1fr 1fr}
.nc-tool-cards-3{grid-template-columns:repeat(3,1fr)}
.nc-tool-cards-4{grid-template-columns:repeat(4,1fr)}
.nc-tool-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:16px}
.nc-tool-card-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:8px}
.nc-tool-card-value{font-size:18px;font-weight:800;color:#0f172a;line-height:1.1}
.nc-tool-card-sub{font-size:11px;color:#94a3b8;margin-top:5px;line-height:1.4}
.nc-tool-card.green{background:#f0fdf4;border-color:#bbf7d0}
.nc-tool-card.green .nc-tool-card-label{color:#166534}.nc-tool-card.green .nc-tool-card-value{color:#065f46}.nc-tool-card.green .nc-tool-card-sub{color:#166534}
.nc-tool-card.red{background:#fef2f2;border-color:#fecaca}
.nc-tool-card.red .nc-tool-card-label{color:#991b1b}.nc-tool-card.red .nc-tool-card-value{color:#7f1d1d}.nc-tool-card.red .nc-tool-card-sub{color:#991b1b}
.nc-tool-card.blue{background:#eff6ff;border-color:#bfdbfe}
.nc-tool-card.blue .nc-tool-card-label{color:#1d4ed8}.nc-tool-card.blue .nc-tool-card-value{color:#1e40af}.nc-tool-card.blue .nc-tool-card-sub{color:#1d4ed8}
.nc-tool-card.amber{background:#fffbeb;border-color:#fde68a}
.nc-tool-card.amber .nc-tool-card-label{color:#92400e}.nc-tool-card.amber .nc-tool-card-value{color:#78350f}.nc-tool-card.amber .nc-tool-card-sub{color:#92400e}
.nc-tool-card.purple{background:#faf5ff;border-color:#e9d5ff}
.nc-tool-card.purple .nc-tool-card-label{color:#6d28d9}.nc-tool-card.purple .nc-tool-card-value{color:#4c1d95}.nc-tool-card.purple .nc-tool-card-sub{color:#6d28d9}

/* BARS */
.nc-tool-bar-row{margin-bottom:14px}
.nc-tool-bar-top{display:flex;justify-content:space-between;font-size:13px;color:#475569;margin-bottom:5px}
.nc-tool-bar-top b{color:#0f172a}
.nc-tool-bar-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}
.nc-tool-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}

/* VIZ */
.nc-tool-viz{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid #f1f5f9}
.nc-tool-donut-col{background:#f8fafc;padding:22px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #f1f5f9}
.nc-tool-donut-title{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}
.nc-tool-legend{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:6px}
.nc-tool-legend-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}
.nc-tool-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.nc-tool-viz-bars{padding:22px 24px}
.nc-tool-viz-bars-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:16px}

/* TABLE */
.nc-tool-table{width:100%;border-collapse:collapse;font-size:12px}
.nc-tool-table th{padding:9px 12px;background:#f1f5f9;color:#64748b;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left}
.nc-tool-table td{padding:10px 12px;border-bottom:1px solid #f8fafc;color:#475569}
.nc-tool-table tr.highlight td{background:#eff6ff;font-weight:700;color:#1d4ed8}
.nc-tool-table tr.total td{background:#004182;color:#fff;font-weight:700}

/* ALERT */
.nc-tool-alert{padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.65}
.nc-tool-alert.blue{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}
.nc-tool-alert.yellow{background:#fef3c7;border:1px solid #fde68a;color:#92400e}
.nc-tool-alert.green{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}
.nc-tool-alert.red{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}

/* TIP */
.nc-tool-tip{display:flex;gap:12px;padding:13px;background:#f8fafc;border-radius:10px;margin-bottom:8px;align-items:flex-start;border:1px solid #f1f5f9}
.nc-tool-tip-icon{font-size:20px;flex-shrink:0;margin-top:1px;line-height:1}
.nc-tool-tip-text{font-size:13px;color:#475569;line-height:1.65}
.nc-tool-tip-text b{color:#0f172a}

/* PROGRESS */
.nc-tool-progress{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin-top:10px}
.nc-tool-progress-fill{height:100%;border-radius:5px;transition:width .9s ease}

/* VERDICT */
.nc-tool-verdict{border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}
.nc-tool-verdict-icon{font-size:2.5rem;margin-bottom:8px}
.nc-tool-verdict-title{font-size:18px;font-weight:800;margin-bottom:6px}
.nc-tool-verdict-sub{font-size:13px;opacity:.8}
.nc-tool-verdict.pass{background:#f0fdf4;border:2px solid #86efac}
.nc-tool-verdict.pass .nc-tool-verdict-title{color:#065f46}
.nc-tool-verdict.fail{background:#fef2f2;border:2px solid #fca5a5}
.nc-tool-verdict.fail .nc-tool-verdict-title{color:#7f1d1d}
.nc-tool-verdict.warn{background:#fffbeb;border:2px solid #fde68a}
.nc-tool-verdict.warn .nc-tool-verdict-title{color:#78350f}

/* DARK BAND */
.nc-tool-dark-band{background:#EEF4FD;border-bottom:1px solid #d0e3f8;padding:22px 32px}
.nc-tool-dark-label{font-size:10px;font-weight:700;color:#5a7ea8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.nc-tool-dark-grid{display:grid;gap:1px;background:#d0e3f8;border-radius:12px;overflow:hidden}
.nc-tool-dark-cell{background:#fff;padding:18px 16px;text-align:center}
.nc-tool-dark-who{font-size:10px;color:#7a9abf;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-weight:600}
.nc-tool-dark-amt{font-size:22px;font-weight:900;line-height:1;margin-bottom:6px}
.nc-tool-dark-sub{font-size:11px;color:#94a3b8}
.nc-tool-dark-bar{height:4px;border-radius:2px;margin-top:12px;transition:width .8s ease}
.nc-tool-dark-total{margin-top:14px;background:#EEF4FD;border:1px solid #d0e3f8;border-radius:10px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.nc-tool-dark-total-label{font-size:13px;color:#5a7ea8}
.nc-tool-dark-total-value{font-size:18px;font-weight:900;color:#004182}
.nc-tool-dark-fact{margin-top:12px;background:#fff8e6;border:1px solid #f5d87a;border-radius:10px;padding:12px 16px;font-size:13px;color:#7a5c00;line-height:1.65}

/* NOTE */
.nc-tool-note{padding:14px 32px 20px;font-size:11px;color:#94a3b8;line-height:1.7;border-top:1px solid #f1f5f9}

/* TAX SLAB ROWS — used by income-tax-calculator + salary-calculator */
.itc-sr{display:grid;grid-template-columns:1fr 56px 88px 1fr;gap:12px;align-items:center;padding:10px 14px;border-radius:10px;margin-bottom:4px}
.itc-sr.on{background:#eff6ff;border:1.5px solid #bfdbfe}
.itc-sr:not(.on){background:#f8fafc;border:1.5px solid transparent}
.itc-sr-lbl{font-size:12px;color:#475569}
.itc-sr-rate{font-size:14px;font-weight:800;color:#0f172a;text-align:center}
.itc-sr-bw{background:#e2e8f0;border-radius:4px;height:7px;overflow:hidden}
.itc-sr-bf{height:100%;border-radius:4px}

/* RESPONSIVE */
@media(max-width:640px){
    .nc-tool-grid2{grid-template-columns:1fr}
    .nc-tool-fw{grid-column:1}
    .nc-tool-hero{grid-template-columns:1fr}
    .nc-tool-cards-3{grid-template-columns:1fr 1fr}
    .nc-tool-cards-4{grid-template-columns:1fr 1fr}
    .nc-tool-viz{grid-template-columns:1fr}
    .nc-tool-dark-grid{grid-template-columns:1fr}
    .nc-tool-inputs,.nc-tool-section,.nc-tool-dark-band,.nc-tool-note{padding-left:16px;padding-right:16px}
    .nc-tool-wrap > .nc-tool-header > .nc-tool-tabs{padding-left:16px !important;padding-right:16px !important}
    .nc-tp-tool-shell .nc-tool-wrap{border-radius:12px}
    .itc-sr{grid-template-columns:1fr 56px}
    .itc-sr-bw{display:none}
}