/* Touch-friendly primary page navigation. */
html { scroll-behavior: smooth; }
body, .main-content, .inputs-panel, .table-wrap, .array-plan-rows { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
button, a, input, select, textarea { touch-action: manipulation; }
.section-scrollbar {
  display: flex; gap: 7px; overflow-x: auto;
  padding: 7px max(12px, calc((100vw - 1440px) / 2)); border-bottom: 1px solid #d3d3d3;
  background: rgba(255,255,255,.96); box-shadow: 0 5px 12px rgba(0,0,0,.04);
  scrollbar-width: none; overscroll-behavior-x: contain;
}
.section-scrollbar::-webkit-scrollbar { display: none; }
.section-scrollbar button {
  flex: 0 0 auto; min-height: 38px; border: 1px solid #bbb; border-radius: 999px;
  padding: 7px 12px; background: #fff; color: #222; font: 700 11px 'Cairo', sans-serif;
}
.section-scrollbar button:active { transform: scale(.97); background: #eee; }

/* Fixed full-width section navigator. */
.section-scrollbar { position:fixed; top:124px; right:0; left:0; width:100%; z-index:40; padding:7px 16px; box-sizing:border-box; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
.has-section-nav .main-content { padding-top:176px !important; }
.page-intro, .page-header, .inputs-panel, .dashboard-overview, .result-head, .kpi-grid, .indicator-grid, .detail-card, .panel-visual, .engineering-diagram, .string-diagram, .options-card, .chassis-tool, .engineering-elevation, .array-plan, .array-diagram, .bom-card, .action-row { scroll-margin-top:190px; }
@media (max-width:640px) {
  .section-scrollbar { top:110px; padding:6px 10px; }
  .has-section-nav .main-content { padding-top:164px !important; }
  .page-intro, .page-header, .inputs-panel, .dashboard-overview, .result-head, .kpi-grid, .indicator-grid, .detail-card, .panel-visual, .engineering-diagram, .string-diagram, .options-card, .chassis-tool, .engineering-elevation, .array-plan, .array-diagram, .bom-card, .action-row { scroll-margin-top:178px; }
}
/* Compact section labels: 2px smaller while keeping touch targets comfortable. */
.section-scrollbar button { font-size:9px; }
@media (max-width:640px) { .section-scrollbar button { font-size:8px; } }
.section-scrollbar a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:38px; border:1px solid #bbb; border-radius:999px; padding:7px 12px; background:#fff; color:#222; text-align:center; text-decoration:none; font:700 9px 'Cairo',sans-serif; }
.section-scrollbar a:active { transform:scale(.97); background:#eee; }
@media (max-width:640px) { .section-scrollbar a { min-height:42px; padding-inline:11px; font-size:8px; } }
/* Keep the one report action discoverable above the mobile controls. */
.action-row .report-main-action { display:inline-flex !important; visibility:visible !important; opacity:1 !important; order:-1; background:#0e6374 !important; color:#fff !important; border-color:#0e6374 !important; }
@media (max-width:640px) { .action-row { display:flex !important; flex-wrap:wrap; gap:8px; } .action-row .report-main-action { flex:1 1 100%; min-height:42px; justify-content:center; } }
/* Stable, clickable action grid on small and wide touch screens. */
.action-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px!important;width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important;align-items:stretch!important}
.action-row .button{box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:42px!important;white-space:normal!important;overflow:visible!important;justify-content:center!important}
.action-row .report-main-action{display:inline-flex!important;visibility:visible!important;opacity:1!important;order:initial!important;background:#0e6374!important;color:#fff!important;border-color:#0e6374!important}
@media (max-width:640px){.action-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.action-row .report-main-action{grid-column:1/-1!important;min-height:44px!important}}
/* Unified workspace: project data and calculations are always directly editable. */
.unified-mode-toggle,.project-page-actions .button:nth-child(3),#page-jump-6>.button:nth-child(2){display:none!important}