/**
 * Form typography for TargoLegal calculator & toolkit pages.
 * Scoped to interactive form areas inside each tool card — not hero/result panels.
 */

:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page,
  .light-theme-page
) {
  --tool-form-label-size: 0.6875rem; /* 11px */
  --tool-form-input-size: 0.75rem;   /* 12px */
  --tool-form-meta-size: 0.6875rem;
}

@media (min-width: 768px) {
  :is(
    .spc-page,
    .bvc-page,
    .fesc-page,
    .gst-calc-page,
    .tds-page,
    .sbrc-page,
    .src-page,
    .sfdc-page,
    .uec-page,
    .cc-page,
    .cnc-page,
    .ifsc-page,
    .hsn-page,
    .pdf-builder-page,
    .inv-gen-page,
    .bss-page,
    .light-theme-page
  ) {
    --tool-form-label-size: 0.75rem;    /* 12px */
    --tool-form-input-size: 0.8125rem;  /* 13px */
    --tool-form-meta-size: 0.71875rem;
  }
}

/* Form regions inside tool cards */
:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) label,
:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) :is(
  .section-label,
  .search-label,
  .holder-head,
  .holder-head span,
  .founder-head,
  .founder-head span,
  .pane-kicker,
  .amount-field > span,
  .rate-label,
  .method-card label,
  .weight-card label,
  .scenario-card label,
  .round-card label,
  .mini-card label,
  .switch-card strong,
  .chart-head strong,
  .chart-head span,
  .items-toolbar .section-label,
  .calculator-head strong,
  .calculator-head span,
  .question-label,
  .option strong,
  .dropzone h3,
  .dropzone p
) {
  font-size: var(--tool-form-label-size) !important;
  line-height: 1.35 !important;
}

/* Helper / card copy inside forms */
:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) :is(
  .switch-card p,
  .search-hint,
  .search-meta,
  .helper-row,
  .formula,
  .formula-box,
  .option .option-desc,
  .question p
) {
  font-size: var(--tool-form-meta-size) !important;
  line-height: 1.4 !important;
}

/* Inputs — includes nested cards, tables, holder rows */
:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
) {
  font-size: var(--tool-form-input-size) !important;
  line-height: 1.4 !important;
}

:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) input::placeholder,
:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) textarea::placeholder {
  font-size: var(--tool-form-input-size) !important;
}

/* Form buttons inside tool form areas */
:is(
  .spc-page,
  .bvc-page,
  .fesc-page,
  .gst-calc-page,
  .tds-page,
  .sbrc-page,
  .src-page,
  .sfdc-page,
  .uec-page,
  .cc-page,
  .cnc-page,
  .ifsc-page,
  .hsn-page,
  .pdf-builder-page,
  .inv-gen-page,
  .bss-page
) .tool :is(
  .input-pane,
  .search-pane,
  .search-area,
  .config,
  .cc-remind,
  .tool-body,
  .calculator,
  .drop-pane
) :is(
  .small-btn,
  .rate-btn,
  .quick-amounts button,
  .toggle,
  .filter,
  .search-btn,
  .check-btn,
  .cc-remind-form button
) {
  font-size: var(--tool-form-input-size) !important;
}

/* HSN GST calculator in detail pane */
.hsn-page .detail-pane .calculator label,
.hsn-page .detail-pane .calculator .calculator-head strong,
.hsn-page .detail-pane .calculator .calculator-head span {
  font-size: var(--tool-form-label-size) !important;
}

.hsn-page .detail-pane .calculator :is(input, select, textarea),
.hsn-page .detail-pane .calculator input::placeholder {
  font-size: var(--tool-form-input-size) !important;
}

/* Legacy toolkit forms */
.light-theme-page .tools-input,
.light-theme-page .tools-input--light,
.light-theme-page .form-control,
.light-theme-page .table-input,
.light-theme-page .monthly-table input,
.light-theme-page .monthly-table .tools-input,
.light-theme-page .monthly-table .tools-input--light {
  font-size: var(--tool-form-input-size) !important;
  line-height: 1.4 !important;
}

.light-theme-page .tools-input::placeholder,
.light-theme-page .tools-input--light::placeholder,
.light-theme-page .form-control::placeholder,
.light-theme-page .monthly-table input::placeholder {
  font-size: var(--tool-form-input-size) !important;
}

.light-theme-page .form-label,
.light-theme-page label.tools-label,
.light-theme-page .tools-field-label {
  font-size: var(--tool-form-label-size) !important;
  line-height: 1.35 !important;
}