/* ============================================================
   fert-recommender-saas-codex-test-hybrid - shared UI components
   ============================================================ */

   .btn,
   .btn-primary,
   .btn-secondary,
   .btn-success,
   .btn-danger,
   .btn-ghost {
     min-height: var(--button-height);
     padding: var(--button-padding-y) var(--button-padding-x);
     border: 1px solid transparent;
     border-radius: var(--radius-sm);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: var(--space-sm);
     color: inherit;
     cursor: pointer;
     font-size: 14px;
     font-weight: 800;
     line-height: 1;
     text-decoration: none;
     transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
   }

   .btn:hover,
   .btn-primary:hover,
   .btn-secondary:hover,
   .btn-success:hover,
   .btn-danger:hover,
   .btn-ghost:hover {
     transform: translateY(-1px);
   }

   .btn:focus-visible,
   .btn-primary:focus-visible,
   .btn-secondary:focus-visible,
   .btn-success:focus-visible,
   .btn-danger:focus-visible,
   .btn-ghost:focus-visible {
     outline: none;
     box-shadow: var(--focus);
   }

   .btn-primary {
     background: var(--accent);
     color: var(--color-text-action-on-orange);
   }

   .btn-primary:hover {
     background: var(--accent-hover);
   }

   .btn-secondary {
     background: var(--color-surface-card);
     border-color: var(--border-strong);
     color: var(--text);
   }

   .btn-secondary:hover {
     background: var(--input-bg);
   }

   .btn-success {
     background: var(--primary);
     color: var(--color-text-inverse);
   }

   .btn-success:hover {
     background: var(--primary-hover);
   }

   .btn-danger {
     background: var(--color-surface-card);
     border-color: var(--danger);
     color: var(--danger);
   }

   .btn-danger:hover {
     background: var(--danger-soft);
   }

   .btn-ghost {
     background: transparent;
     color: var(--muted-strong);
   }

   .btn-small {
     min-height: var(--button-height-small);
     padding: var(--button-padding-y-small) var(--button-padding-x-small);
     font-size: 12px;
   }

   .btn:disabled,
   .btn-primary:disabled,
   .btn-secondary:disabled,
   .btn-success:disabled,
   .btn-danger:disabled,
   .btn-ghost:disabled {
     opacity: 0.62;
     cursor: not-allowed;
     transform: none;
   }

   .actions {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: wrap;
     gap: var(--mobile-gap);
     margin-top: var(--space-6xl);
   }

   .message {
     display: none;
     margin-bottom: var(--layout-gap-section);
     padding: var(--field-padding-x) 15px;
     border-radius: var(--radius-sm);
     font-size: 14px;
     font-weight: 700;
     line-height: 1.45;
   }

   .message-error {
     background: var(--status-danger-bg);
     border: 1px solid var(--status-danger-border);
     color: var(--status-danger-text);
   }

   .message-success {
     background: var(--status-success-bg);
     border: 1px solid var(--status-success-border);
     color: var(--status-success-text);
   }


   .is-hidden {
     display: none !important;
   }

   .message.is-visible {
     display: block;
   }

   .parameters-success-modal {
     position: fixed;
     inset: 0;
     z-index: 1000;
     padding: var(--shell-page-gutter-mobile);
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(var(--color-shadow-rgb), 0.5);
   }

   .parameters-success-modal.is-hidden {
     display: none !important;
   }

   .parameters-success-modal-card {
     width: min(100%, 420px);
     padding: var(--card-padding-lg);
     display: grid;
     justify-items: center;
     gap: var(--layout-gap-card);
     background: var(--card);
     border: 2px solid var(--primary);
     border-radius: var(--radius-card);
     box-shadow: var(--shadow-card-layered);
     text-align: center;
   }

   .parameters-success-modal-title {
     margin: 0;
     color: var(--text-strong);
     font-size: 22px;
     line-height: 1.2;
     letter-spacing: 0;
   }

   .parameters-success-modal-text {
     margin: 0;
     color: var(--muted-strong);
     font-size: 15px;
     line-height: 1.45;
   }

   .parameters-success-modal-card .parameters-success-modal-button {
     min-width: 120px;
     background: var(--primary);
     border-color: var(--primary);
     border-radius: var(--radius-md);
     color: var(--color-text-inverse);
   }

   .parameters-success-modal-card .parameters-success-modal-button:hover {
     background: var(--primary-hover);
     border-color: var(--primary-hover);
   }

   .parameters-limit-modal .parameters-success-modal-card {
     background: #fff0f3;
     border-color: #efb8c3;
   }

   .parameters-limit-modal .parameters-success-modal-text {
     color: #5c2530;
     font-weight: 600;
   }

   .auth-page {
     margin: 0;
     min-height: 100vh;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--bg);
     color: var(--text);
     font-family: Arial, Helvetica, sans-serif;
   }

   .auth-submit-button {
     width: 100%;
     min-height: 50px;
     padding: 14px 20px;
     margin-top: 8px;
     border: 0;
     font-size: 16px;
     font-weight: 700;
   }

   .auth-link-secondary {
     margin-top: 16px;
   }

   .auth-loading {
     padding: 20px;
     color: var(--muted);
     text-align: center;
   }

   .auth-loading.is-error {
     color: var(--danger-text);
   }

   .divider {
     margin: var(--space-6xl) 0;
     display: flex;
     align-items: center;
     gap: var(--mobile-gap);
     color: var(--muted);
     font-size: 13px;
     font-weight: 700;
   }

   .divider::before,
   .divider::after {
     content: "";
     height: 1px;
     flex: 1;
     background: var(--border);
   }

   .link-text {
     margin-top: var(--layout-gap-section);
     color: var(--muted);
     font-size: 14px;
     text-align: center;
   }

   .link-text a {
     color: var(--primary);
     font-weight: 800;
     text-decoration: none;
   }

   .link-text a:hover {
     text-decoration: underline;
   }

   .logo {
     margin-bottom: var(--hero-padding);
     text-align: center;
   }

   .logo-icon {
     margin-bottom: var(--space-md);
     color: var(--accent);
     font-size: 24px;
     font-weight: 900;
   }

   .logo-title {
     margin: 0;
     color: var(--text-strong);
     font-size: 28px;
     font-weight: 900;
     letter-spacing: 0;
   }

   .logo-subtitle {
     margin: 7px 0 0;
     color: var(--muted);
     font-size: 14px;
   }

   .login-brand-logo {
     margin-bottom: var(--space-6xl);
   }

   .login-brand-logo-image {
     display: block;
     width: min(280px, 86%);
     height: auto;
     margin: 0 auto;
     object-fit: contain;
   }

   .login-container,
   .register-container,
   .container {
     width: 100%;
     max-width: var(--auth-max-width);
   }

   .login-card,
   .register-card,
   .card,
   .auth-card {
     padding: var(--auth-card-padding);
     background: var(--card);
     border: 1px solid var(--border);
     border-radius: var(--radius);
     box-shadow: var(--shadow);
   }

   /* Command shell */
   .command-hero,
   .workbench-hero,
   .form-hero {
     position: relative;
     overflow: hidden;
     padding: var(--hero-padding);
     background: var(--card-strong);
     border: 1px solid var(--color-border-inverse-soft);
     border-radius: var(--radius);
     color: var(--color-text-inverse);
     box-shadow: var(--shadow);
   }

   .command-hero::after,
   .workbench-hero::after,
   .form-hero::after {
     content: none;
   }

   .command-hero-top,
   .workbench-hero-top {
     position: relative;
     z-index: 1;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: var(--main-side-gap);
   }

   .command-title,
   .workbench-title,
   .form-title {
     position: relative;
     z-index: 1;
     margin: 0;
     max-width: 820px;
     font-size: clamp(30px, 4vw, 54px);
     line-height: 1.02;
     letter-spacing: 0;
   }

   .command-subtitle,
   .workbench-subtitle,
   .form-subtitle {
     position: relative;
     z-index: 1;
     max-width: 760px;
     margin: 12px 0 0;
     color: var(--color-text-inverse-muted);
     font-size: 16px;
   }

   .command-meta-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: var(--command-meta-columns);
     gap: var(--space-md);
     margin-top: var(--space-6xl);
   }

   .command-meta-item,
   .summary-pill {
     padding: var(--space-lg);
     background: var(--color-surface-inverse-subtle);
     border: 1px solid var(--color-border-inverse-medium);
     border-radius: var(--radius-sm);
   }

   .command-meta-label,
   .summary-pill-label {
     display: block;
     margin-bottom: 4px;
     color: var(--color-text-inverse-subtle);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.04em;
     text-transform: uppercase;
   }

   .command-meta-value,
   .summary-pill-value {
     display: block;
     color: var(--color-text-inverse);
     font-size: 15px;
     font-weight: 900;
   }

   /* RESULT HERO COLOR CONTROL */
   .agro-app {
     --result-hero-background: var(--card-strong);
     --result-hero-border-color: var(--color-border-inverse-soft);
     --result-hero-title-color: var(--color-text-inverse);
     --result-hero-subtitle-color: var(--color-text-inverse-muted);
     --result-hero-eyebrow-color: var(--accent);
     --result-hero-shadow: var(--shadow);
     --result-hero-accent-ring-color: var(--color-border-accent-translucent);
   }

   .result-hero {
     background: var(--result-hero-background);
     border-color: var(--result-hero-border-color);
     box-shadow: var(--result-hero-shadow);
   }

   .result-hero::after {
     border-color: var(--result-hero-accent-ring-color);
   }

   .result-hero .command-title {
     color: var(--result-hero-title-color);
   }

   .result-hero .command-subtitle {
     color: var(--result-hero-subtitle-color);
   }

   .result-hero .eyebrow {
     color: var(--result-hero-eyebrow-color);
   }

   .result-page .result-hero {
     padding: var(--space-4xl) var(--space-5xl);
   }

   .result-page .result-hero .command-title {
     font-size: clamp(28px, 3vw, 42px);
     line-height: 1;
   }

   .result-page .result-hero .command-subtitle {
     max-width: 720px;
     margin-top: var(--space-sm);
     font-size: 14px;
     line-height: 1.35;
   }

   .result-page .result-hero .command-badge {
     min-height: 24px;
     padding: 5px 9px;
     font-size: 10px;
   }

   /* RESULT HERO META COLOR CONTROL */
   .agro-app {
     --result-hero-meta-background: var(--color-surface-inverse-subtle);
     --result-hero-meta-border-color: var(--color-border-inverse-medium);
     --result-hero-meta-label-color: var(--color-text-inverse-subtle);
     --result-hero-meta-value-color: var(--color-text-inverse);
   }

   .result-hero-meta .command-meta-item {
     background: var(--result-hero-meta-background);
     border-color: var(--result-hero-meta-border-color);
   }

   .result-hero-meta .command-meta-label {
     color: var(--result-hero-meta-label-color);
   }

   .result-hero-meta .command-meta-value {
     color: var(--result-hero-meta-value-color);
   }

   .result-hero-meta {
     grid-template-columns: repeat(6, minmax(120px, 1fr));
   }

   .result-page .result-hero-meta {
     gap: var(--space-sm);
     margin-top: var(--space-xl);
   }

   .result-page .result-hero-meta .command-meta-item {
     padding: var(--space-sm) var(--space-md);
   }

   .result-page .result-hero-meta .command-meta-label {
     margin-bottom: 3px;
     font-size: 10px;
   }

   .result-page .result-hero-meta .command-meta-value {
     font-size: 14px;
     line-height: 1.2;
   }

   /* RESULT META ITEM COLOR CONTROL */
   .agro-app {
     --result-meta-item-background: var(--result-hero-meta-background);
     --result-meta-item-border-color: var(--result-hero-meta-border-color);
     --result-meta-item-label-color: var(--result-hero-meta-label-color);
     --result-meta-item-value-color: var(--result-hero-meta-value-color);
     --result-meta-item-parcel-background: var(--result-meta-item-background);
     --result-meta-item-parcel-border-color: var(--result-meta-item-border-color);
     --result-meta-item-parcel-label-color: var(--result-meta-item-label-color);
     --result-meta-item-parcel-value-color: var(--result-meta-item-value-color);
     --result-meta-item-producer-background: var(--result-meta-item-background);
     --result-meta-item-producer-border-color: var(--result-meta-item-border-color);
     --result-meta-item-producer-label-color: var(--result-meta-item-label-color);
     --result-meta-item-producer-value-color: var(--result-meta-item-value-color);
     --result-meta-item-analysis-date-background: var(--result-meta-item-background);
     --result-meta-item-analysis-date-border-color: var(--result-meta-item-border-color);
     --result-meta-item-analysis-date-label-color: var(--result-meta-item-label-color);
     --result-meta-item-analysis-date-value-color: var(--result-meta-item-value-color);
     --result-meta-item-soil-type-background: var(--result-meta-item-background);
     --result-meta-item-soil-type-border-color: var(--result-meta-item-border-color);
     --result-meta-item-soil-type-label-color: var(--result-meta-item-label-color);
     --result-meta-item-soil-type-value-color: var(--result-meta-item-value-color);
     --result-meta-item-yield-background: var(--result-meta-item-background);
     --result-meta-item-yield-border-color: var(--result-meta-item-border-color);
     --result-meta-item-yield-label-color: var(--result-meta-item-label-color);
     --result-meta-item-yield-value-color: var(--result-meta-item-value-color);
     --result-meta-item-method-background: var(--result-meta-item-background);
     --result-meta-item-method-border-color: var(--result-meta-item-border-color);
     --result-meta-item-method-label-color: var(--result-meta-item-label-color);
     --result-meta-item-method-value-color: var(--result-meta-item-value-color);
   }

   .result-hero-meta .result-meta-item {
     background: var(--result-meta-item-instance-background, var(--result-meta-item-background));
     border-color: var(--result-meta-item-instance-border-color, var(--result-meta-item-border-color));
   }

   .result-hero-meta .result-meta-item .command-meta-label {
     color: var(--result-meta-item-instance-label-color, var(--result-meta-item-label-color));
   }

   .result-hero-meta .result-meta-item .command-meta-value {
     color: var(--result-meta-item-instance-value-color, var(--result-meta-item-value-color));
   }

   .result-hero-meta .result-meta-item--parcel {
     --result-meta-item-instance-background: var(--result-meta-item-parcel-background);
     --result-meta-item-instance-border-color: var(--result-meta-item-parcel-border-color);
     --result-meta-item-instance-label-color: var(--result-meta-item-parcel-label-color);
     --result-meta-item-instance-value-color: var(--result-meta-item-parcel-value-color);
   }

   .result-hero-meta .result-meta-item--producer {
     --result-meta-item-instance-background: var(--result-meta-item-producer-background);
     --result-meta-item-instance-border-color: var(--result-meta-item-producer-border-color);
     --result-meta-item-instance-label-color: var(--result-meta-item-producer-label-color);
     --result-meta-item-instance-value-color: var(--result-meta-item-producer-value-color);
   }

   .result-hero-meta .result-meta-item--analysis-date {
     --result-meta-item-instance-background: var(--result-meta-item-analysis-date-background);
     --result-meta-item-instance-border-color: var(--result-meta-item-analysis-date-border-color);
     --result-meta-item-instance-label-color: var(--result-meta-item-analysis-date-label-color);
     --result-meta-item-instance-value-color: var(--result-meta-item-analysis-date-value-color);
   }

   .result-hero-meta .result-meta-item--soil-type {
     --result-meta-item-instance-background: var(--result-meta-item-soil-type-background);
     --result-meta-item-instance-border-color: var(--result-meta-item-soil-type-border-color);
     --result-meta-item-instance-label-color: var(--result-meta-item-soil-type-label-color);
     --result-meta-item-instance-value-color: var(--result-meta-item-soil-type-value-color);
   }

   .result-hero-meta .result-meta-item--yield {
     --result-meta-item-instance-background: var(--result-meta-item-yield-background);
     --result-meta-item-instance-border-color: var(--result-meta-item-yield-border-color);
     --result-meta-item-instance-label-color: var(--result-meta-item-yield-label-color);
     --result-meta-item-instance-value-color: var(--result-meta-item-yield-value-color);
   }

   .result-hero-meta .result-meta-item--method {
     --result-meta-item-instance-background: var(--result-meta-item-method-background);
     --result-meta-item-instance-border-color: var(--result-meta-item-method-border-color);
     --result-meta-item-instance-label-color: var(--result-meta-item-method-label-color);
     --result-meta-item-instance-value-color: var(--result-meta-item-method-value-color);
   }

   .command-layout {
     display: grid;
     grid-template-columns: var(--command-layout-columns);
     gap: var(--main-side-gap);
     align-items: start;
     margin-top: var(--layout-gap-section);
   }

   .command-layout > *,
   .workbench-grid > *,
   .form-layout > *,
   .analysis-card > *,
   .report-meta-grid > *,
   .report-summary > *,
   .report-notes-grid > * {
     min-width: 0;
   }

   .decision-stack {
     display: grid;
     gap: var(--layout-gap-section);
   }

   .command-card,
   .command-panel,
   .section-card,
   .header-card,
   .form-card,
   .info-section,
   .action-card,
   .analysis-card,
   .empty-state {
     background: var(--card);
     border: 1px solid var(--border);
     border-radius: var(--radius);
     box-shadow: var(--shadow-soft);
   }

   .command-card,
   .command-panel,
   .section-card {
     padding: var(--card-padding-lg);
   }

   .history-archive-panel {
     margin-top: var(--space-3xl);
   }

   .section-title,
   .command-card-title,
   .panel-title {
     margin: 0;
     color: var(--text-strong);
     font-size: 12px;
     line-height: 1;
     letter-spacing: 0;
   }

   .section-subtitle,
   .panel-subtitle {
     margin: 7px 0 0;
     color: var(--muted);
     font-size: 13px;
   }

   .panel-head,
   .command-card-head {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: var(--layout-gap-card);
     margin-bottom: var(--space-2xl);
   }

   /* RESULT STATUS CARD COLOR CONTROL */
   .agro-app {
     --result-status-card-background: var(--card);
     --result-status-card-border-color: var(--border);
     --result-status-card-title-color: var(--text-strong);
     --result-status-card-subtitle-color: var(--muted);
     --result-status-card-text-color: var(--text);
     --result-status-card-eyebrow-color: var(--accent);
   }

   .result-status-card {
     background: var(--result-status-card-background);
     border-color: var(--result-status-card-border-color);
     color: var(--result-status-card-text-color);
   }

   .result-status-card .eyebrow {
     color: var(--result-status-card-eyebrow-color);
   }

   .result-status-card .command-card-title {
     color: var(--result-status-card-title-color);
   }

   .result-status-card .section-subtitle {
     color: var(--result-status-card-subtitle-color);
   }

   .result-status-overview {
     margin-top: var(--layout-gap-card);
     padding: var(--card-padding-md);
   }

   .result-status-overview .command-card-head {
     margin-bottom: var(--space-md);
   }

   .result-status-overview .section-subtitle {
     margin-top: 4px;
   }

   .result-status-overview-grid {
     grid-template-columns: repeat(5, minmax(0, 1fr));
     gap: var(--space-sm);
   }

   .result-status-overview-grid .result-soil-signal {
     min-width: 0;
     gap: var(--space-sm);
     padding: var(--space-sm);
   }

   .result-status-overview-grid .soil-signal-top {
     align-items: flex-start;
     gap: var(--space-xs);
   }

   .result-status-overview-grid .result-soil-signal-name {
     font-size: 11px;
   }

   .result-status-overview-grid .result-soil-signal-value {
     font-size: 16px;
   }

   .result-status-overview-grid .result-soil-signal-unit {
     display: block;
     margin-left: 0;
     margin-top: 1px;
     font-size: 10px;
     line-height: 1.05;
   }

   .result-status-overview-grid .status-chip {
     padding: 4px 7px;
     font-size: 10px;
     line-height: 1;
   }

   .result-status-overview-grid .result-soil-signal-meter {
     height: 5px;
   }

   .result-status-overview-grid .signal-meter-marker {
     top: -4px;
     width: 3px;
     height: 13px;
   }

   .result-status-optional-grid {
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-xs);
     margin-top: var(--space-md);
     padding-top: var(--space-sm);
     border-top: 1px solid var(--border);
   }

   .result-optional-input-pill {
     display: grid;
     grid-template-columns: auto 1fr;
     align-items: center;
     gap: 6px;
     min-width: 145px;
     padding: 7px 9px;
     background: var(--result-secondary-surface);
     border: 1px solid var(--result-secondary-border);
     border-radius: var(--radius-pill);
   }

   .result-optional-input-label {
     color: var(--muted);
     font-size: 11px;
     font-weight: 800;
     line-height: 1.1;
   }

   .result-optional-input-value {
     color: var(--text-strong);
     font-size: 12px;
     font-weight: 900;
     line-height: 1.1;
     text-align: right;
   }

   .result-optional-input-pill.is-missing {
     background: var(--result-muted-surface, var(--surface));
     border-color: var(--border);
   }

   .result-optional-input-pill.is-missing .result-optional-input-value {
     color: var(--muted);
     font-weight: 800;
   }

   /* A+ Agronomist command dashboard */
   .result-command-dashboard {
     display: grid;
     gap: var(--space-xl);
     margin-top: var(--layout-gap-card);
     padding: var(--space-4xl);
     background:
       linear-gradient(135deg, rgba(4, 69, 33, 0.98), rgba(23, 107, 58, 0.94)),
       var(--card-strong);
     border: 1px solid var(--color-border-inverse-soft);
     border-radius: var(--radius);
     box-shadow: var(--shadow-card-layered);
     color: var(--color-text-inverse);
   }

   .result-dashboard-head {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--layout-gap-card);
   }

   .result-dashboard-head .eyebrow,
   .result-dashboard-zone-head .eyebrow {
     margin-bottom: var(--space-xs);
     color: var(--accent);
   }

   .result-dashboard-title {
     margin: 0;
     color: var(--color-text-inverse);
     font-size: 22px;
     line-height: 1.05;
     letter-spacing: 0;
   }

   .result-dashboard-subtitle {
     margin: var(--space-sm) 0 0;
     max-width: 640px;
     color: rgba(255, 255, 255, 0.9);
     font-size: 13px;
   }

   .result-dashboard-pill {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-height: 28px;
     padding: 6px 10px;
     background: var(--accent);
     border-radius: var(--radius-pill);
     color: var(--color-text-action-on-orange);
     font-size: 11px;
     font-weight: 900;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     white-space: nowrap;
   }

   .result-dashboard-grid {
     display: grid;
     grid-template-columns: repeat(12, minmax(0, 1fr));
     gap: var(--space-md);
     align-items: stretch;
     min-width: 0;
   }

   .result-dashboard-zone {
     min-width: 0;
     max-width: 100%;
     box-sizing: border-box;
     padding: var(--space-md);
     background: rgba(255, 255, 255, 0.13);
     border: 1px solid rgba(255, 255, 255, 0.24);
     border-radius: var(--radius-sm);
   }

   .result-dashboard-zone--soil {
     grid-column: 1 / -1;
   }

   .result-dashboard-zone--nutrients {
     grid-column: span 5;
   }

   .result-dashboard-zone--focus {
     grid-column: span 7;
   }

   .result-dashboard-zone-head {
     display: flex;
     align-items: baseline;
     justify-content: space-between;
     gap: var(--space-md);
     margin-bottom: var(--space-sm);
   }

   .result-dashboard-zone-head h3 {
     margin: 0;
     color: var(--color-text-inverse);
     font-size: 13px;
     font-weight: 900;
     line-height: 1.15;
   }

   .result-command-dashboard .result-status-overview-grid {
     grid-template-columns: repeat(5, minmax(0, 1fr));
     gap: var(--space-sm);
   }

   .result-command-dashboard .result-soil-signal {
     gap: var(--space-xs);
     padding: var(--space-sm);
     background: rgba(255, 255, 255, 0.16);
     border-color: rgba(255, 255, 255, 0.28);
   }

   .result-command-dashboard .result-soil-signal .result-soil-signal-name,
   .result-command-dashboard .result-soil-signal .result-soil-signal-unit {
     color: rgba(255, 255, 255, 0.84);
   }

   .result-command-dashboard .result-soil-signal .result-soil-signal-value {
     color: var(--color-text-inverse);
     font-size: 17px;
   }

   .result-command-dashboard .result-soil-signal-meter {
     height: 5px;
   }

   .result-command-dashboard .signal-meter-marker {
     top: -4px;
     width: 3px;
     height: 13px;
     background: var(--color-text-inverse);
   }

   .result-command-dashboard .result-status-optional-grid {
     margin-top: var(--space-sm);
     padding-top: var(--space-sm);
     border-top-color: rgba(255, 255, 255, 0.24);
   }

   .result-command-dashboard .result-optional-input-pill {
     min-width: 0;
     padding: 6px 8px;
     background: rgba(255, 255, 255, 0.15);
     border-color: rgba(255, 255, 255, 0.24);
   }

   .result-command-dashboard .result-optional-input-label {
     color: rgba(255, 255, 255, 0.84);
   }

   .result-command-dashboard .result-optional-input-value {
     color: var(--color-text-inverse);
   }

   .result-command-dashboard .result-optional-input-pill.is-missing .result-optional-input-value {
     color: rgba(255, 255, 255, 0.78);
   }

   .result-nutrient-kpi-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--space-sm);
   }

   .result-nutrient-kpi {
     display: grid;
     grid-template-columns: auto 1fr;
     align-items: baseline;
     gap: 2px var(--space-sm);
     min-width: 0;
     padding: var(--space-md);
     background: var(--color-surface-card);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: var(--radius-sm);
     color: var(--text);
   }

   .result-nutrient-kpi-symbol {
     grid-row: span 2;
     color: var(--accent);
     font-size: 18px;
     font-weight: 900;
     line-height: 1;
   }

   .result-nutrient-kpi-value {
     color: var(--text-strong);
     font-size: 24px;
     font-weight: 900;
     line-height: 0.95;
     font-variant-numeric: tabular-nums;
   }

   .result-nutrient-kpi-unit,
   .result-nutrient-kpi-label {
     color: var(--muted);
     font-size: 10px;
     font-weight: 800;
     line-height: 1.15;
   }

   .result-nutrient-kpi-label {
     grid-column: 1 / -1;
     margin-top: var(--space-xs);
   }

   .result-focus-stack {
     display: grid;
     gap: var(--space-sm);
   }

   .result-focus-problem,
   .result-focus-product {
     display: grid;
     gap: var(--space-xs);
     padding: var(--space-md);
     background: rgba(255, 255, 255, 0.16);
     border: 1px solid rgba(255, 255, 255, 0.26);
     border-radius: var(--radius-sm);
   }

   .result-focus-label {
     color: rgba(255, 255, 255, 0.86);
     font-size: 10px;
     font-weight: 900;
     letter-spacing: 0.06em;
     text-transform: uppercase;
   }

   .result-focus-problem strong,
   .result-focus-product-name {
     color: var(--color-text-inverse);
     font-size: 15px;
     line-height: 1.25;
     overflow-wrap: anywhere;
   }

   .result-focus-problem strong {
     font-size: 13px;
     line-height: 1.35;
     white-space: normal;
   }

   .result-focus-product-dose {
     color: var(--accent);
     font-size: 28px;
     font-weight: 900;
     line-height: 1;
   }

   .result-focus-product-meta {
     color: rgba(255, 255, 255, 0.86);
     font-size: 12px;
     font-weight: 800;
   }

   .result-focus-preview-list {
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-xs);
   }

   .result-focus-preview-chip {
     display: inline-flex;
     max-width: 100%;
     padding: 5px 8px;
     background: rgba(255, 255, 255, 0.15);
     border: 1px solid rgba(255, 255, 255, 0.24);
     border-radius: var(--radius-pill);
     color: rgba(255, 255, 255, 0.86);
     font-size: 11px;
     font-weight: 800;
     overflow-wrap: anywhere;
   }

   .result-page .result-command-dashboard,
   .result-page .result-command-dashboard .result-dashboard-pill,
   .result-page .result-command-dashboard .result-dashboard-zone,
   .result-page .result-command-dashboard .result-soil-signal,
   .result-page .result-command-dashboard .status-chip,
   .result-page .result-command-dashboard .result-soil-signal-meter,
   .result-page .result-command-dashboard .signal-meter-marker,
   .result-page .result-command-dashboard .result-optional-input-pill,
   .result-page .result-command-dashboard .result-nutrient-kpi,
   .result-page .result-command-dashboard .result-focus-problem,
   .result-page .result-command-dashboard .result-focus-product,
   .result-page .result-command-dashboard .result-focus-preview-chip {
     border-radius: 0;
   }

   /* RESULT ACIDITY CARD COLOR CONTROL */
   .agro-app {
     --result-acidity-card-background: var(--card);
     --result-acidity-card-border-color: var(--border);
     --result-acidity-card-title-color: var(--text-strong);
     --result-acidity-card-subtitle-color: var(--muted);
     --result-acidity-card-text-color: var(--text);
     --result-acidity-card-eyebrow-color: var(--accent);
   }

   .result-acidity-card {
     background: var(--result-acidity-card-background);
     border-color: var(--result-acidity-card-border-color);
     color: var(--result-acidity-card-text-color);
   }

   .result-acidity-card .eyebrow {
     color: var(--result-acidity-card-eyebrow-color);
   }

   .result-acidity-card .command-card-title {
     color: var(--result-acidity-card-title-color);
   }

   .result-acidity-card .section-subtitle {
     color: var(--result-acidity-card-subtitle-color);
   }

   /* RESULT NUTRIENT PANEL COLOR CONTROL */
   .agro-app {
     --result-nutrient-panel-background: var(--card);
     --result-nutrient-panel-border-color: var(--border);
     --result-nutrient-panel-title-color: var(--text-strong);
     --result-nutrient-panel-subtitle-color: var(--muted);
     --result-nutrient-panel-text-color: var(--text);
     --result-nutrient-panel-eyebrow-color: var(--accent);
     --result-nutrient-panel-divider-color: var(--result-secondary-border);
   }

   .result-nutrient-panel {
     background: var(--result-nutrient-panel-background);
     border-color: var(--result-nutrient-panel-border-color);
     color: var(--result-nutrient-panel-text-color);
   }

   .result-nutrient-panel .eyebrow {
     color: var(--result-nutrient-panel-eyebrow-color);
   }

   .result-nutrient-panel .panel-title {
     color: var(--result-nutrient-panel-title-color);
   }

   .result-nutrient-panel .panel-subtitle {
     color: var(--result-nutrient-panel-subtitle-color);
   }

   .result-nutrient-panel #nitrogenTimelineSection {
     border-top-color: var(--result-nutrient-panel-divider-color);
   }

   .command-badge,
   .confidence-badge,
   .analysis-badge,
   .role-chip,
   .class-badge,
   .status-chip {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: fit-content;
     min-height: 28px;
     padding: 6px 10px;
     background: var(--status-neutral-bg);
     border: 1px solid var(--status-neutral-border);
     border-radius: var(--radius-pill);
     color: var(--status-neutral-text);
     font-size: 11px;
     font-weight: 900;
     letter-spacing: 0.04em;
     text-transform: uppercase;
   }

   .tone-good,
   .confidence-visoka,
   .badge-visoka,
   .class-optimalan {
     background: var(--status-success-bg);
     border: 1px solid var(--status-success-border-strong);
     color: var(--status-success-text);
   }

   .tone-watch,
   .confidence-srednja,
   .badge-srednja,
   .class-visok {
     background: var(--status-warning-bg);
     border: 1px solid var(--status-warning-border-strong);
     color: var(--status-warning-text);
   }

   .tone-alert,
   .confidence-niska,
   .badge-niska,
   .class-nizak {
     background: var(--status-danger-bg);
     border: 1px solid var(--status-danger-border-strong);
     color: var(--status-danger-text);
   }

   .tone-info {
     background: var(--status-info-bg);
     border: 1px solid var(--status-info-border-strong);
     color: var(--status-info-text);
   }

   .class-nepoznato {
     background: var(--status-neutral-bg);
     border: 1px solid var(--status-neutral-border);
     color: var(--status-neutral-text);
   }

   /* Soil status */
   .soil-signal-grid {
     display: grid;
     gap: var(--mobile-gap);
   }

   .soil-signal {
     display: grid;
     gap: var(--space-md);
     align-content: start;
     padding: var(--card-padding-sm);
     background: var(--result-secondary-surface);
     border: 1px solid var(--result-secondary-border);
     border-radius: var(--radius-sm);
   }

   .soil-signal-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: var(--mobile-gap);
   }

   .soil-signal-name {
     color: var(--muted);
     font-size: 12px;
     font-weight: 900;
     letter-spacing: 0.04em;
     text-transform: uppercase;
   }

   .soil-signal-value {
     margin-top: 0;
     color: var(--text-strong);
     font-size: 20px;
     font-weight: 900;
     line-height: 1.1;
   }

   #lastDecision {
     font-size: 18px;
   }

   .soil-signal-unit {
     margin-left: 3px;
     color: var(--muted);
     font-size: 12px;
     font-weight: 700;
   }

   .signal-meter {
     position: relative;
     height: 7px;
     margin-top: 0;
     overflow: hidden;
     background: linear-gradient(90deg, var(--status-semaphore-low) 0 24%, var(--status-semaphore-optimal) 24% 68%, var(--status-semaphore-high) 68% 100%);
     border-radius: var(--radius-pill);
   }

   .status-chip {
     flex-shrink: 0;
   }

   .signal-meter-marker {
     position: absolute;
     top: -4px;
     width: 4px;
     height: 15px;
     background: var(--color-text-ink);
     border-radius: var(--radius-pill);
     transform: translateX(-50%);
   }

   /* RESULT SOIL SIGNAL COLOR CONTROL */
   .agro-app {
     --result-soil-signal-background: var(--result-secondary-surface);
     --result-soil-signal-border-color: var(--result-secondary-border);
     --result-soil-signal-label-color: var(--muted);
     --result-soil-signal-value-color: var(--text-strong);
     --result-soil-signal-unit-color: var(--muted);
     --result-soil-signal-meter-background: linear-gradient(90deg, var(--status-semaphore-low) 0 24%, var(--status-semaphore-optimal) 24% 68%, var(--status-semaphore-high) 68% 100%);
     --result-soil-signal-ph-background: var(--result-soil-signal-background);
     --result-soil-signal-ph-border-color: var(--result-soil-signal-border-color);
     --result-soil-signal-ph-label-color: var(--result-soil-signal-label-color);
     --result-soil-signal-ph-value-color: var(--result-soil-signal-value-color);
     --result-soil-signal-humus-background: var(--result-soil-signal-background);
     --result-soil-signal-humus-border-color: var(--result-soil-signal-border-color);
     --result-soil-signal-humus-label-color: var(--result-soil-signal-label-color);
     --result-soil-signal-humus-value-color: var(--result-soil-signal-value-color);
     --result-soil-signal-total-n-background: var(--result-soil-signal-background);
     --result-soil-signal-total-n-border-color: var(--result-soil-signal-border-color);
     --result-soil-signal-total-n-label-color: var(--result-soil-signal-label-color);
     --result-soil-signal-total-n-value-color: var(--result-soil-signal-value-color);
     --result-soil-signal-p2o5-background: var(--result-soil-signal-background);
     --result-soil-signal-p2o5-border-color: var(--result-soil-signal-border-color);
     --result-soil-signal-p2o5-label-color: var(--result-soil-signal-label-color);
     --result-soil-signal-p2o5-value-color: var(--result-soil-signal-value-color);
     --result-soil-signal-k2o-background: var(--result-soil-signal-background);
     --result-soil-signal-k2o-border-color: var(--result-soil-signal-border-color);
     --result-soil-signal-k2o-label-color: var(--result-soil-signal-label-color);
     --result-soil-signal-k2o-value-color: var(--result-soil-signal-value-color);
     --result-soil-signal-caco3-background: var(--result-soil-signal-background);
     --result-soil-signal-caco3-border-color: var(--result-soil-signal-border-color);
     --result-soil-signal-caco3-label-color: var(--result-soil-signal-label-color);
     --result-soil-signal-caco3-value-color: var(--result-soil-signal-value-color);
   }

   .result-soil-signal {
     background: var(--result-soil-signal-instance-background, var(--result-soil-signal-background));
     border-color: var(--result-soil-signal-instance-border-color, var(--result-soil-signal-border-color));
   }

   .result-soil-signal .result-soil-signal-name {
     color: var(--result-soil-signal-instance-label-color, var(--result-soil-signal-label-color));
   }

   .result-soil-signal .result-soil-signal-value {
     color: var(--result-soil-signal-instance-value-color, var(--result-soil-signal-value-color));
   }

   .result-soil-signal .result-soil-signal-unit {
     color: var(--result-soil-signal-unit-color);
   }

   .result-soil-signal .result-soil-signal-meter {
     background: var(--result-soil-signal-instance-meter-background, var(--result-soil-signal-meter-background));
   }

   .result-soil-signal--ph {
     --result-soil-signal-instance-background: var(--result-soil-signal-ph-background);
     --result-soil-signal-instance-border-color: var(--result-soil-signal-ph-border-color);
     --result-soil-signal-instance-label-color: var(--result-soil-signal-ph-label-color);
     --result-soil-signal-instance-value-color: var(--result-soil-signal-ph-value-color);
   }

   .result-soil-signal--humus {
     --result-soil-signal-instance-background: var(--result-soil-signal-humus-background);
     --result-soil-signal-instance-border-color: var(--result-soil-signal-humus-border-color);
     --result-soil-signal-instance-label-color: var(--result-soil-signal-humus-label-color);
     --result-soil-signal-instance-value-color: var(--result-soil-signal-humus-value-color);
   }

   .result-soil-signal--total-n {
     --result-soil-signal-instance-background: var(--result-soil-signal-total-n-background);
     --result-soil-signal-instance-border-color: var(--result-soil-signal-total-n-border-color);
     --result-soil-signal-instance-label-color: var(--result-soil-signal-total-n-label-color);
     --result-soil-signal-instance-value-color: var(--result-soil-signal-total-n-value-color);
   }

   .result-soil-signal--p2o5 {
     --result-soil-signal-instance-background: var(--result-soil-signal-p2o5-background);
     --result-soil-signal-instance-border-color: var(--result-soil-signal-p2o5-border-color);
     --result-soil-signal-instance-label-color: var(--result-soil-signal-p2o5-label-color);
     --result-soil-signal-instance-value-color: var(--result-soil-signal-p2o5-value-color);
   }

   .result-soil-signal--k2o {
     --result-soil-signal-instance-background: var(--result-soil-signal-k2o-background);
     --result-soil-signal-instance-border-color: var(--result-soil-signal-k2o-border-color);
     --result-soil-signal-instance-label-color: var(--result-soil-signal-k2o-label-color);
     --result-soil-signal-instance-value-color: var(--result-soil-signal-k2o-value-color);
   }

   .result-soil-signal--caco3 {
     --result-soil-signal-instance-background: var(--result-soil-signal-caco3-background);
     --result-soil-signal-instance-border-color: var(--result-soil-signal-caco3-border-color);
     --result-soil-signal-instance-label-color: var(--result-soil-signal-caco3-label-color);
     --result-soil-signal-instance-value-color: var(--result-soil-signal-caco3-value-color);
   }

   /* Nutrient summary table */
   .nutrient-ledger {
     display: block;
     min-height: 0;
   }

   .nutrient-summary-table-wrap {
     display: grid;
     gap: var(--space-md);
   }

   .nutrient-summary-table-title,
   .n-schedule-summary-title {
     margin: 0;
     color: var(--text-strong);
     font-size: 13px;
     font-weight: 900;
     line-height: 1.25;
   }

   .nutrient-summary-table-scroll,
   .n-schedule-table-scroll {
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }

   .nutrient-summary-table,
   .n-schedule-table {
     width: 100%;
     min-width: 620px;
     border-collapse: collapse;
     background: var(--result-ledger-surface);
     border: 1px solid var(--result-ledger-border);
     border-radius: var(--radius-sm);
     overflow: hidden;
   }

   .nutrient-summary-table th,
   .nutrient-summary-table td,
   .n-schedule-table th,
   .n-schedule-table td {
     padding: var(--space-md) var(--space-lg);
     border-bottom: 1px solid var(--result-inline-divider);
     color: var(--text);
     font-size: 12px;
     line-height: 1.45;
     text-align: left;
     vertical-align: top;
   }

   .nutrient-summary-table thead th,
   .n-schedule-table thead th {
     background: var(--result-secondary-surface);
     color: var(--muted-strong);
     font-size: 11px;
     font-weight: 900;
     letter-spacing: 0.04em;
     text-transform: uppercase;
   }

   .nutrient-summary-table tbody tr:last-child th,
   .nutrient-summary-table tbody tr:last-child td,
   .n-schedule-table tbody tr:last-child th,
   .n-schedule-table tbody tr:last-child td {
     border-bottom: 0;
   }

   .nutrient-summary-table__nutrient {
     width: 86px;
     color: var(--accent);
     font-weight: 900;
     letter-spacing: 0.04em;
     white-space: nowrap;
   }

   .nutrient-summary-table__amount,
   .n-schedule-table__amount {
     width: 128px;
     color: var(--text-strong);
     font-weight: 900;
     text-align: right;
     white-space: nowrap;
     font-variant-numeric: tabular-nums;
   }

   .nutrient-summary-table__amount-value,
   .n-schedule-table__amount-value {
     display: inline-flex;
     align-items: baseline;
     white-space: nowrap;
   }

   .nutrient-summary-table__basis {
     min-width: 220px;
   }

   .nutrient-summary-table__note {
     width: 150px;
     color: var(--muted-strong);
   }

   .nutrient-summary-basis-item {
     display: block;
     margin: 0 0 3px;
     color: var(--text);
   }

   .nutrient-summary-basis-item:last-child {
     margin-bottom: 0;
   }

   .nutrient-summary-basis-label {
     color: var(--muted);
     font-weight: 700;
   }

   .nutrient-summary-basis-item strong {
     color: var(--text-strong);
     font-weight: 900;
   }

   .n-schedule-summary {
     display: grid;
     gap: var(--space-md);
     margin-top: var(--space-xl);
   }

   .n-schedule-table {
     min-width: 420px;
   }

   .n-schedule-table__timing {
     color: var(--text-strong);
     font-weight: 800;
   }

   .n-schedule-empty {
     margin: 0;
     padding: var(--space-lg);
     background: var(--result-secondary-surface);
     border: 1px solid var(--result-secondary-border);
     border-radius: var(--radius-sm);
     color: var(--muted-strong);
     font-size: 13px;
     line-height: 1.45;
   }

   @media (max-width: 760px) {
     .nutrient-summary-table,
     .n-schedule-table {
       min-width: 560px;
     }

     .nutrient-summary-table th,
     .nutrient-summary-table td,
     .n-schedule-table th,
     .n-schedule-table td {
       padding: var(--space-sm) var(--space-md);
     }

     .nutrient-summary-table__amount,
     .n-schedule-table__amount {
       width: 112px;
     }
   }

   .timeline {
     display: grid;
     gap: var(--layout-gap-card);
     margin-top: var(--space-xl);
   }

   .timeline-step {
     display: grid;
     grid-template-columns: 120px 1fr auto;
     gap: var(--mobile-gap);
     align-items: center;
     padding: var(--space-sm) 0;
     border-top: 1px solid var(--result-inline-divider);
   }

   .timeline-step:first-child {
     padding-top: 0;
     border-top: 0;
   }

   .timeline-label {
     color: var(--muted-strong);
     font-size: 12px;
     font-weight: 900;
   }

   .timeline-track {
     height: 9px;
     overflow: hidden;
     background: var(--bg-band);
     border-radius: var(--radius-pill);
   }

   .timeline-fill {
     height: 100%;
     background: var(--accent);
     border-radius: var(--radius-pill);
   }

   .timeline-dose {
     color: var(--text-strong);
     font-size: 13px;
     font-weight: 900;
     white-space: nowrap;
   }

   /* RESULT TIMELINE STEP COLOR CONTROL */
   .agro-app {
     --result-timeline-step-background: transparent;
     --result-timeline-step-border-color: var(--result-inline-divider);
     --result-timeline-label-color: var(--muted-strong);
     --result-timeline-track-background: var(--bg-band);
     --result-timeline-fill-background: var(--accent);
     --result-timeline-dose-color: var(--text-strong);
     --result-timeline-step-predsetveno-background: var(--result-timeline-step-background);
     --result-timeline-step-predsetveno-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-predsetveno-label-color: var(--result-timeline-label-color);
     --result-timeline-step-predsetveno-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-predsetveno-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-bokorenje-vlatanje-background: var(--result-timeline-step-background);
     --result-timeline-step-bokorenje-vlatanje-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-bokorenje-vlatanje-label-color: var(--result-timeline-label-color);
     --result-timeline-step-bokorenje-vlatanje-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-bokorenje-vlatanje-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-prihrana-v6-v8-background: var(--result-timeline-step-background);
     --result-timeline-step-prihrana-v6-v8-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-prihrana-v6-v8-label-color: var(--result-timeline-label-color);
     --result-timeline-step-prihrana-v6-v8-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-prihrana-v6-v8-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-v4-v8-background: var(--result-timeline-step-background);
     --result-timeline-step-v4-v8-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-v4-v8-label-color: var(--result-timeline-label-color);
     --result-timeline-step-v4-v8-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-v4-v8-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-jesen-background: var(--result-timeline-step-background);
     --result-timeline-step-jesen-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-jesen-label-color: var(--result-timeline-label-color);
     --result-timeline-step-jesen-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-jesen-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-rana-prolecna-prihrana-background: var(--result-timeline-step-background);
     --result-timeline-step-rana-prolecna-prihrana-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-rana-prolecna-prihrana-label-color: var(--result-timeline-label-color);
     --result-timeline-step-rana-prolecna-prihrana-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-rana-prolecna-prihrana-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-rana-prihrana-background: var(--result-timeline-step-background);
     --result-timeline-step-rana-prihrana-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-rana-prihrana-label-color: var(--result-timeline-label-color);
     --result-timeline-step-rana-prihrana-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-rana-prihrana-dose-color: var(--result-timeline-dose-color);
     --result-timeline-step-izduzivanje-stabla-background: var(--result-timeline-step-background);
     --result-timeline-step-izduzivanje-stabla-border-color: var(--result-timeline-step-border-color);
     --result-timeline-step-izduzivanje-stabla-label-color: var(--result-timeline-label-color);
     --result-timeline-step-izduzivanje-stabla-fill-background: var(--result-timeline-fill-background);
     --result-timeline-step-izduzivanje-stabla-dose-color: var(--result-timeline-dose-color);
   }

   .result-timeline-step {
     background: var(--result-timeline-step-instance-background, var(--result-timeline-step-background));
     border-top-color: var(--result-timeline-step-instance-border-color, var(--result-timeline-step-border-color));
   }

   .result-timeline-step .result-timeline-label {
     color: var(--result-timeline-step-instance-label-color, var(--result-timeline-label-color));
   }

   .result-timeline-step .result-timeline-track {
     background: var(--result-timeline-step-instance-track-background, var(--result-timeline-track-background));
   }

   .result-timeline-step .result-timeline-fill {
     background: var(--result-timeline-step-instance-fill-background, var(--result-timeline-fill-background));
   }

   .result-timeline-step .result-timeline-dose {
     color: var(--result-timeline-step-instance-dose-color, var(--result-timeline-dose-color));
   }

   .result-timeline-step--predsetveno {
     --result-timeline-step-instance-background: var(--result-timeline-step-predsetveno-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-predsetveno-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-predsetveno-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-predsetveno-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-predsetveno-dose-color);
   }

   .result-timeline-step--bokorenje-vlatanje {
     --result-timeline-step-instance-background: var(--result-timeline-step-bokorenje-vlatanje-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-bokorenje-vlatanje-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-bokorenje-vlatanje-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-bokorenje-vlatanje-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-bokorenje-vlatanje-dose-color);
   }

   .result-timeline-step--prihrana-v6-v8 {
     --result-timeline-step-instance-background: var(--result-timeline-step-prihrana-v6-v8-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-prihrana-v6-v8-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-prihrana-v6-v8-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-prihrana-v6-v8-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-prihrana-v6-v8-dose-color);
   }

   .result-timeline-step--v4-v8 {
     --result-timeline-step-instance-background: var(--result-timeline-step-v4-v8-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-v4-v8-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-v4-v8-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-v4-v8-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-v4-v8-dose-color);
   }

   .result-timeline-step--jesen {
     --result-timeline-step-instance-background: var(--result-timeline-step-jesen-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-jesen-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-jesen-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-jesen-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-jesen-dose-color);
   }

   .result-timeline-step--rana-prolecna-prihrana {
     --result-timeline-step-instance-background: var(--result-timeline-step-rana-prolecna-prihrana-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-rana-prolecna-prihrana-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-rana-prolecna-prihrana-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-rana-prolecna-prihrana-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-rana-prolecna-prihrana-dose-color);
   }

   .result-timeline-step--rana-prihrana {
     --result-timeline-step-instance-background: var(--result-timeline-step-rana-prihrana-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-rana-prihrana-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-rana-prihrana-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-rana-prihrana-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-rana-prihrana-dose-color);
   }

   .result-timeline-step--izduzivanje-stabla {
     --result-timeline-step-instance-background: var(--result-timeline-step-izduzivanje-stabla-background);
     --result-timeline-step-instance-border-color: var(--result-timeline-step-izduzivanje-stabla-border-color);
     --result-timeline-step-instance-label-color: var(--result-timeline-step-izduzivanje-stabla-label-color);
     --result-timeline-step-instance-fill-background: var(--result-timeline-step-izduzivanje-stabla-fill-background);
     --result-timeline-step-instance-dose-color: var(--result-timeline-step-izduzivanje-stabla-dose-color);
   }

   #nitrogenTimelineSection,
   #acidityBoard {
     margin-top: var(--space-2xl);
   }

   #nitrogenTimelineSection {
     padding-top: var(--space-lg);
     border-top: 1px solid var(--result-secondary-border);
   }

   /* Product decision plan */
   .product-plan-board {
     display: grid;
     gap: var(--layout-gap-section);
   }

   .plan-scenario-banner {
     padding: var(--space-lg) var(--space-xl);
     background: var(--card-strong);
     border: 1px solid var(--color-border-inverse-soft);
     border-radius: var(--radius-sm);
     color: var(--color-text-inverse);
     font-size: 13px;
     font-weight: 900;
   }

   .plan-section {
     padding: var(--space-2xl);
     background: var(--color-surface-card);
     border: 1px solid var(--result-secondary-border);
     border-left: 5px solid var(--primary);
     border-radius: var(--radius-sm);
     box-shadow: var(--shadow-soft);
   }

   /* RESULT PLAN SECTION COLOR CONTROL */
   .agro-app {
     --result-plan-section-background: var(--color-surface-card);
     --result-plan-section-border-color: var(--result-secondary-border);
     --result-plan-section-title-color: var(--text-strong);
     --result-plan-section-subtitle-color: var(--muted);
     --result-plan-section-code-background: var(--result-chip-surface);
     --result-plan-section-code-border-color: var(--result-chip-border);
     --result-plan-section-code-color: var(--status-neutral-text);
     --result-plan-basal-background: var(--result-plan-section-background);
     --result-plan-basal-border-color: var(--result-plan-section-border-color);
     --result-plan-basal-accent-color: var(--primary);
     --result-plan-basal-title-color: var(--result-plan-section-title-color);
     --result-plan-organic-support-background: var(--result-plan-section-background);
     --result-plan-organic-support-border-color: var(--result-plan-section-border-color);
     --result-plan-organic-support-accent-color: var(--color-status-organic);
     --result-plan-organic-support-title-color: var(--result-plan-section-title-color);
     --result-plan-topdress-background: var(--result-plan-section-background);
     --result-plan-topdress-border-color: var(--result-plan-section-border-color);
     --result-plan-topdress-accent-color: var(--accent);
     --result-plan-topdress-title-color: var(--result-plan-section-title-color);
     --result-plan-corrective-background: var(--result-plan-section-background);
     --result-plan-corrective-border-color: var(--result-plan-section-border-color);
     --result-plan-corrective-accent-color: var(--danger);
     --result-plan-corrective-title-color: var(--result-plan-section-title-color);
     --result-plan-foliar-background: var(--result-plan-section-background);
     --result-plan-foliar-border-color: var(--result-plan-section-border-color);
     --result-plan-foliar-accent-color: var(--info);
     --result-plan-foliar-title-color: var(--result-plan-section-title-color);
   }

   .result-plan-section {
     background: var(--result-plan-section-instance-background, var(--result-plan-section-background));
     border-color: var(--result-plan-section-instance-border-color, var(--result-plan-section-border-color));
     border-left-color: var(--result-plan-section-instance-accent-color, var(--primary));
   }

   .plan-section-titlegroup {
     display: grid;
     gap: var(--space-xs);
     min-width: 0;
   }

   .plan-section.plan-basal {
     border-left-color: var(--result-plan-basal-accent-color);
   }

   .plan-section.plan-organic-support {
     border-left-color: var(--result-plan-organic-support-accent-color);
   }

   .plan-section.plan-topdress {
     border-left-color: var(--result-plan-topdress-accent-color);
   }

   .plan-section.plan-corrective {
     border-left-color: var(--result-plan-corrective-accent-color);
   }

   .plan-section.plan-foliar {
     border-left-color: var(--result-plan-foliar-accent-color);
   }

   .result-plan-section .plan-section-title {
     color: var(--result-plan-section-instance-title-color, var(--result-plan-section-title-color));
   }

   .result-plan-section .plan-section-subtitle {
     color: var(--result-plan-section-subtitle-color);
   }

   .result-plan-section .plan-section-code {
     background: var(--result-plan-section-code-background);
     border-color: var(--result-plan-section-code-border-color);
     color: var(--result-plan-section-code-color);
   }

   .result-plan-section.plan-basal {
     --result-plan-section-instance-background: var(--result-plan-basal-background);
     --result-plan-section-instance-border-color: var(--result-plan-basal-border-color);
     --result-plan-section-instance-accent-color: var(--result-plan-basal-accent-color);
     --result-plan-section-instance-title-color: var(--result-plan-basal-title-color);
   }

   .result-plan-section.plan-organic-support {
     --result-plan-section-instance-background: var(--result-plan-organic-support-background);
     --result-plan-section-instance-border-color: var(--result-plan-organic-support-border-color);
     --result-plan-section-instance-accent-color: var(--result-plan-organic-support-accent-color);
     --result-plan-section-instance-title-color: var(--result-plan-organic-support-title-color);
   }

   .result-plan-section.plan-topdress {
     --result-plan-section-instance-background: var(--result-plan-topdress-background);
     --result-plan-section-instance-border-color: var(--result-plan-topdress-border-color);
     --result-plan-section-instance-accent-color: var(--result-plan-topdress-accent-color);
     --result-plan-section-instance-title-color: var(--result-plan-topdress-title-color);
   }

   .result-plan-section.plan-corrective {
     --result-plan-section-instance-background: var(--result-plan-corrective-background);
     --result-plan-section-instance-border-color: var(--result-plan-corrective-border-color);
     --result-plan-section-instance-accent-color: var(--result-plan-corrective-accent-color);
     --result-plan-section-instance-title-color: var(--result-plan-corrective-title-color);
   }

   .result-plan-section.plan-foliar {
     --result-plan-section-instance-background: var(--result-plan-foliar-background);
     --result-plan-section-instance-border-color: var(--result-plan-foliar-border-color);
     --result-plan-section-instance-accent-color: var(--result-plan-foliar-accent-color);
     --result-plan-section-instance-title-color: var(--result-plan-foliar-title-color);
   }

   .plan-section-header {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--layout-gap-card);
     margin-bottom: var(--space-lg);
   }

   .plan-section-title {
     color: var(--text-strong);
     font-size: 17px;
     font-weight: 900;
   }

   .plan-section-subtitle {
     margin-top: 3px;
     color: var(--muted);
     font-size: 12px;
     font-weight: 700;
   }

   .plan-section-code {
     display: inline-flex;
     align-items: center;
     padding: var(--space-xs) var(--space-sm);
     background: var(--result-chip-surface);
     border: 1px solid var(--result-chip-border);
     border-radius: var(--radius-pill);
     color: var(--status-neutral-text);
     font-size: 11px;
     font-weight: 900;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     white-space: nowrap;
   }

   .plan-stage-group {
     margin-top: var(--space-lg);
     padding-top: var(--space-lg);
     border-top: 1px dashed var(--border);
   }

   .plan-stage-heading,
   .plan-item-stage {
     margin-bottom: var(--space-sm);
     color: var(--muted-strong);
     font-size: 12px;
     font-weight: 900;
     letter-spacing: 0.04em;
     text-transform: uppercase;
   }

   .plan-item {
     padding: var(--card-padding-sm);
     background: var(--input-bg);
     border: 1px solid var(--border);
     border-radius: var(--radius-sm);
   }

   .plan-item + .plan-item,
   .plan-item + .plan-alternatives,
   .plan-alternatives + .plan-item {
     margin-top: 10px;
   }

   .plan-item-primary {
     background: var(--status-success-subtle);
     border-color: var(--result-primary-border);
   }

   .plan-item-alternative {
     background: var(--result-secondary-surface);
     border-color: var(--result-secondary-border);
     border-style: dashed;
   }

   .plan-item-row {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: var(--layout-gap-card);
   }

   .plan-item-name {
     color: var(--text-strong);
     font-size: 16px;
     font-weight: 900;
   }

   .plan-item-dose {
     color: var(--text-strong);
     font-size: 24px;
     font-weight: 900;
     line-height: 1;
     white-space: nowrap;
     font-variant-numeric: tabular-nums;
   }

   .plan-item-unit {
     color: var(--muted);
     font-size: 12px;
     font-weight: 800;
   }

   .plan-item-covers,
   .product-nutrients {
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-sm);
     margin-top: var(--space-md);
   }

   .plan-chip,
   .nutrient-chip {
     display: inline-flex;
     align-items: center;
     min-height: 26px;
      padding: 5px 9px;
     background: var(--result-chip-surface);
     border: 1px solid var(--result-chip-border);
     border-radius: var(--radius-pill);
     color: var(--muted-strong);
     font-size: 12px;
     font-weight: 800;
   }

   .plan-item-rationale,
   .plan-item-clamp {
     margin-top: var(--space-md);
     padding-top: var(--space-md);
     border-top: 1px solid var(--result-inline-divider);
     color: var(--muted-strong);
     font-size: 13px;
   }

   .plan-item-clamp {
     color: var(--warning);
     font-weight: 800;
   }

   /* RESULT PLAN ITEM COLOR CONTROL */
   .agro-app {
     --result-plan-item-background: var(--input-bg);
     --result-plan-item-border-color: var(--border);
     --result-plan-item-name-color: var(--text-strong);
     --result-plan-item-dose-color: var(--text-strong);
     --result-plan-item-unit-color: var(--muted);
     --result-plan-item-rationale-color: var(--muted-strong);
     --result-plan-item-divider-color: var(--result-inline-divider);
     --result-plan-item-primary-background: var(--status-success-subtle);
     --result-plan-item-primary-border-color: var(--result-primary-border);
     --result-plan-item-primary-name-color: var(--text-strong);
     --result-plan-item-primary-dose-color: var(--text-strong);
     --result-plan-item-primary-unit-color: var(--muted);
     --result-plan-item-alternative-background: var(--result-secondary-surface);
     --result-plan-item-alternative-border-color: var(--result-secondary-border);
     --result-plan-item-alternative-name-color: var(--text-strong);
     --result-plan-item-alternative-dose-color: var(--text-strong);
     --result-plan-item-alternative-unit-color: var(--muted);
     --result-plan-item-clamp-color: var(--warning);
     --result-plan-item-clamp-border-color: var(--result-inline-divider);
   }

   .result-plan-item {
     background: var(--result-plan-item-instance-background, var(--result-plan-item-background));
     border-color: var(--result-plan-item-instance-border-color, var(--result-plan-item-border-color));
   }

   .result-plan-item .result-plan-item-name {
     color: var(--result-plan-item-instance-name-color, var(--result-plan-item-name-color));
   }

   .result-plan-item .result-plan-item-dose {
     color: var(--result-plan-item-instance-dose-color, var(--result-plan-item-dose-color));
   }

   .result-plan-item .result-plan-item-unit {
     margin-left: var(--space-xs);
     color: var(--result-plan-item-instance-unit-color, var(--result-plan-item-unit-color));
   }

   .result-plan-item .result-plan-item-rationale {
     border-top-color: var(--result-plan-item-divider-color);
   }

   .result-plan-item .result-plan-item-rationale .summary-pill-label,
   .result-plan-item .result-plan-item-rationale .summary-pill-value {
     color: var(--result-plan-item-rationale-color);
   }

   .result-plan-item .result-plan-item-clamp {
     color: var(--result-plan-item-clamp-color);
     border-top-color: var(--result-plan-item-clamp-border-color);
   }

   .result-plan-item--primary {
     --result-plan-item-instance-background: var(--result-plan-item-primary-background);
     --result-plan-item-instance-border-color: var(--result-plan-item-primary-border-color);
     --result-plan-item-instance-name-color: var(--result-plan-item-primary-name-color);
     --result-plan-item-instance-dose-color: var(--result-plan-item-primary-dose-color);
     --result-plan-item-instance-unit-color: var(--result-plan-item-primary-unit-color);
   }

   .result-plan-item--alternative {
     --result-plan-item-instance-background: var(--result-plan-item-alternative-background);
     --result-plan-item-instance-border-color: var(--result-plan-item-alternative-border-color);
     --result-plan-item-instance-name-color: var(--result-plan-item-alternative-name-color);
     --result-plan-item-instance-dose-color: var(--result-plan-item-alternative-dose-color);
     --result-plan-item-instance-unit-color: var(--result-plan-item-alternative-unit-color);
   }

   /* Product-specific overrides can be attached later through
      .result-plan-item--product-{product-code} selectors in fert-recommender-saas-codex-hybrid. */

   /* RESULT PLAN CHIP COLOR CONTROL */
   .agro-app {
     --result-plan-chip-background: var(--result-chip-surface);
     --result-plan-chip-border-color: var(--result-chip-border);
     --result-plan-chip-text-color: var(--muted-strong);
     --result-plan-chip-n-background: var(--result-plan-chip-background);
     --result-plan-chip-n-border-color: var(--result-plan-chip-border-color);
     --result-plan-chip-n-text-color: var(--result-plan-chip-text-color);
     --result-plan-chip-p2o5-background: var(--result-plan-chip-background);
     --result-plan-chip-p2o5-border-color: var(--result-plan-chip-border-color);
     --result-plan-chip-p2o5-text-color: var(--result-plan-chip-text-color);
     --result-plan-chip-k2o-background: var(--result-plan-chip-background);
     --result-plan-chip-k2o-border-color: var(--result-plan-chip-border-color);
     --result-plan-chip-k2o-text-color: var(--result-plan-chip-text-color);
     --result-plan-chip-s-background: var(--result-plan-chip-background);
     --result-plan-chip-s-border-color: var(--result-plan-chip-border-color);
     --result-plan-chip-s-text-color: var(--result-plan-chip-text-color);
   }

   .result-plan-chip {
     background: var(--result-plan-chip-instance-background, var(--result-plan-chip-background));
     border-color: var(--result-plan-chip-instance-border-color, var(--result-plan-chip-border-color));
     color: var(--result-plan-chip-instance-text-color, var(--result-plan-chip-text-color));
   }

   .result-plan-chip--n {
     --result-plan-chip-instance-background: var(--result-plan-chip-n-background);
     --result-plan-chip-instance-border-color: var(--result-plan-chip-n-border-color);
     --result-plan-chip-instance-text-color: var(--result-plan-chip-n-text-color);
   }

   .result-plan-chip--p2o5 {
     --result-plan-chip-instance-background: var(--result-plan-chip-p2o5-background);
     --result-plan-chip-instance-border-color: var(--result-plan-chip-p2o5-border-color);
     --result-plan-chip-instance-text-color: var(--result-plan-chip-p2o5-text-color);
   }

   .result-plan-chip--k2o {
     --result-plan-chip-instance-background: var(--result-plan-chip-k2o-background);
     --result-plan-chip-instance-border-color: var(--result-plan-chip-k2o-border-color);
     --result-plan-chip-instance-text-color: var(--result-plan-chip-k2o-text-color);
   }

   .result-plan-chip--s {
     --result-plan-chip-instance-background: var(--result-plan-chip-s-background);
     --result-plan-chip-instance-border-color: var(--result-plan-chip-s-border-color);
     --result-plan-chip-instance-text-color: var(--result-plan-chip-s-text-color);
   }

   .plan-alternatives summary {
     padding: 9px 0;
     color: var(--muted-strong);
     cursor: pointer;
     font-size: 13px;
     font-weight: 900;
   }

   .product-card {
     padding: var(--card-padding-sm);
     background: var(--input-bg);
     border: 1px solid var(--border);
     border-radius: var(--radius-sm);
   }

   .product-card + .product-card {
     margin-top: var(--space-md);
   }

   .product-card-header {
     display: flex;
     align-items: center;
     gap: var(--space-md);
   }

   .product-rank {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     flex: 0 0 30px;
     background: var(--card-strong);
     border-radius: var(--radius-pill);
     color: var(--color-text-inverse);
     font-size: 13px;
     font-weight: 900;
   }

   .product-name {
     flex: 1;
     color: var(--text-strong);
     font-weight: 900;
   }

   .product-score {
     color: var(--muted);
     font-size: 12px;
     font-weight: 800;
   }

   /* RESULT FALLBACK PRODUCT CARD COLOR CONTROL */
   .agro-app {
     --result-fallback-product-card-background: var(--result-secondary-surface);
     --result-fallback-product-card-border-color: var(--result-secondary-border);
     --result-fallback-product-rank-background: var(--card-strong);
     --result-fallback-product-rank-color: var(--color-text-inverse);
     --result-fallback-product-name-color: var(--text-strong);
     --result-fallback-product-score-color: var(--muted);
   }

   .result-fallback-product-card {
     background: var(--result-fallback-product-card-background);
     border-color: var(--result-fallback-product-card-border-color);
   }

   .result-fallback-product-rank {
     background: var(--result-fallback-product-rank-background);
     color: var(--result-fallback-product-rank-color);
   }

   .result-fallback-product-name {
     color: var(--result-fallback-product-name-color);
   }

   .result-fallback-product-score {
     color: var(--result-fallback-product-score-color);
   }

   /* RESULT PRODUCT PLAN PANEL COLOR CONTROL */
   .agro-app {
     --result-product-plan-panel-background: var(--result-primary-surface);
     --result-product-plan-panel-border-color: var(--result-primary-border);
     --result-product-plan-panel-title-color: var(--primary);
     --result-product-plan-panel-subtitle-color: var(--muted-strong);
     --result-product-plan-panel-shadow: var(--result-primary-shadow);
     --result-product-plan-panel-eyebrow-color: var(--accent);
   }

   .result-product-plan-panel,
   #productPlanSection {
     background: var(--result-product-plan-panel-background);
     border-color: var(--result-product-plan-panel-border-color);
     box-shadow: var(--result-product-plan-panel-shadow);
   }

   .result-product-plan-panel .eyebrow,
   #productPlanSection .eyebrow {
     color: var(--result-product-plan-panel-eyebrow-color);
   }

   .result-product-plan-panel .panel-title,
   #productPlanSection .panel-title {
     color: var(--result-product-plan-panel-title-color);
   }

   .result-product-plan-panel .panel-subtitle,
   #productPlanSection .panel-subtitle {
     color: var(--result-product-plan-panel-subtitle-color);
   }

   .result-product-plan-panel .decision-strip,
   #productPlanSection .decision-strip {
     gap: var(--space-md);
     margin-top: var(--space-md);
   }

   /* RESULT FALLBACK PANEL COLOR CONTROL */
   .agro-app {
     --result-fallback-panel-background: var(--result-secondary-surface);
     --result-fallback-panel-border-color: var(--result-secondary-border);
     --result-fallback-panel-title-color: var(--status-neutral-strong);
     --result-fallback-panel-subtitle-color: var(--status-neutral-text);
     --result-fallback-panel-eyebrow-color: var(--muted-strong);
   }

   .result-fallback-panel,
   #productsFallbackSection {
     background: var(--result-fallback-panel-background);
     border-color: var(--result-fallback-panel-border-color);
     border-style: dashed;
   }

   .result-fallback-panel .eyebrow,
   #productsFallbackSection .eyebrow {
     color: var(--result-fallback-panel-eyebrow-color);
   }

   .result-fallback-panel .panel-title,
   #productsFallbackSection .panel-title {
     color: var(--result-fallback-panel-title-color);
   }

   .result-fallback-panel .panel-subtitle,
   #productsFallbackSection .panel-subtitle {
     color: var(--result-fallback-panel-subtitle-color);
   }

   #productsFallbackBoard {
     display: grid;
     gap: var(--layout-gap-card);
   }

   #productsFallbackBoard .product-card {
     background: var(--result-secondary-surface);
     border-color: var(--result-secondary-border);
   }

   #productsFallbackBoard .product-card + .product-card {
     margin-top: 0;
   }

   /* Evidence / alerts */
   .info-box,
   .evidence-box {
     padding: var(--card-padding-sm);
     background: var(--status-neutral-bg);
     border: 1px solid var(--status-neutral-border);
     border-radius: var(--radius-sm);
     color: var(--status-neutral-text);
     font-size: 13px;
     line-height: 1.48;
   }

   .info-box + .info-box,
   .evidence-box + .evidence-box {
     margin-top: var(--space-md);
   }

   .info-box strong,
   .evidence-box strong {
     color: var(--status-neutral-strong);
   }

   .info-box.info,
   .evidence-info {
     background: var(--status-info-bg);
     border: 1px solid var(--status-info-border);
     color: var(--status-info-text);
   }

   .info-box.info strong,
   .evidence-info strong {
     color: var(--status-info-strong);
   }

   .info-box.warning,
   .evidence-warning {
     background: var(--status-warning-bg);
     border: 1px solid var(--status-warning-border);
     color: var(--status-warning-text);
   }

   .info-box.warning strong,
   .evidence-warning strong {
     color: var(--status-warning-strong);
   }

   .info-box.success,
   .evidence-success {
     background: var(--status-success-bg);
     border: 1px solid var(--status-success-border);
     color: var(--status-success-text);
   }

   .info-box.success strong,
   .evidence-success strong {
     color: var(--status-success-strong);
   }

   .assumptions-box {
     background: var(--status-neutral-bg);
     border: 1px solid var(--status-neutral-border);
     color: var(--status-neutral-text);
   }

   .assumptions-box strong {
     color: var(--status-neutral-strong);
   }

   /* RESULT WARNING BOX COLOR CONTROL */
   .agro-app {
     --result-warning-box-background: var(--status-neutral-bg);
     --result-warning-box-border-color: var(--status-neutral-border);
     --result-warning-box-text-color: var(--status-neutral-text);
     --result-warning-box-strong-color: var(--status-neutral-strong);
     --result-warning-box-success-background: var(--status-success-bg);
     --result-warning-box-success-border-color: var(--status-success-border);
     --result-warning-box-success-text-color: var(--status-success-text);
     --result-warning-box-success-strong-color: var(--status-success-strong);
     --result-warning-box-warning-background: var(--status-warning-bg);
     --result-warning-box-warning-border-color: var(--status-warning-border);
     --result-warning-box-warning-text-color: var(--status-warning-text);
     --result-warning-box-warning-strong-color: var(--status-warning-strong);
     --result-warning-box-info-background: var(--status-info-bg);
     --result-warning-box-info-border-color: var(--status-info-border);
     --result-warning-box-info-text-color: var(--status-info-text);
     --result-warning-box-info-strong-color: var(--status-info-strong);
     --result-warning-box-empty-background: var(--result-warning-box-success-background);
     --result-warning-box-empty-border-color: var(--result-warning-box-success-border-color);
     --result-warning-box-empty-text-color: var(--result-warning-box-success-text-color);
     --result-warning-box-empty-strong-color: var(--result-warning-box-success-strong-color);
     --result-warning-box-warnings-background: var(--result-warning-box-warning-background);
     --result-warning-box-warnings-border-color: var(--result-warning-box-warning-border-color);
     --result-warning-box-warnings-text-color: var(--result-warning-box-warning-text-color);
     --result-warning-box-warnings-strong-color: var(--result-warning-box-warning-strong-color);
     --result-warning-box-advisories-background: var(--result-warning-box-info-background);
     --result-warning-box-advisories-border-color: var(--result-warning-box-info-border-color);
     --result-warning-box-advisories-text-color: var(--result-warning-box-info-text-color);
     --result-warning-box-advisories-strong-color: var(--result-warning-box-info-strong-color);
   }

   .result-warning-box {
     background: var(--result-warning-box-instance-background, var(--result-warning-box-background));
     border-color: var(--result-warning-box-instance-border-color, var(--result-warning-box-border-color));
     color: var(--result-warning-box-instance-text-color, var(--result-warning-box-text-color));
   }

   .result-warning-box strong {
     color: var(--result-warning-box-instance-strong-color, var(--result-warning-box-strong-color));
   }

   .result-warning-box--success {
     --result-warning-box-instance-background: var(--result-warning-box-success-background);
     --result-warning-box-instance-border-color: var(--result-warning-box-success-border-color);
     --result-warning-box-instance-text-color: var(--result-warning-box-success-text-color);
     --result-warning-box-instance-strong-color: var(--result-warning-box-success-strong-color);
   }

   .result-warning-box--warning {
     --result-warning-box-instance-background: var(--result-warning-box-warning-background);
     --result-warning-box-instance-border-color: var(--result-warning-box-warning-border-color);
     --result-warning-box-instance-text-color: var(--result-warning-box-warning-text-color);
     --result-warning-box-instance-strong-color: var(--result-warning-box-warning-strong-color);
   }

   .result-warning-box--info {
     --result-warning-box-instance-background: var(--result-warning-box-info-background);
     --result-warning-box-instance-border-color: var(--result-warning-box-info-border-color);
     --result-warning-box-instance-text-color: var(--result-warning-box-info-text-color);
     --result-warning-box-instance-strong-color: var(--result-warning-box-info-strong-color);
   }

   .result-warning-box--engine-warning,
   .result-warning-box--warnings {
     --result-warning-box-instance-background: var(--result-warning-box-warnings-background);
     --result-warning-box-instance-border-color: var(--result-warning-box-warnings-border-color);
     --result-warning-box-instance-text-color: var(--result-warning-box-warnings-text-color);
     --result-warning-box-instance-strong-color: var(--result-warning-box-warnings-strong-color);
   }

   .result-warning-box--advisory,
   .result-warning-box--advisories {
     --result-warning-box-instance-background: var(--result-warning-box-advisories-background);
     --result-warning-box-instance-border-color: var(--result-warning-box-advisories-border-color);
     --result-warning-box-instance-text-color: var(--result-warning-box-advisories-text-color);
     --result-warning-box-instance-strong-color: var(--result-warning-box-advisories-strong-color);
   }

   .result-warning-box--empty {
     --result-warning-box-instance-background: var(--result-warning-box-empty-background);
     --result-warning-box-instance-border-color: var(--result-warning-box-empty-border-color);
     --result-warning-box-instance-text-color: var(--result-warning-box-empty-text-color);
     --result-warning-box-instance-strong-color: var(--result-warning-box-empty-strong-color);
   }

   /* RESULT ASSUMPTION BOX COLOR CONTROL */
   .agro-app {
     --result-assumptions-box-background: var(--status-neutral-bg);
     --result-assumptions-box-border-color: var(--status-neutral-border);
     --result-assumptions-box-text-color: var(--status-neutral-text);
     --result-assumptions-box-strong-color: var(--status-neutral-strong);
   }

   .result-assumptions-box {
     background: var(--result-assumptions-box-background);
     border-color: var(--result-assumptions-box-border-color);
     color: var(--result-assumptions-box-text-color);
   }

   .result-assumptions-box strong {
     color: var(--result-assumptions-box-strong-color);
   }

   /* RESULT COMPLETENESS BOX COLOR CONTROL */
   .agro-app {
     --result-completeness-box-background: var(--status-neutral-bg);
     --result-completeness-box-border-color: var(--status-neutral-border);
     --result-completeness-box-text-color: var(--status-neutral-text);
     --result-completeness-box-strong-color: var(--status-neutral-strong);
     --result-completeness-box-complete-background: var(--status-success-bg);
     --result-completeness-box-complete-border-color: var(--status-success-border);
     --result-completeness-box-complete-text-color: var(--status-success-text);
     --result-completeness-box-complete-strong-color: var(--status-success-strong);
     --result-completeness-box-partial-background: var(--status-warning-bg);
     --result-completeness-box-partial-border-color: var(--status-warning-border);
     --result-completeness-box-partial-text-color: var(--status-warning-text);
     --result-completeness-box-partial-strong-color: var(--status-warning-strong);
   }

   .result-completeness-box {
     background: var(--result-completeness-box-instance-background, var(--result-completeness-box-background));
     border-color: var(--result-completeness-box-instance-border-color, var(--result-completeness-box-border-color));
     color: var(--result-completeness-box-instance-text-color, var(--result-completeness-box-text-color));
   }

   .result-completeness-box strong {
     color: var(--result-completeness-box-instance-strong-color, var(--result-completeness-box-strong-color));
   }

   .result-completeness-box--complete {
     --result-completeness-box-instance-background: var(--result-completeness-box-complete-background);
     --result-completeness-box-instance-border-color: var(--result-completeness-box-complete-border-color);
     --result-completeness-box-instance-text-color: var(--result-completeness-box-complete-text-color);
     --result-completeness-box-instance-strong-color: var(--result-completeness-box-complete-strong-color);
   }

   .result-completeness-box--partial {
     --result-completeness-box-instance-background: var(--result-completeness-box-partial-background);
     --result-completeness-box-instance-border-color: var(--result-completeness-box-partial-border-color);
     --result-completeness-box-instance-text-color: var(--result-completeness-box-partial-text-color);
     --result-completeness-box-instance-strong-color: var(--result-completeness-box-partial-strong-color);
   }

   /* RESULT VERSION BOX COLOR CONTROL */
   .agro-app {
     --result-version-box-background: var(--status-info-bg);
     --result-version-box-border-color: var(--status-info-border);
     --result-version-box-text-color: var(--status-info-text);
     --result-version-box-strong-color: var(--status-info-strong);
   }

   .result-version-box {
     background: var(--result-version-box-background);
     border-color: var(--result-version-box-border-color);
     color: var(--result-version-box-text-color);
   }

   .result-version-box strong {
     color: var(--result-version-box-strong-color);
   }

   /* RESULT WARNINGS CARD COLOR CONTROL */
   .agro-app {
     --result-warnings-card-background: var(--card);
     --result-warnings-card-border-color: var(--border);
     --result-warnings-card-title-color: var(--text-strong);
     --result-warnings-card-subtitle-color: var(--muted);
     --result-warnings-card-text-color: var(--text);
     --result-warnings-card-eyebrow-color: var(--accent);
   }

   .result-warnings-card {
     background: var(--result-warnings-card-background);
     border-color: var(--result-warnings-card-border-color);
     color: var(--result-warnings-card-text-color);
   }

   .result-warnings-card .eyebrow {
     color: var(--result-warnings-card-eyebrow-color);
   }

   .result-warnings-card .command-card-title {
     color: var(--result-warnings-card-title-color);
   }

   .result-warnings-card .section-subtitle {
     color: var(--result-warnings-card-subtitle-color);
   }

   /* RESULT ASSUMPTIONS CARD COLOR CONTROL */
   .agro-app {
     --result-assumptions-card-background: var(--card);
     --result-assumptions-card-border-color: var(--border);
     --result-assumptions-card-title-color: var(--text-strong);
     --result-assumptions-card-subtitle-color: var(--muted);
     --result-assumptions-card-text-color: var(--text);
     --result-assumptions-card-eyebrow-color: var(--accent);
   }

   .result-assumptions-card {
     background: var(--result-assumptions-card-background);
     border-color: var(--result-assumptions-card-border-color);
     color: var(--result-assumptions-card-text-color);
   }

   .result-assumptions-card .eyebrow {
     color: var(--result-assumptions-card-eyebrow-color);
   }

   .result-assumptions-card .command-card-title {
     color: var(--result-assumptions-card-title-color);
   }

   .result-assumptions-card .section-subtitle {
     color: var(--result-assumptions-card-subtitle-color);
   }

   #warningsBoard,
   #assumptionsBoard {
     display: grid;
     gap: var(--layout-gap-card);
   }

   #warningsBoard .evidence-box + .evidence-box,
   #assumptionsBoard .evidence-box + .evidence-box {
     margin-top: 0;
   }

   .result-content-flow {
     display: grid;
     gap: var(--layout-gap-section);
     margin-top: var(--layout-gap-section);
     min-width: 0;
     max-width: 100%;
   }

   .result-detail-grid,
   .result-evidence-grid {
     display: grid;
     grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
     gap: var(--layout-gap-section);
     align-items: start;
     min-width: 0;
     max-width: 100%;
   }

   .result-content-flow > *,
   .result-detail-grid > *,
   .result-evidence-grid > * {
     min-width: 0;
     max-width: 100%;
     box-sizing: border-box;
   }

   .result-content-flow .result-product-plan-panel {
     border-color: var(--result-primary-border);
     box-shadow: var(--shadow-card-layered);
   }

   .result-content-flow .result-product-plan-panel .panel-title {
     font-size: 18px;
   }

   .result-details-panel {
     min-width: 0;
     max-width: 100%;
   }

   .result-details-summary {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: var(--layout-gap-card);
     cursor: pointer;
     list-style: none;
   }

   .result-details-summary::-webkit-details-marker {
     display: none;
   }

   .result-details-summary::after {
     content: "⌄";
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     flex: 0 0 28px;
     background: var(--result-chip-surface);
     border: 1px solid var(--result-chip-border);
     border-radius: var(--radius-pill);
     color: var(--muted-strong);
     font-weight: 900;
   }

   .result-details-panel[open] .result-details-summary::after {
     transform: rotate(180deg);
   }

   .result-details-summary .eyebrow {
     display: block;
     margin-bottom: var(--space-xs);
   }

   .result-details-summary strong {
     color: var(--text-strong);
     font-size: 13px;
     line-height: 1.15;
   }

   .result-timeline-panel #nitrogenTimelineSection,
   .result-assumptions-card #assumptionsBoard {
     margin-top: var(--space-lg);
   }

   .info-box ul,
   .evidence-box ul {
     margin: 8px 0 0;
     padding-left: var(--layout-gap-section);
   }

   .info-box li,
   .evidence-box li {
     margin: 4px 0;
   }

   /* Workbench / dashboard / history */
   .workbench-grid {
     display: grid;
     grid-template-columns: var(--workbench-layout-columns);
     gap: var(--main-side-gap);
     margin-top: var(--layout-gap-section);
     align-items: start;
   }

   .action-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--layout-gap-card);
     align-items: stretch;
   }

   @media (min-width: 901px) {
     .dashboard-hero .workbench-hero-top {
       display: grid;
       grid-template-columns: minmax(420px, 50%) minmax(0, 1fr);
       align-items: center;
       gap: clamp(36px, 4.5vw, 68px);
     }

     .dashboard-hero-logo {
       grid-column: 1;
       justify-self: start;
       width: 100%;
       min-height: clamp(180px, 18vw, 248px);
       padding: clamp(28px, 4vw, 56px);
       justify-content: center;
       background: var(--color-surface-card);
       border: 3px solid var(--color-brand-green);
       border-radius: calc(var(--radius) - 4px);
       box-sizing: border-box;
     }

     .dashboard-hero-copy {
       grid-column: 2;
       justify-self: start;
       max-width: 680px;
     }

     .dashboard-hero .workbench-title {
       max-width: 680px;
       font-size: clamp(30px, 3.1vw, 46px);
       line-height: 1.05;
     }

     .dashboard-hero .workbench-subtitle {
       max-width: 660px;
     }

     .dashboard-workbench-grid {
       grid-template-columns: 1fr;
       align-items: start;
     }

     .dashboard-main-stack {
       display: grid;
       gap: var(--layout-gap-section);
     }

     .dashboard-action-grid {
       grid-template-columns: repeat(3, minmax(0, 1fr));
       align-self: stretch;
     }

     .dashboard-action-grid > .action-card,
     .dashboard-action-grid > .dashboard-session-card {
       height: var(--action-card-height);
     }

     .dashboard-lower-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
       align-items: stretch;
     }

     .dashboard-lower-grid > .dashboard-side-card {
       min-height: 92px;
     }

     .dashboard-lower-grid .dashboard-side-card--operational {
       height: auto;
     }

     .dashboard-lower-grid .command-card-head {
       margin-bottom: 6px;
     }

     .dashboard-lower-grid .section-subtitle {
       margin-top: 4px;
     }

     .dashboard-lower-grid .soil-signal-grid {
       gap: 6px;
     }

     .dashboard-lower-grid .soil-signal {
       padding: 7px 10px;
     }

     .dashboard-lower-grid .dashboard-flow-panel {
       width: 100%;
       padding: 10px 12px;
     }

     .dashboard-lower-grid .dashboard-flow-panel .panel-head {
       margin-bottom: 6px;
     }

     .dashboard-lower-grid .dashboard-flow-panel .panel-subtitle {
       margin-top: 2px;
       font-size: 11px;
       line-height: 1.2;
     }

     .dashboard-lower-grid .dashboard-flow-steps {
       display: grid;
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 5px;
       margin-top: 6px;
     }

     .dashboard-lower-grid .dashboard-flow-step {
       padding: 5px 8px;
     }

     .dashboard-lower-grid .dashboard-flow-step .summary-pill-value {
       font-size: 10px;
       line-height: 1.2;
     }

     .dashboard-lower-grid .dashboard-side-card--operational .dashboard-side-section,
     .dashboard-lower-grid .dashboard-side-section--workflow {
       padding: 10px 12px;
     }

     .dashboard-lower-grid .eyebrow {
       margin-bottom: 5px;
       font-size: 11px;
     }

     .dashboard-lower-grid .command-card-title,
     .dashboard-lower-grid .panel-title {
       font-size: 11px;
       line-height: 1.15;
     }

     .dashboard-lower-grid .soil-signal-name {
       font-size: 7px;
     }

     .dashboard-lower-grid .soil-signal-value {
       font-size: 10px;
     }

     .dashboard-lower-grid #lastDecision {
       font-size: 16px;
     }
   }

   /* DASHBOARD HERO CARD COLOR CONTROL */
   .agro-app {
     --dashboard-hero-background: var(--card-strong);
     --dashboard-hero-border-color: var(--color-border-inverse-soft);
     --dashboard-hero-title-color: var(--color-text-inverse);
     --dashboard-hero-subtitle-color: var(--color-text-inverse-muted);
     --dashboard-hero-eyebrow-color: var(--accent);
     --dashboard-hero-shadow: var(--shadow);
     --dashboard-hero-accent-ring-color: var(--color-border-accent-translucent);
   }

   .dashboard-hero {
     background: var(--dashboard-hero-background);
     border-color: var(--dashboard-hero-border-color);
     box-shadow: var(--dashboard-hero-shadow);
   }

   .dashboard-hero::after {
     border-color: var(--dashboard-hero-accent-ring-color);
   }

   .dashboard-hero .workbench-title {
     color: var(--dashboard-hero-title-color);
   }

   .dashboard-hero .workbench-subtitle {
     color: var(--dashboard-hero-subtitle-color);
   }

   .dashboard-hero .eyebrow {
     color: var(--dashboard-hero-eyebrow-color);
   }

   .dashboard-hero-copy {
     min-width: 0;
   }

   .dashboard-hero-logo {
     display: flex;
     flex: 0 1 420px;
     align-items: center;
     justify-content: flex-start;
     min-width: 260px;
   }

   .dashboard-hero-logo-image {
     display: block;
     width: min(420px, 34vw);
     max-width: 100%;
     max-height: 156px;
     object-fit: contain;
   }

   .dashboard-hero-user-stack {
     display: grid;
     gap: var(--space-sm);
     width: min(280px, 34%);
     min-width: 240px;
   }

   /* DASHBOARD HERO SUMMARY COLOR CONTROL */
   .agro-app {
     --dashboard-hero-summary-background: var(--color-surface-inverse-subtle);
     --dashboard-hero-summary-border-color: var(--color-border-inverse-medium);
     --dashboard-hero-summary-label-color: var(--color-text-inverse-subtle);
     --dashboard-hero-summary-value-color: var(--color-text-inverse);
   }

   .dashboard-hero .dashboard-hero-summary--user,
   .dashboard-hero .dashboard-hero-summary--logout {
     background: var(--dashboard-hero-summary-background);
     border-color: var(--dashboard-hero-summary-border-color);
   }

   .dashboard-hero .dashboard-hero-summary--user .summary-pill-label,
   .dashboard-hero .dashboard-hero-summary--logout .summary-pill-label {
     color: var(--dashboard-hero-summary-label-color);
   }

   .dashboard-hero .dashboard-hero-summary--user .summary-pill-value,
   .dashboard-hero .dashboard-hero-summary--logout .summary-pill-value {
     color: var(--dashboard-hero-summary-value-color);
   }

   .dashboard-hero .dashboard-hero-summary .summary-pill-value {
     overflow-wrap: anywhere;
   }

   .dashboard-hero-logout-copy {
     font-size: 12px;
     font-weight: 700;
     line-height: 1.3;
   }

   .dashboard-hero-logout-button {
     width: 100%;
     justify-content: center;
     margin-top: var(--space-sm);
   }

   .dashboard-lower-grid {
     display: grid;
     gap: var(--layout-gap-card);
   }

   /* DASHBOARD SESSION CARD COLOR CONTROL */
   .agro-app {
     --dashboard-session-card-background: linear-gradient(135deg, var(--color-brand-green-card-start) 0%, var(--color-brand-green-card-end) 100%);
     --dashboard-session-card-border: var(--color-border-brand-green-card);
     --dashboard-session-card-shadow: var(--shadow-soft);
     --dashboard-session-pill-background: var(--color-surface-inverse-subtle);
     --dashboard-session-pill-border: var(--color-border-inverse-medium);
     --dashboard-session-pill-label-color: var(--color-text-inverse-subtle);
     --dashboard-session-pill-value-color: var(--color-text-inverse);
   }

   .dashboard-session-card {
     display: grid;
     gap: var(--space-md);
     align-content: start;
     padding: var(--card-padding-lg);
     background: var(--dashboard-session-card-background);
     border-color: var(--dashboard-session-card-border);
     box-shadow: var(--dashboard-session-card-shadow);
   }

   .dashboard-session-pill {
     background: var(--dashboard-session-pill-background);
     border-color: var(--dashboard-session-pill-border);
   }

   .dashboard-session-pill .summary-pill-label {
     color: var(--dashboard-session-pill-label-color);
   }

   .dashboard-session-pill .summary-pill-value {
     color: var(--dashboard-session-pill-value-color);
     overflow-wrap: anywhere;
   }

   .dashboard-session-pill--logout {
     display: grid;
     gap: var(--space-sm);
   }

   .dashboard-session-logout-button {
     margin-top: 0;
   }

   /* DASHBOARD FLOW PANEL COLOR CONTROL */
   .agro-app {
     --dashboard-flow-background: var(--card);
     --dashboard-flow-border-color: var(--border);
     --dashboard-flow-title-color: var(--text-strong);
     --dashboard-flow-subtitle-color: var(--muted);
     --dashboard-flow-eyebrow-color: var(--accent);
     --dashboard-flow-shadow: var(--shadow-soft);
   }

   .dashboard-flow-panel {
     background: var(--dashboard-flow-background);
     border-color: var(--dashboard-flow-border-color);
     box-shadow: var(--dashboard-flow-shadow);
   }

   .dashboard-flow-panel .panel-title {
     color: var(--dashboard-flow-title-color);
   }

   .dashboard-flow-panel .panel-subtitle {
     color: var(--dashboard-flow-subtitle-color);
   }

   .dashboard-flow-panel .eyebrow {
     color: var(--dashboard-flow-eyebrow-color);
   }

   /* DASHBOARD FLOW STEP COLOR CONTROL */
   .agro-app {
     --dashboard-flow-step-background: var(--card);
     --dashboard-flow-step-border-color: var(--border);
     --dashboard-flow-step-label-color: var(--muted);
     --dashboard-flow-step-value-color: var(--text-strong);
     --dashboard-flow-step-status-background: var(--dashboard-flow-step-background);
     --dashboard-flow-step-status-border-color: var(--dashboard-flow-step-border-color);
     --dashboard-flow-step-status-label-color: var(--dashboard-flow-step-label-color);
     --dashboard-flow-step-status-value-color: var(--dashboard-flow-step-value-color);
     --dashboard-flow-step-nutrients-background: var(--dashboard-flow-step-background);
     --dashboard-flow-step-nutrients-border-color: var(--dashboard-flow-step-border-color);
     --dashboard-flow-step-nutrients-label-color: var(--dashboard-flow-step-label-color);
     --dashboard-flow-step-nutrients-value-color: var(--dashboard-flow-step-value-color);
     --dashboard-flow-step-plan-background: var(--dashboard-flow-step-background);
     --dashboard-flow-step-plan-border-color: var(--dashboard-flow-step-border-color);
     --dashboard-flow-step-plan-label-color: var(--dashboard-flow-step-label-color);
     --dashboard-flow-step-plan-value-color: var(--dashboard-flow-step-value-color);
     --dashboard-flow-step-history-background: var(--dashboard-flow-step-background);
     --dashboard-flow-step-history-border-color: var(--dashboard-flow-step-border-color);
     --dashboard-flow-step-history-label-color: var(--dashboard-flow-step-label-color);
     --dashboard-flow-step-history-value-color: var(--dashboard-flow-step-value-color);
   }

   .dashboard-flow-panel .dashboard-flow-step {
     background: var(--dashboard-flow-step-background);
     border-color: var(--dashboard-flow-step-border-color);
   }

   .dashboard-flow-panel .dashboard-flow-step .summary-pill-label {
     color: var(--dashboard-flow-step-label-color);
   }

   .dashboard-flow-panel .dashboard-flow-step .summary-pill-value {
     color: var(--dashboard-flow-step-value-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--status {
     background: var(--dashboard-flow-step-status-background);
     border-color: var(--dashboard-flow-step-status-border-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--status .summary-pill-label {
     color: var(--dashboard-flow-step-status-label-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--status .summary-pill-value {
     color: var(--dashboard-flow-step-status-value-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--nutrients {
     background: var(--dashboard-flow-step-nutrients-background);
     border-color: var(--dashboard-flow-step-nutrients-border-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--nutrients .summary-pill-label {
     color: var(--dashboard-flow-step-nutrients-label-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--nutrients .summary-pill-value {
     color: var(--dashboard-flow-step-nutrients-value-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--plan {
     background: var(--dashboard-flow-step-plan-background);
     border-color: var(--dashboard-flow-step-plan-border-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--plan .summary-pill-label {
     color: var(--dashboard-flow-step-plan-label-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--plan .summary-pill-value {
     color: var(--dashboard-flow-step-plan-value-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--history {
     background: var(--dashboard-flow-step-history-background);
     border-color: var(--dashboard-flow-step-history-border-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--history .summary-pill-label {
     color: var(--dashboard-flow-step-history-label-color);
   }

   .dashboard-flow-panel .dashboard-flow-step--history .summary-pill-value {
     color: var(--dashboard-flow-step-history-value-color);
   }

   /* DASHBOARD SIDE CARD COLOR CONTROL */
   .agro-app {
     --dashboard-combined-side-card-height: var(--action-card-height);
     --dashboard-side-card-background: var(--card);
     --dashboard-side-card-border-color: var(--border);
     --dashboard-side-card-shadow: var(--shadow-soft);
   }

   .dashboard-side-card--combined {
     height: var(--dashboard-combined-side-card-height);
   }

   .dashboard-side-card--combined,
   .dashboard-side-card--operations,
   .dashboard-side-card--workflow,
   .dashboard-side-card--session {
     display: flex;
     flex-direction: column;
     padding: 0;
     overflow: hidden;
     background: var(--dashboard-side-card-background);
     border-color: var(--dashboard-side-card-border-color);
     box-shadow: var(--dashboard-side-card-shadow);
   }

   .dashboard-side-card--operational {
     height: var(--action-card-height);
   }

   .dashboard-side-card--operational .dashboard-side-section {
     padding: var(--card-padding-sm) var(--card-padding-md);
   }

   .dashboard-side-section {
     display: flex;
     flex-direction: column;
     padding: var(--card-padding-md);
   }

   /* DASHBOARD OPERATIONS SECTION COLOR CONTROL */
   .agro-app {
     --dashboard-operations-background: var(--card);
     --dashboard-operations-eyebrow-color: var(--accent);
     --dashboard-operations-title-color: var(--text-strong);
     --dashboard-operations-text-color: var(--muted);
   }

   .dashboard-side-section--operations {
     flex: 1 1 auto;
     background: var(--dashboard-operations-background);
     color: var(--dashboard-operations-text-color);
   }

   .dashboard-side-section--operations .eyebrow {
     color: var(--dashboard-operations-eyebrow-color);
   }

   .dashboard-side-section--operations .command-card-title {
     color: var(--dashboard-operations-title-color);
   }

   /* DASHBOARD SESSION SECTION COLOR CONTROL */
   .agro-app {
     --dashboard-session-background: var(--card);
     --dashboard-session-eyebrow-color: var(--accent);
     --dashboard-session-title-color: var(--text-strong);
     --dashboard-session-text-color: var(--muted);
   }

   .dashboard-side-section--session {
     flex: 0 0 auto;
     justify-content: space-between;
     background: var(--dashboard-session-background);
     color: var(--dashboard-session-text-color);
   }

   .dashboard-side-section--session .eyebrow {
     color: var(--dashboard-session-eyebrow-color);
   }

   .dashboard-side-section--session .command-card-title {
     color: var(--dashboard-session-title-color);
   }

   .dashboard-side-section--session .section-subtitle {
     color: var(--dashboard-session-text-color);
   }

   /* DASHBOARD SIDE DIVIDER COLOR CONTROL */
   .agro-app {
     --dashboard-side-card-divider-color: var(--border);
   }

   .dashboard-side-section + .dashboard-side-section {
     border-top: 1px solid var(--dashboard-side-card-divider-color);
   }

   .dashboard-side-stack .dashboard-flow-panel {
     width: 100%;
     padding: var(--card-padding-md);
   }

   .dashboard-side-card--operational .dashboard-flow-panel {
     background: transparent;
     border-color: transparent;
     box-shadow: none;
     margin-top: -5px;
     padding: calc(var(--card-padding-sm) - 3px) var(--card-padding-md) var(--space-sm);
   }

   .dashboard-side-stack .dashboard-flow-panel .panel-head {
     margin-bottom: var(--space-sm);
   }

   .dashboard-side-stack .dashboard-flow-panel .panel-subtitle {
     margin-top: 4px;
     font-size: 12px;
     line-height: 1.25;
   }

   .dashboard-side-stack .dashboard-flow-steps {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 6px;
     margin-top: calc(var(--space-sm) - 3px);
   }

   .dashboard-side-stack .dashboard-flow-step {
     padding: 6px var(--space-sm);
   }

   .dashboard-side-stack .dashboard-flow-step .summary-pill-value {
     font-size: 11px;
     line-height: 1.2;
   }

   .action-card {
     position: relative;
     padding: var(--card-padding-lg);
     text-decoration: none;
     transition: transform 0.18s ease, box-shadow 0.18s ease;
   }


   /* Dashboard right-side card typography */
   .workbench-grid aside .command-card-title {
     font-size: 12px;
   }

   .workbench-grid aside .section-subtitle {
     font-size: 10px;
   }

   .workbench-grid aside .soil-signal-name {
     font-size: 8px;
   }

   .workbench-grid aside .soil-signal-value {
     font-size: 10px;
   }
   .workbench-grid aside .soil-signal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mobile-gap);
  }

   .workbench-grid aside .soil-signal-value {
     margin-top: 0;
     text-align: right;
   }

   /* DASHBOARD SIGNAL CARD COLOR CONTROL */
   .agro-app {
     --dashboard-signal-background: var(--result-secondary-surface);
     --dashboard-signal-border-color: var(--result-secondary-border);
     --dashboard-signal-label-color: var(--muted);
     --dashboard-signal-value-color: var(--text-strong);
     --dashboard-signal-history-count-background: var(--dashboard-signal-background);
     --dashboard-signal-history-count-border-color: var(--dashboard-signal-border-color);
     --dashboard-signal-history-count-label-color: var(--dashboard-signal-label-color);
     --dashboard-signal-history-count-value-color: var(--dashboard-signal-value-color);
     --dashboard-signal-last-decision-background: var(--dashboard-signal-background);
     --dashboard-signal-last-decision-border-color: var(--dashboard-signal-border-color);
     --dashboard-signal-last-decision-label-color: var(--dashboard-signal-label-color);
     --dashboard-signal-last-decision-value-color: var(--dashboard-signal-value-color);
   }

   .dashboard-side-section--operations .dashboard-signal.soil-signal {
     background: var(--dashboard-signal-background);
     border-color: var(--dashboard-signal-border-color);
   }

   .dashboard-side-section--operations .dashboard-signal .soil-signal-name {
     color: var(--dashboard-signal-label-color);
   }

   .dashboard-side-section--operations .dashboard-signal .soil-signal-value {
     color: var(--dashboard-signal-value-color);
   }

   .dashboard-side-section--operations .dashboard-signal--history-count.soil-signal {
     background: var(--dashboard-signal-history-count-background);
     border-color: var(--dashboard-signal-history-count-border-color);
   }

   .dashboard-side-section--operations .dashboard-signal--history-count .soil-signal-name {
     color: var(--dashboard-signal-history-count-label-color);
   }

   .dashboard-side-section--operations .dashboard-signal--history-count .soil-signal-value {
     color: var(--dashboard-signal-history-count-value-color);
   }

   .dashboard-side-section--operations .dashboard-signal--last-decision.soil-signal {
     background: var(--dashboard-signal-last-decision-background);
     border-color: var(--dashboard-signal-last-decision-border-color);
   }

   .dashboard-side-section--operations .dashboard-signal--last-decision .soil-signal-name {
     color: var(--dashboard-signal-last-decision-label-color);
   }

   .dashboard-side-section--operations .dashboard-signal--last-decision .soil-signal-value {
     color: var(--dashboard-signal-last-decision-value-color);
   }

   /* DASHBOARD ACTION CARD COLOR CONTROL */
   .agro-app {
     --dashboard-new-analysis-background: linear-gradient(135deg, var(--color-brand-green-card-start) 0%, var(--color-brand-green-card-end) 100%);
     --dashboard-new-analysis-border: var(--color-border-brand-green-card);
     --dashboard-new-analysis-title-color: var(--color-text-inverse);
     --dashboard-new-analysis-text-color: var(--color-text-inverse);
     --dashboard-new-analysis-eyebrow-color: var(--color-action-orange);
     --dashboard-new-analysis-shadow: var(--shadow-soft);
     --dashboard-new-analysis-hover-shadow: var(--shadow);
     --dashboard-history-background: linear-gradient(135deg, var(--color-brand-green-card-start) 0%, var(--color-brand-green-card-end) 100%);
     --dashboard-history-border: var(--color-border-brand-green-card);
     --dashboard-history-title-color: var(--color-text-inverse);
     --dashboard-history-text-color: var(--color-text-inverse);
     --dashboard-history-eyebrow-color: var(--color-action-orange);
     --dashboard-history-shadow: var(--shadow-soft);
     --dashboard-history-hover-shadow: var(--shadow);
   }

   .action-card--new-analysis {
     background: var(--dashboard-new-analysis-background);
     border-color: var(--dashboard-new-analysis-border);
     box-shadow: var(--dashboard-new-analysis-shadow);
   }

   .action-card--new-analysis .action-title {
     color: var(--dashboard-new-analysis-title-color);
   }

   .action-card--new-analysis .action-description {
     color: var(--dashboard-new-analysis-text-color);
   }

   .action-card--new-analysis .eyebrow {
     color: var(--dashboard-new-analysis-eyebrow-color);
   }

   .action-card--history {
     background: var(--dashboard-history-background);
     border-color: var(--dashboard-history-border);
     box-shadow: var(--dashboard-history-shadow);
   }

   .action-card--history .action-title {
     color: var(--dashboard-history-title-color);
   }

   .action-card--history .action-description {
     color: var(--dashboard-history-text-color);
   }

   .action-card--history .eyebrow {
     color: var(--dashboard-history-eyebrow-color);
   }

   .action-card:hover {
     transform: translateY(-2px);
     box-shadow: var(--shadow);
   }

   .action-card--new-analysis:hover {
     box-shadow: var(--dashboard-new-analysis-hover-shadow);
   }

   .action-card--history:hover {
     box-shadow: var(--dashboard-history-hover-shadow);
   }

   /* DASHBOARD ACTION CARD ARROW CONTROL */
   .agro-app {
     --dashboard-card-arrow-color: var(--color-text-inverse);
     --dashboard-new-analysis-arrow-color: var(--dashboard-card-arrow-color);
     --dashboard-history-arrow-color: var(--dashboard-card-arrow-color);
     --dashboard-card-arrow-horizontal-width: 56px;
     --dashboard-card-arrow-vertical-height: 6px;
     --dashboard-card-arrow-thickness: 1px;
     --dashboard-card-arrow-radius: 5px;
     --dashboard-card-arrow-right: 24px;
     --dashboard-card-arrow-bottom: 23px;
   }

   .dashboard-card-arrow {
     --dashboard-card-arrow-instance-color: var(--dashboard-card-arrow-color);
     display: block;
     position: absolute;
     right: var(--dashboard-card-arrow-right);
     bottom: var(--dashboard-card-arrow-bottom);
     box-sizing: border-box;
     width: var(--dashboard-card-arrow-horizontal-width);
     height: var(--dashboard-card-arrow-vertical-height);
     margin: 0;
     padding: 0;
     background: transparent;
     border-right: var(--dashboard-card-arrow-thickness) solid var(--dashboard-card-arrow-instance-color);
     border-bottom: var(--dashboard-card-arrow-thickness) solid var(--dashboard-card-arrow-instance-color);
     border-bottom-right-radius: var(--dashboard-card-arrow-radius);
     box-shadow: none;
     color: var(--dashboard-card-arrow-instance-color);
     line-height: 1;
     pointer-events: none;
   }

   .action-card--new-analysis .dashboard-card-arrow--new-analysis {
     --dashboard-card-arrow-instance-color: var(--dashboard-new-analysis-arrow-color);
   }

   .action-card--history .dashboard-card-arrow--history {
     --dashboard-card-arrow-instance-color: var(--dashboard-history-arrow-color);
   }

   .dashboard-card-arrow::before,
   .dashboard-card-arrow::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -1px;
     width: 6px;
     height: var(--dashboard-card-arrow-thickness);
     background: var(--dashboard-card-arrow-instance-color);
     border-radius: var(--radius-pill);
     transform-origin: left center;
   }

   .dashboard-card-arrow::before {
     transform: rotate(38deg);
   }

   .dashboard-card-arrow::after {
     transform: rotate(-38deg);
   }

  body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow {
    display: block;
    position: absolute;
    right: 28px;
    bottom: 25px;
    width: 56px;
    height: 6px;
    z-index: 5;
    opacity: 0.95;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.88);
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    border-bottom-right-radius: 5px;
    filter: none;
    background: transparent;
    box-shadow: none;
    border-left: 0;
    border-top: 0;
    transform: none;
  }

  body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 6px;
    height: 1px;
    background: currentColor;
    transform: rotate(38deg);
    transform-origin: left center;
    display: block;
    pointer-events: none;
    border: 0;
    border-radius: var(--radius-pill);
  }

  body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 6px;
    height: 1px;
    background: currentColor;
    transform: rotate(-38deg);
    transform-origin: left center;
    display: block;
    pointer-events: none;
    border: 0;
    border-radius: var(--radius-pill);
  }

  body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow::before,
  body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow::after {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }

   .action-title {
     margin: 36px;
     color: var(--text-strong);
     font-size: 32px;
   }

   .action-description {
     margin: 100px 0 108px;
     color: var(--muted);
   }

   .analysis-list {
     display: grid;
     gap: var(--layout-gap-card);
   }

   .analysis-card {
     padding: var(--card-padding-md);
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
     gap: var(--layout-gap-card);
     align-items: center;
     cursor: pointer;
     transition: transform 0.18s ease, box-shadow 0.18s ease;
   }

   .analysis-info {
     display: grid;
     gap: var(--space-md);
     min-width: 0;
   }

   .analysis-card:hover {
     transform: translateY(-2px);
     box-shadow: var(--shadow);
   }

   .analysis-header {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: var(--space-md);
   }

   .analysis-crop {
     color: var(--text-strong);
     font-size: 20px;
     font-weight: 900;
   }

   .analysis-meta,
   .decision-meta {
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-md) var(--space-2xl);
     margin-top: var(--space-md);
     color: var(--muted);
     font-size: 13px;
   }

   .analysis-meta-item,
   .decision-meta-item {
     display: flex;
     gap: 5px;
   }

   .meta-label {
     color: var(--muted-strong);
     font-weight: 900;
   }

   .decision-strip {
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-sm);
     margin-top: var(--space-lg);
   }

   .decision-strip .summary-pill {
     background: var(--color-surface-card);
     border-color: var(--border);
   }

   .decision-strip .summary-pill-label {
     color: var(--muted);
   }

   .decision-strip .summary-pill-value {
     color: var(--text-strong);
     font-size: 12px;
   }

   .analysis-actions {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     align-items: center;
     gap: var(--space-sm);
    }

   .empty-state {
     padding: 46px 26px;
     text-align: center;
   }

   .empty-title {
     margin: 0 0 var(--space-sm);
     color: var(--text-strong);
     font-size: 24px;
   }

   .empty-text {
     margin: 0 0 var(--card-padding-lg);
     color: var(--muted);
   }

   /* HISTORY HERO COLOR CONTROL */
   .agro-app {
     --history-hero-background: var(--card-strong);
     --history-hero-border-color: var(--color-border-inverse-soft);
     --history-hero-title-color: var(--color-text-inverse);
     --history-hero-subtitle-color: var(--color-text-inverse-muted);
     --history-hero-eyebrow-color: var(--accent);
     --history-hero-shadow: var(--shadow);
     --history-hero-accent-ring-color: var(--color-border-accent-translucent);
   }

   .history-hero {
     background: var(--history-hero-background);
     border-color: var(--history-hero-border-color);
     box-shadow: var(--history-hero-shadow);
   }

   .history-hero::after {
     border-color: var(--history-hero-accent-ring-color);
   }

   .history-hero .workbench-title {
     color: var(--history-hero-title-color);
   }

   .history-hero .workbench-subtitle {
     color: var(--history-hero-subtitle-color);
   }

   .history-hero .eyebrow {
     color: var(--history-hero-eyebrow-color);
   }

   /* HISTORY ARCHIVE PANEL COLOR CONTROL */
   .agro-app {
     --history-archive-background: var(--card);
     --history-archive-border-color: var(--border);
     --history-archive-title-color: var(--text-strong);
     --history-archive-subtitle-color: var(--muted);
     --history-archive-text-color: var(--muted-strong);
     --history-archive-eyebrow-color: var(--accent);
     --history-archive-shadow: var(--shadow-soft);
   }

   .history-archive-panel {
     background: var(--history-archive-background);
     border-color: var(--history-archive-border-color);
     box-shadow: var(--history-archive-shadow);
     color: var(--history-archive-text-color);
   }

   .history-archive-panel .eyebrow {
     color: var(--history-archive-eyebrow-color);
   }

   .history-archive-panel .panel-title {
     color: var(--history-archive-title-color);
   }

   .history-archive-panel .panel-subtitle {
     color: var(--history-archive-subtitle-color);
   }

   .history-archive-toolbar {
     display: flex;
     justify-content: flex-end;
     margin: 0 0 var(--layout-gap-card);
   }

   /* HISTORY FILTER COLOR CONTROL */
   .agro-app {
     --history-filter-background: var(--input-bg);
     --history-filter-border-color: var(--border);
     --history-filter-input-background: var(--input-bg);
     --history-filter-input-border-color: var(--border-strong);
     --history-filter-input-focus-background: var(--color-surface-card);
     --history-filter-input-focus-border-color: var(--accent);
     --history-filter-input-text-color: var(--text);
     --history-filter-empty-background: var(--status-neutral-bg);
     --history-filter-empty-border-color: var(--status-neutral-border);
     --history-filter-empty-text-color: var(--status-neutral-text);
   }

   .history-filter {
     display: grid;
     grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 190px) minmax(130px, 170px) minmax(130px, 170px) minmax(150px, 190px) minmax(220px, auto);
     gap: var(--space-md);
     align-items: end;
     margin: 0 0 var(--layout-gap-card);
     padding: var(--space-lg);
     background: var(--history-filter-background);
     border: 1px solid var(--history-filter-border-color);
     border-radius: var(--radius-sm);
   }

   .history-filter-field {
     min-width: 0;
   }

   .history-filter-label {
     display: block;
     margin: 0 0 var(--space-xs);
     color: var(--muted-strong);
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0;
   }

   .history-filter-input,
   .history-filter-select {
     width: 100%;
     min-height: var(--field-height-compact);
     padding: var(--field-padding-y-compact) var(--field-padding-x-compact);
     background: var(--history-filter-input-background);
     border: 1px solid var(--history-filter-input-border-color);
     border-radius: var(--radius-sm);
     color: var(--history-filter-input-text-color);
     font: inherit;
     font-size: 14px;
     outline: none;
     transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
   }

   .history-filter-input:focus,
   .history-filter-select:focus {
     background: var(--history-filter-input-focus-background);
     border-color: var(--history-filter-input-focus-border-color);
     box-shadow: var(--focus);
   }

   .history-filter-button {
     min-height: var(--field-height-compact);
     white-space: nowrap;
   }

   .history-filter-actions {
     display: flex;
     gap: var(--space-sm);
     align-items: end;
     justify-content: flex-end;
   }

   .history-filter-actions .history-filter-button {
     flex: 0 0 auto;
   }

   .history-filter-empty {
     display: grid;
     place-items: center;
     min-height: 130px;
     padding: var(--card-padding-md);
     background: var(--history-filter-empty-background);
     border: 1px solid var(--history-filter-empty-border-color);
     border-radius: var(--radius-sm);
     color: var(--history-filter-empty-text-color);
     text-align: center;
   }

   .history-filter-empty p {
     margin: 0;
     font-size: 14px;
     font-weight: 800;
     line-height: 1.45;
   }

   .history-status {
     margin: 0 0 var(--space-lg);
     padding: var(--space-sm) var(--space-md);
     border: 1px solid var(--status-neutral-border);
     background: var(--status-neutral-bg);
     color: var(--status-neutral-text);
     font-weight: 700;
   }

   .history-status--success {
     border-color: var(--status-success-border);
     background: var(--status-success-bg);
     color: var(--status-success-text);
   }

   .history-status--error {
     border-color: var(--status-danger-border);
     background: var(--status-danger-bg);
     color: var(--status-danger-text);
   }

   .history-status--loading {
     border-color: var(--status-warning-border);
     background: var(--status-warning-bg);
     color: var(--status-warning-text);
   }

   /* HISTORY ANALYSIS CARD COLOR CONTROL */
   .agro-app {
     --history-analysis-card-background: var(--card);
     --history-analysis-card-border-color: var(--border);
     --history-analysis-card-title-color: var(--text-strong);
     --history-analysis-card-text-color: var(--muted-strong);
     --history-analysis-card-meta-color: var(--muted);
     --history-analysis-card-actions-color: var(--muted-strong);
     --history-analysis-card-hover-shadow: var(--shadow);
     --history-analysis-badge-complete-background: var(--status-success-bg);
     --history-analysis-badge-complete-border-color: var(--status-success-border);
     --history-analysis-badge-complete-text-color: var(--status-success-text);
     --history-analysis-badge-partial-background: var(--status-warning-bg);
     --history-analysis-badge-partial-border-color: var(--status-warning-border);
     --history-analysis-badge-partial-text-color: var(--status-warning-text);
     --history-analysis-badge-primary-plan-background: var(--status-success-bg);
     --history-analysis-badge-primary-plan-border-color: var(--status-success-border);
     --history-analysis-badge-primary-plan-text-color: var(--status-success-text);
     --history-analysis-badge-fallback-background: var(--status-neutral-bg);
     --history-analysis-badge-fallback-border-color: var(--status-neutral-border);
     --history-analysis-badge-fallback-text-color: var(--status-neutral-text);
   }

   .history-analysis-card {
     background: var(--history-analysis-card-background);
     border-color: var(--history-analysis-card-border-color);
     color: var(--history-analysis-card-text-color);
   }

   .history-analysis-card:hover {
     box-shadow: var(--history-analysis-card-hover-shadow);
   }

   .history-analysis-card .history-analysis-title {
     color: var(--history-analysis-card-title-color);
   }

   .history-analysis-card .history-analysis-actions {
     color: var(--history-analysis-card-actions-color);
   }

   .history-analysis-card .history-analysis-badge--complete {
     background: var(--history-analysis-badge-complete-background);
     border-color: var(--history-analysis-badge-complete-border-color);
     color: var(--history-analysis-badge-complete-text-color);
   }

   .history-analysis-card .history-analysis-badge--partial {
     background: var(--history-analysis-badge-partial-background);
     border-color: var(--history-analysis-badge-partial-border-color);
     color: var(--history-analysis-badge-partial-text-color);
   }

   .history-analysis-card .history-analysis-badge--product-plan {
     background: var(--history-analysis-badge-primary-plan-background);
     border-color: var(--history-analysis-badge-primary-plan-border-color);
     color: var(--history-analysis-badge-primary-plan-text-color);
   }

   .history-analysis-card .history-analysis-badge--fallback {
     background: var(--history-analysis-badge-fallback-background);
     border-color: var(--history-analysis-badge-fallback-border-color);
     color: var(--history-analysis-badge-fallback-text-color);
   }

   /* Crop-specific overrides can be attached later through
      .history-analysis-card--crop-{crop-code} selectors in fert-recommender-saas-codex-hybrid. */

   /* HISTORY ANALYSIS META COLOR CONTROL */
   .agro-app {
     --history-analysis-meta-label-color: var(--muted-strong);
     --history-analysis-meta-value-color: var(--muted);
   }

   .history-analysis-meta {
     color: var(--history-analysis-meta-value-color);
   }

   .history-analysis-meta .history-analysis-meta-item {
     color: var(--history-analysis-meta-value-color);
   }

   .history-analysis-meta .history-analysis-meta-label {
     color: var(--history-analysis-meta-label-color);
   }

   .history-analysis-meta-item--producer {
     overflow-wrap: anywhere;
   }

   /* HISTORY DECISION PILL COLOR CONTROL */
   .agro-app {
     --history-decision-pill-background: var(--input-bg);
     --history-decision-pill-border-color: var(--border);
     --history-decision-pill-label-color: var(--muted);
     --history-decision-pill-value-color: var(--text-strong);
   }

   .history-analysis-decision-strip .history-analysis-pill {
     background: var(--history-decision-pill-background);
     border-color: var(--history-decision-pill-border-color);
   }

   .history-analysis-decision-strip .history-analysis-pill-label {
     color: var(--history-decision-pill-label-color);
   }

   .history-analysis-decision-strip .history-analysis-pill-value {
     color: var(--history-decision-pill-value-color);
   }

   /* HISTORY EMPTY STATE COLOR CONTROL */
   .agro-app {
     --history-empty-state-background: var(--card);
     --history-empty-state-border-color: var(--border);
     --history-empty-state-title-color: var(--text-strong);
     --history-empty-state-text-color: var(--muted);
     --history-empty-state-shadow: var(--shadow-soft);
   }

   .history-empty-state {
     background: var(--history-empty-state-background);
     border-color: var(--history-empty-state-border-color);
     box-shadow: var(--history-empty-state-shadow);
   }

   .history-empty-state .empty-title {
     color: var(--history-empty-state-title-color);
   }

   .history-empty-state .empty-text {
     color: var(--history-empty-state-text-color);
   }

   /* Forms */
   .form-layout {
     display: grid;
     grid-template-columns: var(--form-layout-columns);
     gap: var(--main-side-gap);
     margin-top: var(--layout-gap-section);
     align-items: start;
   }

   .form-side,
   .form-main {
     padding: var(--card-padding-lg);
     background: var(--card);
     border: 1px solid var(--border);
     border-radius: var(--radius);
     box-shadow: var(--shadow-soft);
   }

   /* FORM SIDE SECTION COLOR CONTROL */
   .agro-app {
     --form-side-background: var(--color-surface-form-side);
     --form-side-border-color: var(--border);
     --form-side-title-color: var(--text-strong);
     --form-side-text-color: var(--muted);
     --form-side-inner-background: var(--input-bg);
     --form-side-inner-border-color: var(--border);
   }

   .form-side {
     background: var(--form-side-background);
     border-color: var(--form-side-border-color);
     color: var(--form-side-text-color);
   }

   .form-side .eyebrow,
   .form-side .section-title,
   .form-side .form-step strong {
     color: var(--form-side-title-color);
   }

   .form-side .section-subtitle,
   .form-side .form-step span {
     color: var(--form-side-text-color);
   }

   .form-side .form-step {
     background: var(--form-side-inner-background);
     border: 1px solid var(--form-side-inner-border-color);
   }

   /* FORM MAIN SECTION COLOR CONTROL */
   .agro-app {
     --form-main-background: var(--color-surface-panel);
     --form-main-text-color: var(--color-text-inverse);
     --form-main-label-color: var(--color-text-inverse);
     --form-main-help-color: var(--color-text-inverse-muted);
     --form-main-border-color: var(--border);
   }

   .form-main {
     background: var(--form-main-background);
     color: var(--form-main-text-color);
     border-color: var(--form-main-border-color);
   }

   .form-main label {
    color: var(--form-main-label-color);
   }

   .form-main .help,
   .form-main .input-note {
    color: var(--form-main-help-color);
   }

   /* NEW ANALYSIS HERO COLOR CONTROL */
   .agro-app {
     --new-analysis-hero-background: var(--card-strong);
     --new-analysis-hero-border-color: var(--color-border-inverse-soft);
     --new-analysis-hero-title-color: var(--color-text-inverse);
     --new-analysis-hero-subtitle-color: var(--color-text-inverse-muted);
     --new-analysis-hero-eyebrow-color: var(--accent);
     --new-analysis-hero-shadow: var(--shadow);
     --new-analysis-hero-accent-ring-color: var(--color-border-accent-translucent);
   }

   .new-analysis-hero {
     background: var(--new-analysis-hero-background);
     border-color: var(--new-analysis-hero-border-color);
     box-shadow: var(--new-analysis-hero-shadow);
   }

   .new-analysis-hero::after {
     border-color: var(--new-analysis-hero-accent-ring-color);
   }

   .new-analysis-hero .form-title {
     color: var(--new-analysis-hero-title-color);
   }

   .new-analysis-hero .form-subtitle {
     color: var(--new-analysis-hero-subtitle-color);
   }

   .new-analysis-hero .eyebrow {
     color: var(--new-analysis-hero-eyebrow-color);
   }

   /* NEW ANALYSIS SIDE CARD COLOR CONTROL */
   .agro-app {
     --new-analysis-side-background: var(--form-side-background);
     --new-analysis-side-border-color: var(--form-side-border-color);
     --new-analysis-side-title-color: var(--form-side-title-color);
     --new-analysis-side-text-color: var(--form-side-text-color);
     --new-analysis-side-eyebrow-color: var(--accent);
   }

   .new-analysis-side {
     --form-side-background: var(--new-analysis-side-background);
     --form-side-border-color: var(--new-analysis-side-border-color);
     --form-side-title-color: var(--new-analysis-side-title-color);
     --form-side-text-color: var(--new-analysis-side-text-color);
     background: var(--new-analysis-side-background);
     border-color: var(--new-analysis-side-border-color);
     color: var(--new-analysis-side-text-color);
   }

   .new-analysis-side .eyebrow {
     color: var(--new-analysis-side-eyebrow-color);
   }

   .new-analysis-side .section-title {
     color: var(--new-analysis-side-title-color);
   }

   /* NEW ANALYSIS MAIN CARD COLOR CONTROL */
   .agro-app {
     --new-analysis-main-background: var(--form-main-background);
     --new-analysis-main-border-color: var(--form-main-border-color);
     --new-analysis-main-title-color: var(--form-main-text-color);
     --new-analysis-main-text-color: var(--form-main-text-color);
     --new-analysis-main-label-color: var(--form-main-label-color);
     --new-analysis-main-help-color: var(--form-main-help-color);
     --new-analysis-main-section-border-color: var(--border);
   }

   .new-analysis-main {
     --form-main-background: var(--new-analysis-main-background);
     --form-main-border-color: var(--new-analysis-main-border-color);
     --form-main-text-color: var(--new-analysis-main-text-color);
     --form-main-label-color: var(--new-analysis-main-label-color);
     --form-main-help-color: var(--new-analysis-main-help-color);
     background: var(--new-analysis-main-background);
     border-color: var(--new-analysis-main-border-color);
     color: var(--new-analysis-main-text-color);
   }

   .new-analysis-main label {
     color: var(--new-analysis-main-label-color);
   }

   .new-analysis-main .help,
   .new-analysis-main .input-note,
   .new-analysis-main .section-note,
   .new-analysis-main .section-subtitle {
     color: var(--new-analysis-main-help-color);
   }

   .new-analysis-main .section-title {
     color: var(--new-analysis-main-title-color);
   }

   .new-analysis-main .section {
     border-top-color: var(--new-analysis-main-section-border-color);
   }

   /* PARAMETERS HERO COLOR CONTROL */
   .agro-app {
     --parameters-hero-background: var(--card-strong);
     --parameters-hero-border-color: var(--color-border-inverse-soft);
     --parameters-hero-title-color: var(--color-text-inverse);
     --parameters-hero-subtitle-color: var(--color-text-inverse-muted);
     --parameters-hero-eyebrow-color: var(--accent);
     --parameters-hero-shadow: var(--shadow);
     --parameters-hero-accent-ring-color: var(--color-border-accent-translucent);
   }

   .parameters-hero {
     background: var(--parameters-hero-background);
     border-color: var(--parameters-hero-border-color);
     box-shadow: var(--parameters-hero-shadow);
   }

   .parameters-hero::after {
     border-color: var(--parameters-hero-accent-ring-color);
   }

   .parameters-hero .form-title {
     color: var(--parameters-hero-title-color);
   }

   .parameters-hero .form-subtitle {
     color: var(--parameters-hero-subtitle-color);
   }

   .parameters-hero .eyebrow {
     color: var(--parameters-hero-eyebrow-color);
   }

   /* PARAMETERS SIDE CARD COLOR CONTROL */
   .agro-app {
     --parameters-side-background: var(--form-side-background);
     --parameters-side-border-color: var(--form-side-border-color);
     --parameters-side-title-color: var(--form-side-title-color);
     --parameters-side-text-color: var(--form-side-text-color);
     --parameters-side-eyebrow-color: var(--accent);
   }

   .parameters-side {
     --form-side-background: var(--parameters-side-background);
     --form-side-border-color: var(--parameters-side-border-color);
     --form-side-title-color: var(--parameters-side-title-color);
     --form-side-text-color: var(--parameters-side-text-color);
     background: var(--parameters-side-background);
     border-color: var(--parameters-side-border-color);
     color: var(--parameters-side-text-color);
   }

   .parameters-side .eyebrow {
     color: var(--parameters-side-eyebrow-color);
   }

   .parameters-side .section-title {
     color: var(--parameters-side-title-color);
   }

   /* PARAMETERS MAIN CARD COLOR CONTROL */
   .agro-app {
     --parameters-main-background: var(--form-main-background);
     --parameters-main-border-color: var(--form-main-border-color);
     --parameters-main-title-color: var(--form-main-text-color);
     --parameters-main-text-color: var(--form-main-text-color);
     --parameters-main-label-color: var(--form-main-label-color);
     --parameters-main-help-color: var(--form-main-help-color);
     --parameters-main-section-border-color: var(--border);
   }

   .parameters-main {
     --form-main-background: var(--parameters-main-background);
     --form-main-border-color: var(--parameters-main-border-color);
     --form-main-text-color: var(--parameters-main-text-color);
     --form-main-label-color: var(--parameters-main-label-color);
     --form-main-help-color: var(--parameters-main-help-color);
     background: var(--parameters-main-background);
     border-color: var(--parameters-main-border-color);
     color: var(--parameters-main-text-color);
   }

   .parameters-main label {
     color: var(--parameters-main-label-color);
   }

   .parameters-main .help,
   .parameters-main .input-note,
   .parameters-main .section-note,
   .parameters-main .section-subtitle {
     color: var(--parameters-main-help-color);
   }

   .parameters-main .section-title {
     color: var(--parameters-main-title-color);
   }

   .parameters-main .section {
     border-top-color: var(--parameters-main-section-border-color);
   }

   /* PARAMETERS SECTION COLOR CONTROL */
   .agro-app {
     --parameters-production-scenario-background: transparent;
     --parameters-production-scenario-border-color: var(--parameters-main-section-border-color);
     --parameters-production-scenario-title-color: var(--parameters-main-title-color);
     --parameters-production-scenario-note-color: var(--parameters-main-help-color);
     --parameters-soil-analysis-background: transparent;
     --parameters-soil-analysis-border-color: var(--parameters-main-section-border-color);
     --parameters-soil-analysis-title-color: var(--parameters-main-title-color);
     --parameters-soil-analysis-note-color: var(--parameters-main-help-color);
   }

   .parameters-main .parameters-section {
     background: var(--parameters-section-background, transparent);
     border-top-color: var(--parameters-section-border-color, var(--parameters-main-section-border-color));
   }

   .parameters-main .parameters-section .section-title {
     color: var(--parameters-section-title-color, var(--parameters-main-title-color));
   }

   .parameters-main .parameters-section .section-note {
     color: var(--parameters-section-note-color, var(--parameters-main-help-color));
   }

   .parameters-main .parameters-section--production-scenario {
     --parameters-section-background: var(--parameters-production-scenario-background);
     --parameters-section-border-color: var(--parameters-production-scenario-border-color);
     --parameters-section-title-color: var(--parameters-production-scenario-title-color);
     --parameters-section-note-color: var(--parameters-production-scenario-note-color);
   }

   .parameters-main .parameters-section--soil-analysis {
     --parameters-section-background: var(--parameters-soil-analysis-background);
     --parameters-section-border-color: var(--parameters-soil-analysis-border-color);
     --parameters-section-title-color: var(--parameters-soil-analysis-title-color);
     --parameters-section-note-color: var(--parameters-soil-analysis-note-color);
   }

   .parameters-page .nodulation-risk-field {
     gap: var(--space-xs);
     max-width: 420px;
     align-self: start;
   }

   .parameters-page .nodulation-risk-field[hidden],
   .parameters-page .nodulation-risk-field.is-hidden {
     display: none !important;
     transform: none;
     margin-bottom: 0;
   }

   .parameters-page .nodulation-risk-field .checkbox-row {
     display: inline-flex;
     align-items: center;
     width: fit-content;
     min-height: 0;
     max-width: 100%;
     padding: 6px var(--space-md);
     gap: var(--space-sm);
   }

   .parameters-page .nodulation-risk-field .checkbox-row input[type="checkbox"] {
     width: 16px;
     min-height: 16px;
     height: 16px;
     opacity: 1;
     cursor: pointer;
   }

   .parameters-page .nodulation-risk-field .checkbox-row label {
     display: inline-flex;
     align-items: center;
     color: var(--text-strong);
     font-size: 13px;
     font-weight: 800;
     line-height: 1.2;
     white-space: nowrap;
     opacity: 1;
     cursor: pointer;
   }

   .parameters-page .parameters-production-grid {
     --parameters-soy-left-group-lift: 44px;
   }

   body.parameters-page.is-soy-crop .parameters-production-grid .parameters-field--previous-crop,
   body.parameters-page.is-soy-crop .parameters-production-grid .parameters-field--residue-management,
   body.parameters-page.is-soy-crop .parameters-production-grid .nodulation-risk-field {
     transform: translateY(calc(-1 * var(--parameters-soy-left-group-lift)));
   }

   body.parameters-page.is-soy-crop .parameters-production-grid .nodulation-risk-field {
     margin-bottom: calc(-1 * var(--parameters-soy-left-group-lift));
   }

   .section {
     padding: var(--layout-gap-section) 0;
     border-top: 1px solid var(--border);
   }

   .section:first-child {
     padding-top: 0;
     border-top: 0;
   }

   .section-title {
     margin-bottom: var(--space-sm);
   }

   .section-note {
     margin: 0 0 var(--space-2xl);
     color: var(--muted);
     font-size: 13px;
   }

   .form-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--layout-gap-card) var(--space-2xl);
   }

   .field-full {
     grid-column: 1 / -1;
   }

   /* RESULT SAVE NOTICE COLOR CONTROL */
   .agro-app {
     --result-save-notice-background: var(--status-success-bg);
     --result-save-notice-border-color: var(--status-success-border-strong);
     --result-save-notice-text-color: var(--status-success-text);
   }

   .save-notice {
     position: fixed;
     right: var(--space-6xl);
     bottom: var(--space-6xl);
     z-index: 40;
     padding: var(--field-padding-x) var(--space-2xl);
     background: var(--status-success-bg);
     border: 1px solid var(--status-success-border-strong);
     border-radius: var(--radius-sm);
     box-shadow: var(--shadow);
     color: var(--status-success-text);
     font-weight: 900;
     pointer-events: none;
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
     transform: translateY(20px);
   }

   .save-notice.show {
     visibility: visible;
     opacity: 1;
     transition-delay: 0s;
     transform: translateY(0);
   }

   .result-save-notice {
     background: var(--result-save-notice-background);
     border-color: var(--result-save-notice-border-color);
     color: var(--result-save-notice-text-color);
   }

   .form-main .section-title {
    color: var(--form-main-text-color);
   }

   .form-main .section-subtitle {
    color: var(--form-main-help-color);
   }

   .form-main .section-note {
    color: var(--form-main-help-color);
   }

   /* ============================================================
      GRID SYSTEM (from V2 + Italian spacing)
      ============================================================ */

   .grid-2-col {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: var(--layout-gap-grid);
   }

   .grid-3-col {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: var(--layout-gap-grid);
   }

   .grid-auto {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: var(--layout-gap-grid);
   }

   /* ============================================================
      ITALIAN HOVER EFFECTS (elevazione, senke)
      ============================================================ */

   .card-hover,
   .command-card-hover,
   .action-card-hover {
     transition: transform 0.25s ease, box-shadow 0.25s ease;
   }

   .card-hover:hover,
   .command-card-hover:hover,
   .action-card-hover:hover {
     transform: translateY(-3px);
     box-shadow: var(--shadow-card-hover);
   }

   /* Enhanced button hover (subtle color shift) */
   .btn:hover,
   .btn-primary:hover,
   .btn-secondary:hover,
   .btn-success:hover {
     box-shadow: var(--shadow-button-hover);
   }

   /* ============================================================
      AGRITALIA BRANDING
      ============================================================ */

   .agritalia-header {
     display: flex;
     align-items: center;
     gap: var(--space-2xl);
     padding: var(--space-2xl) 90px;
     background: var(--card);
     border-bottom: 1px solid var(--border);
   }

   .screen-header {
    display: flex;
   }

   .agritalia-header-logo {
     height: 50px;
     opacity: 0.92;
     transition: opacity 0.25s ease;
   }

   .agritalia-header-logo:hover {
     opacity: 1;
   }

   .agritalia-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: var(--space-2xl) var(--space-6xl);
     margin-top: var(--space-9xl);
     border-top: 1px solid var(--border);
   }

   .agritalia-footer-logo {
     height: 60px;
     opacity: 0.75;
   }

   .agritalia-footer-text {
     color: var(--muted);
     font-size: 12px;
   }

   /* Print header/footer with logo */
   .print-header,
   .print-footer {
     display: none;
   }

   @media print {
     .print-header {
       display: flex !important;
       align-items: center;
       justify-content: center;
       padding: 20px 0;
       border-bottom: 2px solid var(--primary);
       margin-bottom: 24px;
     }

     .print-header img {
       height: 40px;
     }

     .print-footer {
       display: flex !important;
       align-items: center;
       justify-content: space-between;
       padding: 12px 0;
       border-top: 1px solid var(--border);
       margin-top: 24px;
     }

     .print-footer img {
       height: 20px;
     }

     .print-footer-text {
       font-size: 9pt;
       color: var(--muted);
     }
   }

   /* ============================================================
      SAVED ANALYSIS REPORT
      ============================================================ */

   body.report-app {
     background:
       linear-gradient(180deg, rgba(var(--color-shadow-rgb), 0.05), rgba(var(--color-shadow-rgb), 0) 220px),
       var(--color-surface-page-bottom);
   }

   .report-page {
     width: min(var(--report-max-width), calc(100% - var(--shell-page-gutter)));
     margin: 0 auto;
     padding: var(--report-sheet-padding) 0 var(--page-padding-bottom);
   }

   /* DETAIL REPORT SHEET COLOR CONTROL */
   .agro-app {
     --detail-report-sheet-background: var(--color-surface-card);
     --detail-report-sheet-border-color: var(--border);
     --detail-report-sheet-shadow: var(--shadow);
     --detail-report-sheet-text-color: var(--muted-strong);
   }

   .detail-report-sheet {
     background: var(--detail-report-sheet-background);
     border-color: var(--detail-report-sheet-border-color);
     box-shadow: var(--detail-report-sheet-shadow);
     color: var(--detail-report-sheet-text-color);
   }

   .report-sheet {
     background: var(--color-surface-card);
     border: 1px solid var(--border);
     border-radius: var(--radius);
     box-shadow: var(--shadow);
     padding: var(--report-sheet-padding);
   }

   /* DETAIL REPORT HEADER COLOR CONTROL */
   .agro-app {
     --detail-report-header-border-color: var(--primary);
     --detail-report-header-title-color: var(--text-strong);
     --detail-report-header-kicker-color: var(--muted);
     --detail-report-stamp-background: var(--status-neutral-bg);
     --detail-report-stamp-border-color: var(--status-neutral-border);
     --detail-report-stamp-text-color: var(--status-neutral-text);
   }

   .detail-report-header {
     border-bottom-color: var(--detail-report-header-border-color);
   }

   .detail-report-header .report-title {
     color: var(--detail-report-header-title-color);
   }

   .detail-report-header .report-kicker {
     color: var(--detail-report-header-kicker-color);
   }

   .detail-report-stamp {
     background: var(--detail-report-stamp-background);
     border-color: var(--detail-report-stamp-border-color);
     color: var(--detail-report-stamp-text-color);
   }

   .report-header,
   .report-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: var(--layout-gap-grid);
   }

   .report-header {
     padding-bottom: var(--space-2xl);
     border-bottom: 2px solid var(--primary);
   }

   .report-brand {
     display: flex;
     align-items: center;
     gap: var(--space-2xl);
     min-width: 0;
   }

   .report-logo {
     width: auto;
     height: 42px;
     flex: 0 0 auto;
   }

   .report-kicker {
     margin: 0 0 4px;
     color: var(--muted);
     font-size: 11px;
     font-weight: 900;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }

   .report-title {
     margin: 0;
     color: var(--text-strong);
     font-size: 28px;
     line-height: 1.12;
     letter-spacing: 0;
   }

   .report-stamp {
     padding: var(--space-sm) var(--space-md);
     background: var(--status-neutral-bg);
     border: 1px solid var(--status-neutral-border);
     border-radius: var(--radius-sm);
     color: var(--status-neutral-text);
     font-size: 12px;
     font-weight: 800;
     white-space: nowrap;
   }

   .report-meta-grid {
     display: grid;
     grid-template-columns: repeat(6, minmax(0, 1fr));
     gap: var(--space-sm);
     margin-top: var(--space-2xl);
   }

   .detail-report-sheet .report-meta-grid {
     grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
   }

   /* DETAIL REPORT META CARD COLOR CONTROL */
   .agro-app {
     --detail-report-meta-card-background: var(--status-neutral-bg);
     --detail-report-meta-card-border-color: var(--status-neutral-border);
     --detail-report-meta-card-label-color: var(--status-neutral-text);
     --detail-report-meta-card-value-color: var(--text-strong);
     --detail-report-meta-card-date-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-date-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-date-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-date-value-color: var(--detail-report-meta-card-value-color);
     --detail-report-meta-card-crop-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-crop-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-crop-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-crop-value-color: var(--detail-report-meta-card-value-color);
     --detail-report-meta-card-parcel-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-parcel-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-parcel-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-parcel-value-color: var(--detail-report-meta-card-value-color);
     --detail-report-meta-card-producer-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-producer-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-producer-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-producer-value-color: var(--detail-report-meta-card-value-color);
     --detail-report-meta-card-parcel-number-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-parcel-number-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-parcel-number-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-parcel-number-value-color: var(--detail-report-meta-card-value-color);
     --detail-report-meta-card-soil-type-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-soil-type-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-soil-type-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-soil-type-value-color: var(--detail-report-meta-card-value-color);
     --detail-report-meta-card-yield-background: var(--detail-report-meta-card-background);
     --detail-report-meta-card-yield-border-color: var(--detail-report-meta-card-border-color);
     --detail-report-meta-card-yield-label-color: var(--detail-report-meta-card-label-color);
     --detail-report-meta-card-yield-value-color: var(--detail-report-meta-card-value-color);
   }

   .detail-report-meta-card {
     background: var(--detail-report-meta-card-instance-background, var(--detail-report-meta-card-background));
     border-color: var(--detail-report-meta-card-instance-border-color, var(--detail-report-meta-card-border-color));
   }

   .detail-report-meta-card span {
     color: var(--detail-report-meta-card-instance-label-color, var(--detail-report-meta-card-label-color));
   }

   .detail-report-meta-card strong {
     color: var(--detail-report-meta-card-instance-value-color, var(--detail-report-meta-card-value-color));
   }

   .detail-report-meta-card--date {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-date-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-date-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-date-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-date-value-color);
   }

   .detail-report-meta-card--crop {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-crop-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-crop-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-crop-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-crop-value-color);
   }

   .detail-report-meta-card--parcel {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-parcel-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-parcel-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-parcel-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-parcel-value-color);
   }

   .detail-report-meta-card--producer {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-producer-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-producer-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-producer-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-producer-value-color);
   }

   .detail-report-meta-card--parcel-number {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-parcel-number-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-parcel-number-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-parcel-number-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-parcel-number-value-color);
   }

   .detail-report-meta-card--soil-type {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-soil-type-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-soil-type-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-soil-type-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-soil-type-value-color);
   }

   .detail-report-meta-card--yield {
     --detail-report-meta-card-instance-background: var(--detail-report-meta-card-yield-background);
     --detail-report-meta-card-instance-border-color: var(--detail-report-meta-card-yield-border-color);
     --detail-report-meta-card-instance-label-color: var(--detail-report-meta-card-yield-label-color);
     --detail-report-meta-card-instance-value-color: var(--detail-report-meta-card-yield-value-color);
   }

   .report-meta-item,
   .report-summary-item,
   .report-note-box {
     background: var(--status-neutral-bg);
     border: 1px solid var(--status-neutral-border);
     border-radius: var(--radius-sm);
   }

   .report-meta-item {
     min-width: 0;
     padding: 9px var(--space-md);
   }

   .report-meta-item span,
   .report-summary-item span {
     display: block;
     margin-bottom: 3px;
     color: var(--status-neutral-text);
     font-size: 10px;
     font-weight: 900;
     letter-spacing: 0.05em;
     text-transform: uppercase;
   }

   .report-meta-item strong,
   .report-summary-item strong {
     display: block;
     color: var(--text-strong);
     font-size: 13px;
     line-height: 1.25;
     overflow-wrap: anywhere;
   }

   .report-summary {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: var(--space-md);
     margin-top: var(--space-xl);
   }

   /* DETAIL REPORT SUMMARY CARD COLOR CONTROL */
   .agro-app {
     --detail-report-summary-card-background: var(--status-neutral-bg);
     --detail-report-summary-card-border-color: var(--status-neutral-border);
     --detail-report-summary-card-label-color: var(--status-neutral-text);
     --detail-report-summary-card-value-color: var(--text-strong);
     --detail-report-summary-card-text-color: var(--muted-strong);
     --detail-report-summary-card-status-background: var(--detail-report-summary-card-background);
     --detail-report-summary-card-status-border-color: var(--detail-report-summary-card-border-color);
     --detail-report-summary-card-status-label-color: var(--detail-report-summary-card-label-color);
     --detail-report-summary-card-status-value-color: var(--detail-report-summary-card-value-color);
     --detail-report-summary-card-status-text-color: var(--detail-report-summary-card-text-color);
     --detail-report-summary-card-plan-background: var(--detail-report-summary-card-background);
     --detail-report-summary-card-plan-border-color: var(--detail-report-summary-card-border-color);
     --detail-report-summary-card-plan-label-color: var(--detail-report-summary-card-label-color);
     --detail-report-summary-card-plan-value-color: var(--detail-report-summary-card-value-color);
     --detail-report-summary-card-plan-text-color: var(--detail-report-summary-card-text-color);
     --detail-report-summary-card-confidence-background: var(--detail-report-summary-card-background);
     --detail-report-summary-card-confidence-border-color: var(--detail-report-summary-card-border-color);
     --detail-report-summary-card-confidence-label-color: var(--detail-report-summary-card-label-color);
     --detail-report-summary-card-confidence-value-color: var(--detail-report-summary-card-value-color);
     --detail-report-summary-card-confidence-text-color: var(--detail-report-summary-card-text-color);
   }

   .detail-report-summary-card {
     background: var(--detail-report-summary-card-instance-background, var(--detail-report-summary-card-background));
     border-color: var(--detail-report-summary-card-instance-border-color, var(--detail-report-summary-card-border-color));
   }

   .detail-report-summary-card span {
     color: var(--detail-report-summary-card-instance-label-color, var(--detail-report-summary-card-label-color));
   }

   .detail-report-summary-card strong {
     color: var(--detail-report-summary-card-instance-value-color, var(--detail-report-summary-card-value-color));
   }

   .detail-report-summary-card p {
     color: var(--detail-report-summary-card-instance-text-color, var(--detail-report-summary-card-text-color));
   }

   .detail-report-summary-card--status {
     --detail-report-summary-card-instance-background: var(--detail-report-summary-card-status-background);
     --detail-report-summary-card-instance-border-color: var(--detail-report-summary-card-status-border-color);
     --detail-report-summary-card-instance-label-color: var(--detail-report-summary-card-status-label-color);
     --detail-report-summary-card-instance-value-color: var(--detail-report-summary-card-status-value-color);
     --detail-report-summary-card-instance-text-color: var(--detail-report-summary-card-status-text-color);
   }

   .detail-report-summary-card--plan {
     --detail-report-summary-card-instance-background: var(--detail-report-summary-card-plan-background);
     --detail-report-summary-card-instance-border-color: var(--detail-report-summary-card-plan-border-color);
     --detail-report-summary-card-instance-label-color: var(--detail-report-summary-card-plan-label-color);
     --detail-report-summary-card-instance-value-color: var(--detail-report-summary-card-plan-value-color);
     --detail-report-summary-card-instance-text-color: var(--detail-report-summary-card-plan-text-color);
   }

   .detail-report-summary-card--confidence {
     --detail-report-summary-card-instance-background: var(--detail-report-summary-card-confidence-background);
     --detail-report-summary-card-instance-border-color: var(--detail-report-summary-card-confidence-border-color);
     --detail-report-summary-card-instance-label-color: var(--detail-report-summary-card-confidence-label-color);
     --detail-report-summary-card-instance-value-color: var(--detail-report-summary-card-confidence-value-color);
     --detail-report-summary-card-instance-text-color: var(--detail-report-summary-card-confidence-text-color);
   }

   .report-summary-item {
     padding: var(--space-lg);
   }

   .report-summary-item p {
     margin: 7px 0 0;
     color: var(--muted-strong);
     font-size: 12px;
     line-height: 1.35;
   }

   .report-section {
     margin-top: var(--space-2xl);
     padding-top: var(--space-xl);
     border-top: 1px solid var(--border);
     break-inside: avoid;
   }

   /* DETAIL REPORT SECTION COLOR CONTROL */
   .agro-app {
     --detail-report-section-background: transparent;
     --detail-report-section-border-color: var(--border);
     --detail-report-section-title-color: var(--primary);
     --detail-report-section-subtitle-color: var(--muted);
     --detail-report-section-divider-color: var(--border);
     --detail-report-section-soil-background: var(--detail-report-section-background);
     --detail-report-section-soil-border-color: var(--detail-report-section-border-color);
     --detail-report-section-nutrients-background: var(--detail-report-section-background);
     --detail-report-section-nutrients-border-color: var(--detail-report-section-border-color);
     --detail-report-section-products-background: var(--detail-report-section-background);
     --detail-report-section-products-border-color: var(--detail-report-section-border-color);
     --detail-report-section-notes-background: var(--detail-report-section-background);
     --detail-report-section-notes-border-color: var(--detail-report-section-border-color);
   }

   .detail-report-section {
     background: var(--detail-report-section-instance-background, var(--detail-report-section-background));
     border-top-color: var(--detail-report-section-instance-border-color, var(--detail-report-section-border-color));
   }

   .detail-report-section .report-section-head h2 {
     color: var(--detail-report-section-title-color);
   }

   .detail-report-section .report-section-head span {
     color: var(--detail-report-section-subtitle-color);
   }

   .detail-report-section .report-table,
   .detail-report-section .report-table th,
   .detail-report-section .report-table td {
     border-color: var(--detail-report-section-divider-color);
   }

   .detail-report-section--soil {
     --detail-report-section-instance-background: var(--detail-report-section-soil-background);
     --detail-report-section-instance-border-color: var(--detail-report-section-soil-border-color);
   }

   .detail-report-section--nutrients {
     --detail-report-section-instance-background: var(--detail-report-section-nutrients-background);
     --detail-report-section-instance-border-color: var(--detail-report-section-nutrients-border-color);
   }

   .detail-report-section--products {
     --detail-report-section-instance-background: var(--detail-report-section-products-background);
     --detail-report-section-instance-border-color: var(--detail-report-section-products-border-color);
   }

   .detail-report-section--notes {
     --detail-report-section-instance-background: var(--detail-report-section-notes-background);
     --detail-report-section-instance-border-color: var(--detail-report-section-notes-border-color);
   }

   .report-section-head {
     display: flex;
     align-items: baseline;
     justify-content: space-between;
     gap: var(--space-2xl);
     margin-bottom: 9px;
   }

   .report-section-head h2 {
     margin: 0;
     color: var(--primary);
     font-size: 17px;
     line-height: 1.2;
   }

   .report-section-head span {
     color: var(--muted);
     font-size: 12px;
     text-align: right;
   }

   .report-table-wrap {
     overflow-x: auto;
   }

   .report-table {
     width: 100%;
     border-collapse: collapse;
     border: 1px solid var(--border);
     font-size: 12px;
     line-height: 1.35;
   }

   .report-table th,
   .report-table td {
     padding: 7px var(--space-sm);
     border-bottom: 1px solid var(--border);
     border-right: 1px solid var(--border);
     text-align: left;
     vertical-align: top;
   }

   .report-table th {
     background: var(--bg-band);
     color: var(--text-strong);
     font-size: 10px;
     font-weight: 900;
     letter-spacing: 0.05em;
     text-transform: uppercase;
   }

   .report-table tr:last-child td {
     border-bottom: 0;
   }

   .report-table th:last-child,
   .report-table td:last-child {
     border-right: 0;
   }

   .report-value,
   .report-nowrap {
     white-space: nowrap;
     font-variant-numeric: tabular-nums;
   }

   .report-product-table th:nth-child(1) {
     width: 16%;
   }

   .report-product-table th:nth-child(2) {
     width: 20%;
   }

   .report-product-table th:nth-child(3) {
     width: 12%;
   }

   .report-product-table th:nth-child(4) {
     width: 16%;
   }

   .report-muted-line {
     display: block;
     margin-top: 2px;
     color: var(--muted);
     font-size: 10px;
     font-weight: 800;
   }

   .report-compact-note {
     margin: 0 0 var(--space-sm);
     color: var(--muted-strong);
     font-size: 12px;
     line-height: 1.4;
   }

   .report-warning-note {
     display: block;
     padding: var(--space-sm) var(--space-md);
     background: var(--status-warning-bg);
     border: 1px solid var(--status-warning-border);
     border-radius: var(--radius-sm);
     color: var(--status-warning-text);
     font-weight: 800;
   }

   .report-compact-list {
     margin-top: var(--space-sm);
     color: var(--muted-strong);
     font-size: 12px;
     line-height: 1.4;
   }

   .report-compact-list strong {
     color: var(--text-strong);
   }

   .report-compact-list ul {
     margin: 5px 0 0;
     padding-left: var(--layout-gap-section);
   }

   .report-compact-list li {
     margin: 3px 0;
   }

   .report-notes-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--mobile-gap);
   }

   .report-note-box {
     padding: var(--space-lg);
   }

   /* DETAIL REPORT NOTE BOX COLOR CONTROL */
   .agro-app {
     --detail-report-note-box-background: var(--status-neutral-bg);
     --detail-report-note-box-border-color: var(--status-neutral-border);
     --detail-report-note-box-title-color: var(--text-strong);
     --detail-report-note-box-text-color: var(--muted-strong);
     --detail-report-note-box-warnings-background: var(--detail-report-note-box-background);
     --detail-report-note-box-warnings-border-color: var(--detail-report-note-box-border-color);
     --detail-report-note-box-warnings-title-color: var(--detail-report-note-box-title-color);
     --detail-report-note-box-warnings-text-color: var(--detail-report-note-box-text-color);
     --detail-report-note-box-assumptions-background: var(--detail-report-note-box-background);
     --detail-report-note-box-assumptions-border-color: var(--detail-report-note-box-border-color);
     --detail-report-note-box-assumptions-title-color: var(--detail-report-note-box-title-color);
     --detail-report-note-box-assumptions-text-color: var(--detail-report-note-box-text-color);
   }

   .detail-report-note-box {
     background: var(--detail-report-note-box-instance-background, var(--detail-report-note-box-background));
     border-color: var(--detail-report-note-box-instance-border-color, var(--detail-report-note-box-border-color));
   }

   .detail-report-note-box h3 {
     color: var(--detail-report-note-box-instance-title-color, var(--detail-report-note-box-title-color));
   }

   .detail-report-note-box .detail-report-note-copy,
   .detail-report-note-box .report-compact-list,
   .detail-report-note-box .report-compact-list li {
     color: var(--detail-report-note-box-instance-text-color, var(--detail-report-note-box-text-color));
   }

   .detail-report-note-box .report-compact-list strong,
   .detail-report-note-box .detail-report-note-copy strong {
     color: var(--detail-report-note-box-instance-title-color, var(--detail-report-note-box-title-color));
   }

   .detail-report-note-box--warnings {
     --detail-report-note-box-instance-background: var(--detail-report-note-box-warnings-background);
     --detail-report-note-box-instance-border-color: var(--detail-report-note-box-warnings-border-color);
     --detail-report-note-box-instance-title-color: var(--detail-report-note-box-warnings-title-color);
     --detail-report-note-box-instance-text-color: var(--detail-report-note-box-warnings-text-color);
   }

   .detail-report-note-box--assumptions {
     --detail-report-note-box-instance-background: var(--detail-report-note-box-assumptions-background);
     --detail-report-note-box-instance-border-color: var(--detail-report-note-box-assumptions-border-color);
     --detail-report-note-box-instance-title-color: var(--detail-report-note-box-assumptions-title-color);
     --detail-report-note-box-instance-text-color: var(--detail-report-note-box-assumptions-text-color);
   }

   /* DETAIL REPORT WARNING NOTE COLOR CONTROL */
   .agro-app {
     --detail-report-warning-note-background: var(--status-warning-bg);
     --detail-report-warning-note-border-color: var(--status-warning-border);
     --detail-report-warning-note-text-color: var(--status-warning-text);
   }

   .detail-report-warning-note {
     background: var(--detail-report-warning-note-background);
     border-color: var(--detail-report-warning-note-border-color);
     color: var(--detail-report-warning-note-text-color);
   }

   .report-note-box h3 {
     margin: 0 0 var(--space-sm);
     color: var(--text-strong);
     font-size: 13px;
   }

   .report-footer {
     margin-top: var(--layout-gap-section);
     padding-top: var(--space-xl);
     border-top: 1px solid var(--border);
   }

   /* DETAIL REPORT FOOTER COLOR CONTROL */
   .agro-app {
     --detail-report-footer-border-color: var(--border);
     --detail-report-footer-text-color: var(--muted);
   }

   .detail-report-footer {
     border-top-color: var(--detail-report-footer-border-color);
   }

   .detail-report-footer p {
     color: var(--detail-report-footer-text-color);
   }

   .report-footer img {
     height: 24px;
     opacity: 0.82;
   }

   .report-footer p {
     margin: 0;
     color: var(--muted);
     font-size: 11px;
     line-height: 1.35;
     text-align: right;
   }

  .report-actions {
    display: flex;
    justify-content: flex-end;
    gap: var(--mobile-gap);
    margin-top: var(--space-2xl);
  }

  .farmer-report-actions {
    align-items: center;
  }

  .farmer-report-print-button {
    white-space: nowrap;
  }

  .agronom-report-app {
    --agronom-report-accent: #2f6b42;
    --agronom-report-line: #d7d1c4;
    --agronom-report-soft: #f7f4ec;
    --agronom-report-note: #fff8df;
    --agronom-report-title: #211f1a;
    --agronom-report-muted: #625d53;
  }

  .agronom-report-sheet {
    color: var(--agronom-report-title);
  }

  .agronom-report-header {
    border-bottom: 2px solid var(--agronom-report-accent);
  }

  .agronom-report-stamp {
    background: var(--agronom-report-soft);
    border-color: var(--agronom-report-line);
    color: var(--agronom-report-title);
  }

  .agronom-report-layer span {
    display: block;
    color: var(--agronom-report-muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .agronom-report-group-reason,
  .agronom-report-layer p,
  .agronom-report-compact-note,
  .agronom-report-warning,
  .agronom-report-note,
  .agronom-report-alternative p,
  .agronom-report-final-list {
    margin: 6px 0 0;
    color: var(--muted-strong);
    font-size: 0.92rem;
    line-height: 1.45;
  }

  .agronom-report-section {
    break-inside: avoid;
  }

  .agronom-report-section-head h2 {
    color: var(--agronom-report-accent);
  }

  .agronom-report-section--basal .agronom-report-basal-title {
    color: var(--agronom-report-accent);
    font-size: 17px;
    line-height: 1.2;
  }

  .agronom-report-group-reason {
    max-width: 76ch;
  }

  .agronom-report-section--basal .agronom-report-group-reason {
    width: 100%;
    max-width: none;
    font-size: 0.92rem;
    line-height: 1.45;
  }

  .agronom-report-table-subtitle {
    margin: 10px 0 6px;
    color: var(--agronom-report-accent);
    font-size: 0.82rem;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .agronom-report-item-table {
    margin-top: 10px;
  }

  .agronom-report-table-subtitle + .agronom-report-item-table {
    margin-top: 0;
  }

  .agronom-report-explanation {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
  }

  .agronom-report-layer {
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid var(--agronom-report-line);
    border-radius: 8px;
    background: #fff;
  }

  .agronom-report-layer--soil {
    background: var(--agronom-report-soft);
  }

  .agronom-report-alternative {
    margin-top: 10px;
    padding: 9px 10px;
    border: 1px solid var(--agronom-report-line);
    border-left: 3px solid var(--agronom-report-accent);
    border-radius: 8px;
    background: #fff;
  }

  .agronom-report-alternative-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
  }

  .agronom-report-alternative-head strong {
    color: var(--agronom-report-accent);
    font-size: 0.82rem;
    text-transform: uppercase;
  }

  .agronom-report-alternative-head span {
    color: var(--agronom-report-title);
    font-weight: 800;
    text-align: right;
  }

  .agronom-report-basal-alternatives {
    margin-top: 10px;
    break-inside: avoid;
  }

  .agronom-report-basal-alternatives .agronom-report-alternative-head {
    margin-bottom: 7px;
  }

  .agronom-report-alternative-table-wrap {
    margin-top: 0;
  }

  .agronom-report-alternative-table th:last-child,
  .agronom-report-alternative-table td:last-child {
    width: 42%;
  }

  .agronom-report-notes {
    margin-top: 8px;
  }

  .agronom-report-note {
    padding: 8px 10px;
    border: 1px solid var(--status-info-border);
    border-radius: 8px;
    background: var(--status-info-bg);
    color: var(--status-info-text);
  }

  .agronom-report-warning {
    padding: 8px 10px;
    border: 1px solid var(--status-warning-border);
    border-radius: 8px;
    background: var(--agronom-report-note);
    color: var(--status-warning-text);
  }

  .agronom-report-empty {
    margin: 16px 0 0;
    padding: 12px;
    border: 1px solid var(--status-warning-border);
    border-radius: 8px;
    background: var(--status-warning-bg);
    color: var(--status-warning-text);
    font-weight: 700;
  }

  .agronom-report-final {
    break-inside: avoid;
  }

  .agronom-report-final h2 {
    margin: 0 0 6px;
    color: var(--agronom-report-accent);
    font-size: 1.05rem;
  }

  .agronom-report-final-list {
    padding-left: 18px;
  }

  .agronom-report-final-list li + li {
    margin-top: 4px;
  }

  .agronom-report-extra {
    margin-top: 18mm;
    padding-top: 8mm;
    border-top: 2px solid var(--agronom-report-line);
  }

  .agronom-report-main-title-block {
    margin: 0 0 12px;
    text-align: center;
  }

  .agronom-report-main-title-block h2 {
    margin: 0;
    color: var(--agronom-report-accent);
    font-size: 1.38rem;
    line-height: 1.18;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .agronom-report-diagnosis {
    break-inside: avoid;
    margin-bottom: 12px;
  }

  .agronom-report-diagnosis .report-table {
    margin-top: 8px;
  }

  .agronom-report-diagnosis .report-table th:nth-child(3),
  .agronom-report-diagnosis .report-table td:nth-child(3) {
    width: 26%;
  }

  .agronom-diagnosis-position {
    display: grid;
    gap: 7px;
    min-width: 112px;
  }

  .agronom-diagnosis-status {
    color: var(--text-strong);
    font-weight: 700;
    line-height: 1.2;
  }

  .agronom-diagnosis-meter {
    position: relative;
    display: block;
    width: min(132px, 100%);
    height: 5px;
    margin-top: 5px;
    overflow: visible;
    border-radius: var(--radius-pill);
    background: linear-gradient(90deg, #d98a82 0 24%, #8dbf93 24% 68%, #d98a82 68% 100%);
  }

  .agronom-diagnosis-marker {
    position: absolute;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #ffffff;
    filter: drop-shadow(0 0 1px rgba(32, 29, 25, 0.8));
    transform: translateX(-50%);
  }

  .agronom-report-nutrients {
    break-inside: avoid;
  }

  .agronom-report-nutrients .report-table {
    margin-top: 8px;
  }

  .agronom-report-nutrients-note {
    margin: 8px 0 0;
    color: var(--muted-strong);
    font-size: 0.92rem;
    line-height: 1.45;
  }

   .farmer-report-app {
     --farmer-report-max-width: 210mm;
     --farmer-report-sheet-padding: 14mm;
     --farmer-report-section-gap: 9px;
     --farmer-report-line: #c9c3b6;
     --farmer-report-line-strong: #6f6659;
     --farmer-report-muted: #625c52;
     --farmer-report-title: #201d19;
     --farmer-report-accent: #2d5b38;
   }

   .farmer-report-page {
     width: min(var(--farmer-report-max-width), calc(100% - var(--shell-page-gutter)));
     margin: 0 auto;
     padding: 18px 0 var(--page-padding-bottom);
   }

   .farmer-report-sheet {
     min-height: 297mm;
     padding: var(--farmer-report-sheet-padding);
     background: #fffdf8;
     border: 1px solid var(--farmer-report-line);
     border-radius: 0;
     box-shadow: none;
     color: #25221d;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     line-height: 1.32;
   }

   @media screen {
     .agronom-report-app {
       --agronom-report-screen-max-width: 210mm;
       --agronom-report-screen-sheet-padding: 14mm;
     }

     .agronom-report-app .agronom-report-page {
       width: min(var(--agronom-report-screen-max-width), calc(100% - var(--shell-page-gutter)));
       margin-left: auto;
       margin-right: auto;
       padding: 18px 0 var(--page-padding-bottom);
     }

     .agronom-report-app .agronom-report-sheet {
       min-height: 297mm;
       padding: var(--agronom-report-screen-sheet-padding);
     }
   }

   @media screen and (max-width: 640px) {
     .agronom-report-app .agronom-report-page {
       width: calc(100% - var(--shell-page-gutter-mobile));
       padding: var(--mobile-gap) 0 var(--button-height-small);
     }

     .agronom-report-app .agronom-report-sheet {
       padding: 12px;
     }
   }

   .farmer-report-header {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: 18px;
     padding-bottom: 8px;
     border-bottom: 2px solid var(--farmer-report-accent);
   }

   .farmer-report-brand {
     display: flex;
     align-items: center;
     gap: 12px;
   }

   .farmer-report-logo {
     display: block;
     flex: 0 0 auto;
     width: auto;
     height: 34px;
     max-width: 120px;
     object-fit: contain;
     opacity: 1;
   }

   .farmer-report-kicker {
     margin: 0 0 2px;
     color: var(--farmer-report-muted);
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 0;
   }

   .farmer-report-title {
     margin: 0;
     color: var(--farmer-report-title);
     font-size: 22px;
     line-height: 1.1;
     letter-spacing: 0;
   }

   .farmer-report-header-meta {
     min-width: 195px;
     text-align: right;
   }

   .farmer-report-stamp {
     color: var(--farmer-report-title);
     font-size: 11px;
     font-weight: 700;
     white-space: nowrap;
   }

   .farmer-report-section {
     margin-top: var(--farmer-report-section-gap);
     padding-top: 7px;
     border-top: 1px solid var(--farmer-report-line-strong);
   }

   .farmer-report-section h2 {
     margin: 0 0 5px;
     color: var(--farmer-report-accent);
     font-size: 14px;
     line-height: 1.2;
     letter-spacing: 0;
   }

   .farmer-report-section p {
     margin: 0 0 5px;
     color: #25221d;
     font-size: 11px;
     line-height: 1.34;
   }

    .farmer-report-header-meta .farmer-report-table {
      margin-top: 4px;
      text-align: left;
      font-size: 11px;
    }

    .farmer-report-section--input-grid {
      padding-top: 8px;
    }

    .farmer-report-input-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px 10px;
    }

    .farmer-report-input-block {
      min-width: 0;
    }

    .farmer-report-input-block .farmer-report-table {
      table-layout: fixed;
    }

    .farmer-report-input-block h2 {
      margin: 0;
      padding: 4px 6px;
      border: 1px solid var(--farmer-report-line-strong);
      border-bottom: 0;
      background: #ebe6db;
      color: var(--farmer-report-title);
      font-size: 12px;
      line-height: 1.18;
      letter-spacing: 0;
    }

    .farmer-report-input-block .farmer-report-table th {
      width: 55%;
    }

    .farmer-report-parameter-columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

   .farmer-report-parameter-columns h3 {
     margin: 0 0 4px;
     color: var(--farmer-report-title);
     font-size: 12px;
     line-height: 1.2;
   }

   .farmer-report-table {
     width: 100%;
     border-collapse: collapse;
     color: #25221d;
     font-size: 11px;
     line-height: 1.22;
   }

   .farmer-report-table th,
   .farmer-report-table td {
     padding: 4px 6px;
     border: 1px solid var(--farmer-report-line);
     vertical-align: top;
   }

   .farmer-report-table th {
     width: 34%;
     background: #f3f0e8;
     color: var(--farmer-report-title);
     font-weight: 700;
     text-align: left;
   }

   .farmer-report-tech-table th {
     width: auto;
   }

   .farmer-report-tech-section {
     margin-top: 8px;
     padding-top: 7px;
     border-top: 1px solid var(--farmer-report-line);
     break-inside: avoid;
   }

   .farmer-report-tech-section:first-child {
     margin-top: 0;
     padding-top: 0;
     border-top: 0;
   }

   .farmer-report-tech-head {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     align-items: baseline;
     margin-bottom: 4px;
   }

   .farmer-report-tech-head h3 {
     margin: 0;
     color: var(--farmer-report-title);
     font-size: 12.5px;
     line-height: 1.2;
   }

   .farmer-report-tech-head span {
     color: var(--farmer-report-muted);
     font-size: 10.5px;
     line-height: 1.2;
     text-align: right;
   }

   .farmer-report-tech-copy {
     margin-top: 5px;
   }

   .farmer-report-tech-copy p,
   .farmer-report-text-block p {
     margin: 0 0 5px;
     color: #25221d;
     font-size: 11px;
     line-height: 1.34;
   }

   .farmer-report-tech-copy strong {
     color: var(--farmer-report-title);
     font-weight: 700;
   }

   .farmer-report-muted,
   .farmer-report-footer p {
     color: var(--farmer-report-muted);
     font-size: 10.5px;
     line-height: 1.3;
   }

   .farmer-report-footer {
     margin-top: 9px;
     padding-top: 6px;
     border-top: 1px solid var(--farmer-report-line-strong);
   }

   .farmer-report-footer p {
     margin: 0;
   }

   .farmer-report-empty {
     padding: 8px;
     background: var(--status-warning-bg);
     border: 1px solid var(--status-warning-border);
     border-radius: 0;
     color: var(--status-warning-text);
     font-size: 11px;
     font-weight: 700;
   }

   @media (max-width: 900px) {
     .report-meta-grid {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }

     .report-summary,
     .report-notes-grid {
       grid-template-columns: 1fr;
     }
   }

   @media (max-width: 640px) {
     .report-page {
       width: calc(100% - var(--shell-page-gutter-mobile));
       padding: var(--mobile-gap) 0 var(--button-height-small);
     }

     .report-sheet {
       padding: var(--mobile-card-padding);
     }

     .report-header,
     .report-brand,
     .report-footer {
       align-items: flex-start;
       flex-direction: column;
     }

     .report-title {
       font-size: 23px;
     }

     .report-meta-grid {
       grid-template-columns: 1fr;
     }

     .report-section-head {
       align-items: flex-start;
       flex-direction: column;
       gap: 3px;
     }

     .report-section-head span,
     .report-footer p {
       text-align: left;
     }

     .report-actions {
       flex-direction: column;
     }

     .farmer-report-page {
       width: calc(100% - var(--shell-page-gutter-mobile));
       padding: var(--mobile-gap) 0 var(--button-height-small);
     }

     .farmer-report-sheet {
       padding: 12px;
     }

     .farmer-report-header,
     .farmer-report-brand {
       align-items: flex-start;
       flex-direction: column;
     }

     .farmer-report-title {
       font-size: 20px;
     }

      .farmer-report-header-meta {
        min-width: 0;
        text-align: left;
      }

      .farmer-report-input-grid {
        grid-template-columns: 1fr;
        gap: 7px;
      }

      .farmer-report-parameter-columns {
        grid-template-columns: 1fr;
      }

     .farmer-report-tech-head {
       align-items: flex-start;
       flex-direction: column;
       gap: 2px;
     }

     .farmer-report-tech-head span {
       text-align: left;
     }

     .agronom-report-explanation {
       grid-template-columns: 1fr;
     }
   }

   @media print {
     @page {
       size: A4;
       margin: 12mm;
     }

     html {
       height: auto !important;
       min-height: 0 !important;
       overflow: visible !important;
     }

     body.report-app,
     body.report-app.agro-app {
       background: var(--color-surface-print) !important;
       color: var(--color-text-print) !important;
       height: auto !important;
       min-height: 0 !important;
       margin: 0 !important;
       overflow: visible !important;
     }

     .report-page {
       width: 100%;
       padding: 0;
     }

     .report-sheet {
       padding: 0;
       border: 0;
       border-radius: 0;
       box-shadow: none;
     }

     .report-actions {
       display: none !important;
       height: 0 !important;
       margin: 0 !important;
       padding: 0 !important;
       overflow: hidden !important;
     }

     .report-header {
       padding-bottom: 9px;
     }

     .report-logo {
       height: 34px;
     }

     .report-title {
       font-size: 20pt;
     }

     .report-kicker,
     .report-stamp,
     .report-meta-item span,
     .report-summary-item span,
     .report-table th {
       color: var(--color-text-print-muted) !important;
     }

     .report-meta-grid {
       grid-template-columns: repeat(6, 1fr);
       gap: 5px;
       margin-top: 9px;
     }

     .report-meta-item {
       padding: 5px 6px;
     }

     .report-summary {
       gap: 6px;
       margin-top: 8px;
     }

     .report-summary-item {
       padding: 7px;
     }

     .report-summary-item p,
     .report-compact-note,
     .report-compact-list,
     .report-footer p {
       font-size: 9pt;
       line-height: 1.25;
     }

     .report-section {
       margin-top: 10px;
       padding-top: 8px;
       break-inside: avoid;
     }

     .report-section-head {
       margin-bottom: 5px;
     }

     .report-section-head h2 {
       font-size: 13pt;
     }

     .report-section-head span {
       font-size: 8.5pt;
     }

     .report-table {
       font-size: 8.5pt;
       line-height: 1.2;
     }

     .report-table th,
     .report-table td {
       padding: 4px 5px;
     }

     .report-notes-grid {
       gap: 8px;
     }

     .report-note-box {
       padding: 7px;
     }

     .report-footer {
       margin-top: 10px;
       padding-top: 8px;
     }

     .agronom-report-layer,
     .agronom-report-warning,
     .agronom-report-note,
     .agronom-report-alternative {
       border-radius: 0;
       box-shadow: none;
     }

     .agronom-report-group-reason,
     .agronom-report-layer p,
     .agronom-report-compact-note,
     .agronom-report-warning,
     .agronom-report-note,
     .agronom-report-alternative p,
     .agronom-report-final-list {
       font-size: 8.8pt;
       line-height: 1.25;
     }

     .agronom-report-section--basal .agronom-report-group-reason {
       width: 100%;
       max-width: none;
       font-size: 0.92rem;
       line-height: 1.45;
     }

     .agronom-report-explanation {
       grid-template-columns: repeat(3, minmax(0, 1fr));
       gap: 6px;
       margin-top: 6px;
     }

     .agronom-report-layer {
       padding: 6px;
     }

     .agronom-report-item-table {
       margin-top: 6px;
     }

     .agronom-report-alternative,
     .agronom-report-notes {
       margin-top: 6px;
     }

     .agronom-report-alternative,
     .agronom-report-note,
     .agronom-report-warning {
       padding: 5px 6px;
     }

     .agronom-report-final-list {
       margin-top: 4px;
     }

     .farmer-report-page {
       width: 100%;
       min-height: 0;
       margin: 0;
       padding: 0;
       overflow: visible;
     }

     .farmer-report-sheet {
       min-height: 0;
       padding: 0;
       border: 0;
       background: #fff !important;
       box-shadow: none;
       color: #000;
       font-size: 8.9pt;
       line-height: 1.22;
     }

     .farmer-report-actions {
       display: none !important;
       height: 0 !important;
       margin: 0 !important;
       padding: 0 !important;
       overflow: hidden !important;
     }

     .farmer-report-header {
       display: flex !important;
       visibility: visible !important;
       height: auto !important;
       min-height: 0 !important;
       overflow: visible !important;
       padding-bottom: 5px;
     }

     .farmer-report-logo {
       display: block !important;
       height: 30px;
       max-width: 112px;
       object-fit: contain;
       opacity: 1 !important;
       print-color-adjust: exact;
       -webkit-print-color-adjust: exact;
     }

     .farmer-report-title {
       font-size: 17pt;
     }

     .farmer-report-kicker,
     .farmer-report-stamp,
     .farmer-report-muted,
     .farmer-report-footer p {
       color: #555 !important;
     }

     .farmer-report-section {
       margin-top: 5px;
       padding-top: 5px;
     }

      .farmer-report-section h2 {
        font-size: 10.5pt;
        margin-bottom: 3px;
      }

      .farmer-report-section--input-grid {
        padding-top: 4px;
      }

      .farmer-report-input-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 6px;
      }

      .farmer-report-input-block {
        break-inside: avoid;
        page-break-inside: avoid;
      }

      .farmer-report-input-block h2 {
        padding: 2px 3.5px;
        border-color: #888;
        background: #eee !important;
        color: #222 !important;
        font-size: 8.7pt;
        line-height: 1.15;
        margin-bottom: 0;
      }

      .farmer-report-input-block .farmer-report-table th {
        width: 55%;
      }

      .farmer-report-section p,
      .farmer-report-text-block p,
      .farmer-report-tech-copy p,
      .farmer-report-table,
      .farmer-report-muted,
     .farmer-report-footer p {
       font-size: 8.4pt;
       line-height: 1.2;
     }

     .farmer-report-table th,
     .farmer-report-table td {
       padding: 2.5px 3.5px;
       border-color: #bbb;
     }

     .farmer-report-tech-section {
       break-inside: auto;
       page-break-inside: auto;
       margin-top: 4px;
       padding-top: 4px;
     }

     .farmer-report-tech-head h3 {
       font-size: 9.3pt;
     }

     .farmer-report-tech-head span {
       font-size: 8pt;
     }

     .agronom-report-app .agronom-report-extra {
       break-before: page;
       page-break-before: always;
       margin-top: 0;
       padding-top: 0;
       border-top: 0;
     }
   }

   /* ============================================================
      RESULT PAGE LAYOUT GUARD
      ============================================================ */

   body.result-page {
     --result-shell-max-width: 1140px;
   }

   .result-page .command-page,
   .result-command-page {
     width: min(var(--result-shell-max-width), calc(100% - var(--shell-page-gutter)));
     max-width: var(--result-shell-max-width);
   }

   .result-toolbar {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     margin-bottom: var(--space-md);
   }

   .result-toolbar .quick-mode-toggle {
     position: static;
     inset: auto;
     z-index: 1;
     flex: 0 0 auto;
   }

   .result-page .evidence-box,
   .result-page .evidence-box li {
     overflow-wrap: anywhere;
   }

   .result-page .command-card,
   .result-page .command-panel,
   .result-page .product-plan-board,
   .result-page .plan-section,
   .result-page .plan-item {
     min-width: 0;
     max-width: 100%;
     box-sizing: border-box;
   }

   .result-page .result-optional-input-pill {
     max-width: 100%;
     min-width: min(145px, 100%);
   }

   /* ============================================================
      QUICK MODE TOGGLE (optional)
      ============================================================ */

   .quick-mode-toggle {
     position: fixed;
     top: var(--space-6xl);
     right: var(--space-6xl);
     z-index: 50;
     display: flex;
     align-items: center;
     gap: var(--space-sm);
     padding: var(--quick-mode-toggle-padding-y) var(--quick-mode-toggle-padding-x);
     background: var(--quick-mode-toggle-bg);
     border: 1px solid var(--quick-mode-toggle-border);
     border-radius: var(--radius-sm);
     box-shadow: var(--shadow-soft);
     color: var(--quick-mode-toggle-text);
     font-size: 13px;
     font-weight: 700;
     cursor: pointer;
     transition: all 0.25s ease;
   }

   .quick-mode-toggle:hover {
     box-shadow: var(--shadow);
     transform: translateY(-1px);
   }

   .quick-mode-toggle input[type="checkbox"] {
     width: 16px;
     height: 16px;
     accent-color: var(--accent);
     cursor: pointer;
   }

   .quick-mode-toggle-label {
     color: var(--quick-mode-toggle-text);
     cursor: pointer;
     user-select: none;
   }

   body.quick-mode .quick-mode-toggle {
     background: var(--quick-mode-toggle-active-bg);
     border-color: var(--quick-mode-toggle-active-border);
     box-shadow: var(--shadow);
   }

   body.quick-mode .quick-mode-toggle-label {
     color: var(--quick-mode-toggle-active-text);
   }

   body.quick-mode .form-hero {
     padding: var(--quick-mode-hero-padding);
   }

   body.quick-mode .form-subtitle {
     max-width: 100%;
     margin-top: var(--space-sm);
   }

   body.quick-mode .form-layout {
     margin-top: var(--quick-mode-section-gap);
   }

   body.quick-mode .form-main {
     padding: var(--quick-mode-card-padding);
   }

   body.quick-mode .section {
     padding: var(--quick-mode-section-gap) 0;
   }

   body.quick-mode .section-note {
     margin-bottom: var(--quick-mode-section-gap);
   }

   body.quick-mode .form-grid {
     gap: var(--quick-mode-gap) var(--quick-mode-section-gap);
   }

   body.quick-mode .actions {
     margin-top: var(--quick-mode-section-gap);
     gap: var(--quick-mode-gap);
   }

   body.new-analysis-page .form-side,
   body.parameters-page .form-side {
     display: none;
   }

   body.new-analysis-page .form-main,
   body.parameters-page .form-main {
     width: 100%;
     max-width: 100%;
     padding: var(--quick-mode-card-padding);
   }

   body.new-analysis-page .form-layout,
   body.parameters-page .form-layout {
     display: block;
     margin-top: var(--quick-mode-section-gap);
   }

   body.new-analysis-page .form-hero,
   body.parameters-page .form-hero {
     padding: var(--quick-mode-hero-padding);
   }

   body.new-analysis-page .form-subtitle,
   body.parameters-page .form-subtitle {
     max-width: 100%;
     margin-top: var(--space-sm);
   }

   body.new-analysis-page .section,
   body.parameters-page .section {
     padding: var(--quick-mode-section-gap) 0;
   }

   body.new-analysis-page .section-note,
   body.parameters-page .section-note {
     margin-bottom: var(--quick-mode-section-gap);
   }

   body.new-analysis-page .form-grid,
   body.parameters-page .form-grid {
     gap: var(--quick-mode-gap) var(--quick-mode-section-gap);
   }

   body.new-analysis-page .actions,
   body.parameters-page .actions {
     margin-top: var(--quick-mode-section-gap);
     gap: var(--quick-mode-gap);
   }

   /* SELECTED WORKFLOW SCREENS SHARP CORNERS */
   body.dashboard-page :is(
     .workbench-hero,
     .dashboard-hero,
     .dashboard-hero-summary,
     .command-panel,
     .command-card,
     .dashboard-side-card,
     .dashboard-flow-panel,
     .dashboard-side-section,
     .action-card,
     .summary-pill,
     .soil-signal,
     .dashboard-signal,
     .decision-strip,
     .form-card,
     .form-panel,
     .field-card,
     .input-card,
     .quick-mode-toggle,
     .message,
     .btn,
     .btn-primary,
     .btn-secondary,
     .btn-success,
     .btn-danger,
     .btn-ghost,
     button,
     input,
     select,
     textarea
   ),
   body.new-analysis-page :is(
     .form-hero,
     .new-analysis-hero,
     .form-side,
     .form-main,
     .form-step,
     .new-analysis-step,
     .section,
     .section-card,
     .command-panel,
     .command-card,
     .form-card,
     .form-panel,
     .field-card,
     .input-card,
     .checkbox-row,
     .quick-mode-toggle,
     .message,
     .btn,
     .btn-primary,
     .btn-secondary,
     .btn-success,
     .btn-danger,
     .btn-ghost,
     button,
     input,
     select,
     textarea
   ),
   body.parameters-page :is(
     .form-hero,
     .parameters-hero,
     .form-side,
     .form-main,
     .form-step,
     .parameters-section,
     .section,
     .section-card,
     .command-panel,
     .command-card,
     .form-card,
     .form-panel,
     .field-card,
     .input-card,
     .checkbox-row,
     .quick-mode-toggle,
     .message,
     .btn,
     .btn-primary,
     .btn-secondary,
     .btn-success,
     .btn-danger,
     .btn-ghost,
     button,
     input,
     select,
     textarea
   ) {
     border-radius: 0;
   }

   body.parameters-page .parameters-success-modal .parameters-success-modal-ok {
     border-radius: 8px;
     overflow: hidden;
   }

   body.dashboard-page .dashboard-card-arrow {
     border-bottom-right-radius: 0;
   }

   body.dashboard-page .dashboard-card-arrow::before,
   body.dashboard-page .dashboard-card-arrow::after {
     border-radius: 0;
   }

  body.dashboard-page .dashboard-hero {
    background: linear-gradient(135deg, #204028 0%, #204830 100%);
    border-radius: 10px;
    box-shadow: none;
  }

  body.dashboard-page .dashboard-session-card {
    background: linear-gradient(135deg, #204028 0%, #2b4f37 100%);
    border-radius: 10px;
    box-shadow: none;
    gap: 8px;
    align-content: center;
    padding-block: 8px;
    overflow: hidden;
  }

  body.dashboard-page .dashboard-session-pill {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
    border-radius: 10px;
  }

  body.dashboard-page .dashboard-session-operations-panel {
    display: grid;
    gap: 7px;
    padding: 9px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    color: var(--color-text-inverse);
  }

  body.dashboard-page .dashboard-session-operations-panel .command-card-head {
    margin-bottom: 0;
    padding-left: 0;
  }

  body.dashboard-page .dashboard-session-operations-panel .eyebrow {
    color: var(--accent);
    font-size: 9px;
    line-height: 1;
  }

  body.dashboard-page .dashboard-session-operations-panel .command-card-title {
    color: var(--color-text-inverse);
    font-size: 16px;
    line-height: 1.1;
  }

  body.dashboard-page .dashboard-session-operations-panel .soil-signal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body.dashboard-page .dashboard-session-operations-panel .dashboard-signal {
    gap: 3px;
    padding: 7px 8px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
  }

  body.dashboard-page .dashboard-session-operations-panel .soil-signal-name {
    color: rgba(255, 255, 255, 0.68);
    font-size: 8px;
    line-height: 1.1;
  }

  body.dashboard-page .dashboard-session-operations-panel .soil-signal-value,
  body.dashboard-page .dashboard-session-operations-panel #lastDecision {
    color: var(--color-text-inverse);
    overflow-wrap: anywhere;
  }

  body.dashboard-page .dashboard-session-operations-panel #historyCount {
    font-size: 18px;
    line-height: 1;
  }

  body.dashboard-page .dashboard-session-operations-panel #lastDecision {
    font-size: 10px;
    line-height: 1.15;
  }

  body.dashboard-page .dashboard-session-pill--user,
  body.dashboard-page .dashboard-session-pill--logout {
    border-radius: 10px;
  }

  body.dashboard-page .dashboard-session-pill--logout {
    margin-top: 0;
  }

  body.dashboard-page .dashboard-session-logout-button {
    border-radius: 10px;
    width: 100%;
  }

  body.dashboard-page .dashboard-lower-grid > .dashboard-side-card--operational {
    grid-column: 1 / -1;
  }

  body.dashboard-page .agritalia-footer-text,
  body.new-analysis-page .agritalia-footer-text,
  body.parameters-page .agritalia-footer-text {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.01em;
  }

  /* Dashboard action cards: PNG asset as the visual base */
  body.dashboard-page .dashboard-action-grid > .action-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    transform: translateY(0);
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
  }

  body.dashboard-page .dashboard-action-grid > .action-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("../assets/UI%20assets/Dugme%20za%20kartice.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }

  body.dashboard-page .dashboard-action-grid > .action-card > * {
    position: relative;
    z-index: 1;
  }

  body.dashboard-page .dashboard-action-grid > .action-card:hover {
    filter: brightness(1.015);
    box-shadow: none;
    transform: translateY(-2px);
  }

  body.dashboard-page .dashboard-action-grid > .action-card:active {
    filter: brightness(0.985);
    box-shadow: none;
    transform: translateY(1px);
  }

  body.dashboard-page .dashboard-action-grid > .action-card:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(242, 169, 0, 0.34);
  }

  @media (min-width: 901px) {
    body.dashboard-page .dashboard-action-grid .action-title {
      font-size: 31px;
      line-height: 1.08;
      white-space: nowrap;
    }
  }

   /* RESULT PAGE SHARP CORNERS */
   .result-page :where(
     .command-hero,
     .command-meta-item,
     .command-badge,
     .result-save-notice,
     .result-command-dashboard,
     .result-dashboard-pill,
     .result-dashboard-zone,
     .result-soil-signal,
     .status-chip,
     .result-soil-signal-meter,
     .signal-meter-marker,
     .result-optional-input-pill,
     .result-nutrient-kpi,
     .result-focus-problem,
     .result-focus-product,
     .result-focus-preview-chip,
     .command-layout,
     .command-panel,
     .command-card,
     .product-plan-board,
     .plan-scenario-banner,
     .plan-section,
     .plan-section-code,
     .plan-item,
     .plan-item-tag,
     .plan-chip,
     .plan-alternatives,
     .plan-alternatives summary,
     .decision-strip,
     .decision-chip,
     .summary-pill,
     .nutrient-ledger,
     .nutrient-summary-table,
     .n-schedule-table,
     .info-box,
     .evidence-box,
     .timeline,
     .timeline-step,
     .timeline-step-marker,
     .result-details-panel,
     .result-details-summary,
     .btn,
     .btn-primary,
     .btn-secondary,
     .btn-success,
     .btn-danger,
     .btn-ghost,
     .quick-mode-toggle,
     details,
     summary,
     table,
     thead,
     tbody,
     tr,
     th,
     td,
     input,
     select,
     textarea
   ) {
     border-radius: 0;
   }

   .result-page .result-details-summary::after {
     border-radius: 0;
   }

   .admin-users-table-wrap {
     width: 100%;
     overflow-x: auto;
   }

   .admin-users-table {
     width: 100%;
     border-collapse: collapse;
   }

   .admin-users-table th,
   .admin-users-table td {
     padding: 0.85rem;
     border-bottom: 1px solid var(--color-border-soft);
     text-align: left;
     vertical-align: middle;
   }

   .admin-users-table th {
     font-size: 0.78rem;
     text-transform: uppercase;
     color: var(--color-text-muted);
   }

   .admin-users-identity {
     overflow-wrap: anywhere;
   }

   /* Hide toggle on mobile (sidebar already hidden) */
   @media (max-width: 1180px) {
     .result-status-overview-grid,
     .result-command-dashboard .result-status-overview-grid {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }

     .result-dashboard-zone--soil {
       grid-column: 1 / -1;
       grid-row: auto;
     }

     .result-dashboard-zone--nutrients,
     .result-dashboard-zone--focus {
       grid-column: span 6;
     }

     .result-detail-grid,
     .result-evidence-grid {
       grid-template-columns: 1fr;
     }
   }

   @media (max-width: 1280px) {
     .result-page .command-layout {
       grid-template-columns: minmax(240px, 0.85fr) minmax(0, 1.35fr);
     }

     .result-page .command-layout > .decision-stack:last-child {
       grid-column: 1 / -1;
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }

   @media (max-width: 900px) {
     .quick-mode-toggle {
       display: none;
     }

     .result-dashboard-grid {
       grid-template-columns: 1fr;
     }

     .result-dashboard-zone--soil,
     .result-dashboard-zone--nutrients,
     .result-dashboard-zone--focus {
       grid-column: auto;
     }

     .result-dashboard-head {
       flex-direction: column;
     }

     .result-nutrient-kpi-grid {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }

   @media (max-width: 900px) {
     .command-layout,
     .workbench-grid,
     .form-layout {
       grid-template-columns: 1fr;
       gap: var(--layout-gap-card);
     }

     .command-meta-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .nutrient-ledger {
       grid-template-columns: 1fr;
     }

     .result-page .command-layout > .decision-stack:last-child {
       grid-template-columns: 1fr;
     }
   }

   @media (max-width: 760px) {
     .result-status-overview-grid,
     .result-command-dashboard .result-status-overview-grid {
       grid-template-columns: 1fr;
     }

     .result-page .soil-signal-top {
       flex-wrap: wrap;
     }

     .result-page .result-hero,
     .result-command-dashboard {
       padding: var(--mobile-card-padding);
     }

     .result-page .result-hero-meta {
       grid-template-columns: 1fr;
     }

     .result-nutrient-kpi-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .result-page .nutrient-summary-table,
     .result-page .n-schedule-table {
       min-width: 0;
       table-layout: fixed;
     }

     .result-page .nutrient-summary-table__nutrient {
       width: 52px;
     }

     .result-page .nutrient-summary-table__amount,
     .result-page .n-schedule-table__amount {
       width: 84px;
       white-space: normal;
     }

     .result-page .nutrient-summary-table__basis,
     .result-page .nutrient-summary-table__note {
       min-width: 0;
       width: auto;
     }

     .command-layout,
     .workbench-grid,
     .form-layout,
     .analysis-list {
       gap: var(--mobile-gap);
     }

     .command-hero,
     .workbench-hero,
     .form-hero,
     .command-card,
     .command-panel,
     .section-card,
     .form-side,
     .form-main,
     .action-card,
     .analysis-card {
       padding: var(--mobile-card-padding);
     }

     .dashboard-side-card--operational,
     .dashboard-side-card--operations,
     .dashboard-side-card--workflow,
     .dashboard-side-card--session {
       height: auto;
       padding: 0;
     }


     .command-hero-top,
     .workbench-hero-top,
     .panel-head,
     .command-card-head,
     .plan-section-header,
     .plan-item-row {
       flex-direction: column;
       align-items: flex-start;
       gap: var(--mobile-gap);
     }

     .dashboard-hero-logo,
     .dashboard-hero-user-stack {
       width: 100%;
       min-width: 0;
     }

     .dashboard-hero-logo {
       flex: 0 1 auto;
       justify-content: flex-start;
     }

     .dashboard-hero-logo-image {
       width: min(320px, 100%);
       max-height: 120px;
     }

     .command-meta-grid,
     .nutrient-ledger,
     .form-grid,
     .action-grid {
       grid-template-columns: 1fr;
     }

     .history-filter {
       grid-template-columns: 1fr;
     }

     .history-archive-toolbar,
     .history-filter-actions {
       justify-content: stretch;
     }

     .history-filter-actions {
       flex-direction: column;
       align-items: stretch;
     }

     .history-filter-button {
       width: 100%;
     }

     .timeline-step {
       grid-template-columns: 1fr;
     }

     .analysis-card {
       grid-template-columns: 1fr;
     }

     .actions,
     .analysis-actions {
       width: 100%;
       flex-direction: column;
       align-items: stretch;
     }

     .btn,
     .btn-primary,
     .btn-secondary,
     .btn-success,
     .btn-danger,
     .btn-ghost {
       width: 100%;
     }
   }

   @media (max-width: 640px) {
     body.dashboard-page .agritalia-header {
       justify-content: center;
       padding: 8px var(--shell-page-gutter-mobile);
     }

     body.dashboard-page .agritalia-header-logo {
       width: min(260px, 82vw);
       height: auto;
       max-height: 48px;
       object-fit: contain;
     }

     body.dashboard-page .dashboard-hero {
       padding: 10px;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-hero .workbench-hero-top {
       gap: 8px;
     }

     body.dashboard-page .dashboard-hero-logo {
       justify-content: center;
       width: 100%;
       min-width: 0;
       min-height: 0;
       padding: 8px 10px;
       background: var(--color-surface-card);
       border: 2px solid var(--color-brand-green);
       border-radius: var(--radius-sm);
       box-sizing: border-box;
     }

     body.dashboard-page .dashboard-hero-logo-image {
       width: min(210px, 80%);
       max-height: 68px;
       object-fit: contain;
     }

     body.dashboard-page .dashboard-hero-copy {
       display: grid;
       gap: 3px;
     }

     body.dashboard-page .dashboard-hero .eyebrow {
       margin: 0;
       font-size: 10px;
       line-height: 1;
     }

     body.dashboard-page .dashboard-hero .workbench-title {
       max-width: 100%;
       font-size: clamp(22px, 7vw, 27px);
       line-height: 1.03;
     }

     body.dashboard-page .dashboard-hero .workbench-subtitle {
       max-width: 100%;
       margin-top: 4px;
       font-size: 11px;
       line-height: 1.25;
     }

     body.dashboard-page .dashboard-workbench-grid,
     body.dashboard-page .dashboard-main-stack,
     body.dashboard-page .dashboard-lower-grid {
       gap: 8px;
     }

     body.dashboard-page .dashboard-workbench-grid {
       margin-top: 8px;
     }

     body.dashboard-page .dashboard-action-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 8px;
     }

     body.dashboard-page .dashboard-action-grid > .action-card {
       min-height: 118px;
       padding: 10px;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-action-grid > .action-card::before {
       background-size: cover;
       background-position: center;
     }

     body.dashboard-page .dashboard-action-grid .action-card {
       --dashboard-card-arrow-horizontal-width: 28px;
       --dashboard-card-arrow-vertical-height: 4px;
       --dashboard-card-arrow-thickness: 1px;
       --dashboard-card-arrow-right: 10px;
       --dashboard-card-arrow-bottom: 10px;
     }

     body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow {
       right: 10px;
       bottom: 10px;
       width: 28px;
       height: 4px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       opacity: 0.95;
       filter: none;
     }

     body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow::before {
       width: 5px;
       height: 1px;
     }

     body.dashboard-page .dashboard-action-grid > .action-card .dashboard-card-arrow::after {
       width: 5px;
       height: 1px;
     }

     body.dashboard-page .dashboard-action-grid .action-card .eyebrow {
       margin-bottom: 6px;
       font-size: 8px;
       line-height: 1.1;
       letter-spacing: 0.04em;
     }

     body.dashboard-page .dashboard-action-grid .action-title {
       margin: 8px 0 5px;
       font-size: clamp(17px, 4.8vw, 20px);
       line-height: 1.08;
     }

     body.dashboard-page .dashboard-action-grid .action-description {
       margin: 0;
       font-size: 9px;
       line-height: 1.25;
     }

     body.dashboard-page .dashboard-session-card {
       grid-column: 1 / -1;
       grid-template-columns: 1fr;
       min-height: 0;
       padding: 10px 8px;
       gap: 6px;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-session-operations-panel,
     body.dashboard-page .dashboard-session-pill--user,
     body.dashboard-page .dashboard-session-pill--logout {
       grid-column: 1 / -1;
     }

     body.dashboard-page .dashboard-session-pill {
       padding: 7px 8px;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-session-operations-panel {
       gap: 5px;
       padding: 7px;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-session-operations-panel .command-card-head {
       gap: 4px;
       margin-bottom: 4px;
     }

     body.dashboard-page .dashboard-session-operations-panel .command-card-title {
       font-size: 10px;
       line-height: 1.15;
     }

     body.dashboard-page .dashboard-session-operations-panel .soil-signal-grid {
       grid-template-columns: minmax(70px, 0.7fr) minmax(0, 1.3fr);
       gap: 4px;
     }

     body.dashboard-page .dashboard-session-operations-panel .dashboard-signal {
       padding: 5px 6px;
       gap: 3px;
     }

     body.dashboard-page .dashboard-session-operations-panel .soil-signal-name {
       font-size: 7px;
       line-height: 1.15;
     }

     body.dashboard-page .dashboard-session-operations-panel .soil-signal-value,
     body.dashboard-page .dashboard-session-operations-panel #lastDecision {
       font-size: 9px;
       line-height: 1.15;
     }

     body.dashboard-page .dashboard-session-operations-panel #historyCount {
       font-size: 15px;
       line-height: 1;
     }

     body.dashboard-page .dashboard-session-pill .summary-pill-label {
       margin-bottom: 2px;
       font-size: 8px;
       line-height: 1.1;
     }

     body.dashboard-page .dashboard-session-pill .summary-pill-value {
       font-size: 10px;
       line-height: 1.2;
     }

     body.dashboard-page .dashboard-session-pill--logout {
       gap: 4px;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-session-logout-button {
       min-height: 30px;
       padding: 6px 10px;
       font-size: 12px;
       line-height: 1.1;
       border-radius: 8px;
     }

     body.dashboard-page .dashboard-lower-grid .dashboard-side-card {
       min-height: 0;
     }

     body.dashboard-page .dashboard-lower-grid .dashboard-side-section {
       padding: 8px 10px;
     }

     body.dashboard-page .dashboard-lower-grid .command-card-head,
     body.dashboard-page .dashboard-lower-grid .panel-head {
       gap: 4px;
       margin-bottom: 6px;
       padding-left: 0;
     }

     body.dashboard-page .dashboard-lower-grid .eyebrow {
       margin-bottom: 3px;
       font-size: 9px;
       line-height: 1;
     }

     body.dashboard-page .dashboard-lower-grid .command-card-title,
     body.dashboard-page .dashboard-lower-grid .panel-title {
       font-size: 10px;
       line-height: 1.15;
     }

     body.dashboard-page .dashboard-lower-grid .soil-signal-grid {
       grid-template-columns: minmax(70px, 0.7fr) minmax(0, 1.3fr);
       gap: 5px;
     }

     body.dashboard-page .dashboard-lower-grid .soil-signal {
       padding: 6px 7px;
       gap: 3px;
     }

     body.dashboard-page .dashboard-lower-grid .soil-signal-name {
       font-size: 7px;
       line-height: 1.15;
     }

     body.dashboard-page .dashboard-lower-grid .soil-signal-value,
     body.dashboard-page .dashboard-lower-grid #lastDecision {
       font-size: 10px;
       line-height: 1.15;
       overflow-wrap: anywhere;
     }

     body.dashboard-page .dashboard-lower-grid .dashboard-flow-panel .panel-subtitle {
       margin-top: 3px;
       font-size: 10px;
       line-height: 1.2;
     }

     body.dashboard-page .dashboard-lower-grid .dashboard-flow-steps {
       display: grid;
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 4px;
       margin-top: 5px;
     }

     body.dashboard-page .dashboard-lower-grid .dashboard-flow-step {
       padding: 5px 6px;
     }

     body.dashboard-page .dashboard-lower-grid .dashboard-flow-step .summary-pill-value {
       font-size: 9px;
       line-height: 1.15;
     }

     body.dashboard-page .agritalia-footer {
       justify-content: center;
       gap: 8px;
       margin-top: 10px;
       padding: 8px 4px;
     }

     body.dashboard-page .agritalia-footer-logo {
       height: 28px;
       flex: 0 0 auto;
     }

     body.dashboard-page .agritalia-footer-text,
     body.new-analysis-page .agritalia-footer-text,
     body.parameters-page .agritalia-footer-text {
       font-size: 10px;
       line-height: 1.2;
     }
   }

   @media print {
     body {
       background: var(--color-surface-print);
     }

     .command-page,
     .page,
     .screen-shell {
       width: 100%;
       padding: 0;
     }

     .actions,
     .save-notice,
     .quick-mode-toggle,
     .btn,
     .btn-primary,
     .btn-secondary,
     .btn-success,
     .btn-danger,
     .btn-ghost {
       display: none !important;
     }

     .command-hero,
     .workbench-hero,
     .form-hero,
     .command-card,
     .command-panel,
     .analysis-card,
     .section-card {
       box-shadow: none;
       break-inside: avoid;
     }

     .plan-alternatives summary {
       list-style: none;
     }

     .plan-alternatives summary::-webkit-details-marker {
       display: none;
     }
   }