/* ==========================================================================
   III. TAB-SPECIFIC STYLES
   ========================================================================== */

/* ==========================================================================
   MODIFY ASSUMPTIONS TAB (`#assumptionsTab`)
   ========================================================================== */

/* The `#assumptionsTab` itself is a `.tab-content` div,
   which gets its basic visibility and fade-in animation from Shared Component styles.
   The primary content within this tab is structured using the
   `.assumptions-editor` and its child components (`.assumptions-grid`, `.assumption-item`),
   and the `#recalculateBtn`. These are all defined in Shared Component Styles
   because they form a cohesive, potentially reusable component group for editing assumptions.
*/

/* Main container for the assumptions editor content within the tab */
/* If #assumptionsTab has a direct child card:
   #assumptionsTab > .card {
     // Specific overrides for the card in this tab, if any.
   }
*/

/* The `#assumptionsGrid` ID is used in the HTML, and it's styled by
   the shared `.assumptions-grid` class.
   #assumptionsGrid {
     // Specific overrides for this particular grid instance, if any.
     // Example: border: 1px solid var(--ms-data-green); // Mindstate: Data green accent border
   }
*/

/*
  Reminder: The following shared component styles are heavily used in this tab:
  - `.assumptions-editor`
  - `.assumptions-grid` (which styles the element with ID `assumptionsGrid`)
  - `.assumption-item` (and its :hover state, label, input, input:focus styles)
  - `.hint` (for text below input fields)
  - `#recalculateBtn` (and its :hover, :active, ::after pseudo-element styles)

  These styles are defined in the "Shared Component Styles" section
  because they are designed to be reusable.
*/

/* If there were any unique elements *only* found inside the #assumptionsTab
   and not part of the .assumptions-editor component or the #recalculateBtn,
   their styles would go here.

   For example, if you had a specific introductory paragraph for this tab:
   #assumptionsTab .introduction-paragraph {
     color: var(--ms-dark-gray);         /* Mindstate: Dark gray for body text */
     font-style: italic;
     margin-bottom: var(--spacing-lg);
     letter-spacing: -0.02em;            /* Mindstate: Tighter letter spacing */
   }
   (This is a hypothetical example, as no such unique elements are in the current HTML/CSS)
*/