﻿/* RKALC reference palette: navy shell, yellow navigation, blue labels,
   blue-to-teal actions, cream selections, white cards on a blue-grey ground. */
:root{--rkalc-navy:#111827;--rkalc-blue:#005eb8;--rkalc-teal:#0f766e;--rkalc-yellow:#ffcd00;--rkalc-cream:#f7f4d8;--fea-green:var(--rkalc-blue);--fea-green-dark:#004a91;--fea-green-soft:#edf4fc;--muted:#637e9f;--ink:#0b203b;--line:#dce5ef;--teal:var(--rkalc-blue);--pale:#edf4fc}
body{background:radial-gradient(ellipse at 92% 6%,#e1eaf4,transparent 50%),linear-gradient(180deg,#f7fbff,#eef4f8);color:var(--ink)}
.navbar{background:var(--rkalc-navy)!important}.sidebar{background:#1f2937}
.shoring-menu{overflow:visible;background:var(--rkalc-navy);max-width:none!important;gap:0}
.shoring-menu-brand{color:var(--rkalc-yellow)}
#workspaceForm .shoring-menu>button,.menu-group>summary{display:flex;align-items:center;height:50px;padding:0 11px;font:600 12px/1 'Segoe UI',Arial,sans-serif;color:var(--rkalc-yellow);background:transparent;border:0;border-radius:0;cursor:pointer;white-space:nowrap}
.menu-group{position:relative;flex-shrink:0}.menu-group>summary{list-style:none;gap:8px}.menu-group>summary::-webkit-details-marker{display:none}.menu-group>summary::after{content:'▾';font-size:10px;color:#b4c0d2}.menu-group[open]>summary,.menu-group>summary:hover{background:#253449;color:white}
.menu-group>summary:focus-visible{outline:2px solid var(--rkalc-yellow);outline-offset:-4px}
.menu-dropdown{position:absolute;left:0;top:50px;z-index:1200;min-width:235px;max-height:calc(100dvh - 65px);overflow-y:auto;overflow-x:hidden;padding:6px;background:#1f2937;border:1px solid #3a4657;border-radius:0 0 6px 6px;box-shadow:0 12px 26px rgba(15,23,42,.28)}
#workspaceForm .menu-dropdown button{display:block;text-align:left;width:100%;height:auto;min-height:31px;padding:8px 12px;border-radius:3px;font-size:12px;font-weight:400;color:var(--rkalc-cream);white-space:normal}
#workspaceForm .menu-dropdown button:hover,#workspaceForm .menu-dropdown button:focus-visible{color:var(--rkalc-yellow);background:#374151}
#workspaceForm button.primary{background:linear-gradient(110deg,#175ea1,var(--rkalc-teal));border:0;border-radius:7px;box-shadow:0 6px 16px rgba(19,86,130,.12);color:white}
#workspaceForm button.primary:hover{background:linear-gradient(110deg,#114e88,#0b635c)}
.panel-heading{border-top:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7faff)}
.drawing-toolbar{border-top:1px solid var(--line)}
.panel-heading h1,.panel-heading h2{color:#0b203b}.eyebrow,.section-caption{color:var(--rkalc-blue)}
.object-tag{color:#164b82;background:var(--rkalc-cream);border:1px solid #e5deb2;border-radius:3px}
#workspaceForm .stage-row.active{background:#edf4fc;border-color:#cadcf0;color:#154f8b}
.stage-row.active .stage-number{background:#155b9f;border-color:#155b9f}
.stage-detail .stage-operation{color:#526f93}
#workspaceForm .drawing-toolbar button.active,.segmented button.active{background:var(--rkalc-cream);color:#154f8b;border-color:#e3dbb6}
.panel-tabs button[aria-selected=true]{color:var(--rkalc-blue);border-bottom-color:var(--rkalc-blue)}
.analysis-card{background:#f7faff;border-color:var(--line)}.analysis-card button{color:#155b9f}
.sequence-note{background:#f4f7fb;color:#607897}.field-group h3{color:#42648d}.field>span{color:#526f93}
.field input:focus,.field select:focus{border-color:#1763a6;box-shadow:0 0 0 3px rgba(0,94,184,.1)}
.status-dot{background:#00843d}.notification{background:var(--rkalc-navy)}
.view-notice{background:#fff8e2;border-color:#eed78b;color:#7c571b}
.input-dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #cbd9e9;border-radius:10px;overflow:auto;box-shadow:0 22px 70px rgba(15,23,42,.3);color:var(--ink);background:white}
.input-dialog{position:fixed;margin:0;z-index:1300}
.input-dialog-header{cursor:move;touch-action:none;user-select:none}
.input-dialog-header button{cursor:pointer}
#projectHubDialog{width:min(620px,calc(100vw - 32px))}
#projectHubDialog h2{color:#ffdf5d;margin:3px 0;font-size:20px}
#projectHubDialog label{display:block;margin-bottom:12px;font-weight:600}
#projectHubDialog input,#projectHubDialog select{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid #bacbdd;border-radius:4px}
#projectHubDialog .input-dialog-content>button{margin:0 8px 8px 0;padding:8px 12px;border:1px solid #b5c9d8;border-radius:5px;background:#e8f3f6;color:#123957}
#projectHubDialog button:disabled{opacity:.5}
.input-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--rkalc-navy);position:sticky;top:0;z-index:1}
.input-dialog-header .eyebrow{color:var(--rkalc-yellow)}
.input-dialog-header button{background:transparent;border:0;color:var(--rkalc-yellow);padding:0 5px;font-size:24px;line-height:1}
.input-dialog-body{padding:24px}.input-dialog-body h2{font-size:25px;font-weight:600;letter-spacing:-.4px;margin:0 0 8px;color:#0b203b}
#inputDialogDescription{font-size:13px;color:#5878a0;margin:0 0 20px;line-height:1.6}
.placeholder-note{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff8e2;border:1px solid #eed78b;border-radius:6px;color:#865b13;font-size:12px;line-height:1.5}
.placeholder-note-mark{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border:1px solid #c8a256;border-radius:50%;font-weight:700}
#inputDialogContent h3{color:#005eb8;font-size:10px;letter-spacing:1.2px;margin:25px 0 13px;font-weight:600}
.placeholder-fields,.placeholder-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.placeholder-field{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px;border:1px solid #dce5ef;border-radius:5px;background:#f9fbfe;font-size:12px;color:#264b76}
.placeholder-field-number{color:#7893b1;font-size:10px;flex-shrink:0;font-variant-numeric:tabular-nums}
.placeholder-footnote{margin:18px 0 0;font-size:12px;line-height:1.6;color:#637e9f}
.input-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px;border-top:1px solid #e5ebf3;background:#fafcff}
.input-dialog-footer>span{font-size:11px;color:#6f86a2}
.analysis-controls{display:flex;gap:10px;margin:16px 0}.analysis-assumption{font-size:11px;color:#526f93;line-height:1.5;margin:8px 0}.input-dialog .dialog-note{font-size:12px;line-height:1.6;color:#526f93;margin:18px 0 0}
#solverLegend{position:absolute;right:16px;bottom:52px;max-width:210px;padding:10px 12px;border:1px solid #cad8e7;border-radius:5px;background:#ffffffed;color:#0b203b;font:11px/1.6 'Segoe UI',Arial;white-space:pre-line;pointer-events:none}
@media(max-width:1280px){.shoring-menu{position:relative;top:auto;left:auto!important;width:100%;min-height:44px;height:auto;padding:0 8px;flex-wrap:wrap;flex-shrink:0;transition:none}body.sidebar-collapsed .shoring-menu{left:auto!important}.shoring-menu-brand{font-size:17px;padding:0 12px 0 6px}#workspaceForm .shoring-menu>button,.menu-group>summary{height:44px;padding:0 9px;display:flex}.menu-dropdown{top:44px}.menu-group{display:block}}
@media(max-width:950px){#workspaceForm .shoring-menu>button{display:flex}}
@media(max-width:520px){.placeholder-fields,.placeholder-columns{grid-template-columns:1fr}.input-dialog-body{padding:18px}.input-dialog-header,.input-dialog-footer{padding:12px 18px}.input-dialog-body h2{font-size:21px}.input-dialog-footer>span{display:none}.input-dialog-footer{justify-content:flex-end}.menu-dropdown{min-width:210px}.shoring-menu{row-gap:0}.shoring-menu-brand{width:100%;padding:10px 6px 6px}#workspaceForm .shoring-menu>button,.menu-group>summary{font-size:11px;height:36px;padding:0 7px}.menu-dropdown{top:36px}}

.view-toolbar{flex-wrap:wrap}.animation-loop,.animation-speed{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px}.animation-speed select{padding:4px;border:1px solid #cad8e7;border-radius:4px}.timeline{gap:12px}.timeline-label{min-width:150px}
.analysis-progress,.analysis-busy{display:flex;gap:12px;align-items:center;padding:12px;background:#f0f5fb;border:1px solid #ccd9e9;border-radius:5px;color:#173d69;font-size:12px}.analysis-progress{flex-wrap:wrap;margin:14px 0}.analysis-progress progress,.analysis-busy progress{width:110px;height:12px;accent-color:#005eb8}.analysis-progress button,.analysis-busy button{margin-left:auto}.analysis-busy{border-radius:0;border-width:0 0 1px;flex-shrink:0}.heat-scale{height:10px;margin:6px 0;background:linear-gradient(90deg,hsl(40,82%,62%),hsl(82,82%,62%),hsl(125,82%,62%),hsl(167,82%,62%),hsl(210,82%,62%));border:1px solid #b8c8d9}
#resultTooltip{position:absolute;z-index:8;pointer-events:none;max-width:280px;padding:10px 12px;border:1px solid #ffcd00;border-radius:5px;background:#111827f5;color:#fff;font:12px/1.6 'Segoe UI',Arial;white-space:pre-line;box-shadow:0 4px 14px #11182730}
@media(max-width:950px){.timeline{flex-wrap:wrap}.timeline-label{min-width:120px}}
@media(prefers-reduced-motion:reduce){progress{animation:none}}
/* Panel header arrows stay accessible in narrow collapsed rails. */
.workspace.hide-properties{grid-template-columns:36px minmax(260px,1fr) 270px}.workspace.hide-model{grid-template-columns:250px minmax(260px,1fr) 36px}.workspace.hide-properties.hide-model{grid-template-columns:36px minmax(260px,1fr) 36px}
#workspaceForm .panel-heading{gap:8px}.properties .panel-heading h1{margin-right:auto}.model-panel .panel-heading h2{margin-right:auto}
#workspaceForm .panel-heading .pane-toggle{display:grid;place-items:center;flex-shrink:0;width:28px;height:32px;padding:0;border:1px solid #ded9bd;border-radius:5px;background:#fffbe8;color:#172033;font-size:25px;line-height:1;cursor:pointer}
#workspaceForm .panel-heading .pane-toggle:hover{background:#f5efd3;border-color:#c9bd87}
#workspaceForm .panel.pane-collapsed{overflow:hidden;min-width:0}.pane-collapsed>:not(.panel-heading),.pane-collapsed .panel-heading>:not(.pane-toggle){display:none!important}
#workspaceForm .pane-collapsed .panel-heading{padding:0;justify-content:center;border-radius:7px 7px 0 0;min-height:60px;height:60px}
@media(max-width:950px) and (min-width:521px){.workspace.hide-properties,.workspace.hide-model,.workspace.hide-properties.hide-model{grid-template-columns:36px minmax(220px,1fr) 36px}.workspace.hide-properties:not(.hide-model){grid-template-columns:36px minmax(220px,1fr);}.workspace.hide-properties:not(.hide-model) .model-panel{grid-column:1/-1}.workspace.hide-model:not(.hide-properties){grid-template-columns:210px minmax(220px,1fr) 36px}.workspace.hide-model .model-panel{grid-column:auto;max-height:none}}
@media(max-width:520px){#workspaceForm .pane-collapsed .panel-heading{min-height:40px;height:40px;justify-content:flex-start;padding:0 8px}}


.results-toolbar{flex-wrap:wrap;gap:10px}.results-toolbar label{white-space:nowrap}.results-toolbar input[type=checkbox]{width:auto}

.incomplete-results-notice{flex-shrink:0;padding:12px 16px;border-bottom:2px solid #c2410c;background:#fff1e6;color:#7c2d12;font:600 13px/1.6 "Segoe UI",Arial,sans-serif}.incomplete-results-notice[hidden]{display:none}

.analysis-controls{flex-wrap:wrap}
.mesh-study-scroll{max-width:100%;overflow-x:auto;margin:12px 0}
.mesh-study-table{border-collapse:collapse;min-width:650px;width:100%;font-size:11px;line-height:1.5}
.mesh-study-table th,.mesh-study-table td{padding:8px;text-align:left;border-bottom:1px solid #dce5ef;vertical-align:top}
.mesh-study-table th{background:#f4f7fb;color:#264b76}
.shoring-menu .shoring-docs-link{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#f6d76e;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}
.shoring-menu .shoring-docs-link:hover{background:#374151;color:#fff}
.shoring-menu .shoring-docs-link:focus-visible{outline:2px solid #f6d76e;outline-offset:-3px}
