/* V10.2 / Phase 3 — reusable navigation, status, tools and experiment setup.
 * Presentation only: never infer validation status beyond available scientific evidence. */
.ui-grouped-nav{gap:0;align-items:stretch;overflow-x:auto;overflow-y:hidden}
.ui-nav-group{display:flex;align-items:center;flex:0 0 auto;gap:7px;padding:0 10px;border-right:1px solid var(--line2);position:relative}
.ui-nav-group:first-child{padding-left:0}
.ui-nav-group:last-child{padding-right:0;border-right:0}
.ui-nav-heading{display:inline-flex;align-items:center;font:600 10px/1.3 var(--sans);color:#adc6b7;
 letter-spacing:.01em;white-space:nowrap;padding-right:2px}
.ui-nav-links{display:flex;align-items:stretch;gap:0;min-height:46px}
.appnav .ui-nav-links .tab{min-width:0;min-height:46px;padding:0 9px;font:600 11px/1.2 var(--sans)}
.ui-nav-group.is-current .ui-nav-heading{color:var(--text)}
.ui-nav-group.is-current{background:rgba(135,181,157,.045)}
.ui-nav-links .tab:focus-visible{outline-offset:-3px}
.ui-statusbar{display:flex;align-items:center;gap:0;min-height:42px;padding:4px clamp(12px,1.8vw,25px);
 border-bottom:1px solid var(--line);background:#101c16;flex-wrap:wrap}
.ui-statusitem{display:flex;gap:5px;align-items:baseline;min-width:0;padding:5px 12px;border-right:1px solid var(--line2)}
.ui-statusitem:first-child{padding-left:0}
.ui-status-label{font:600 10px/1.4 var(--sans);color:#a5bbad}
.ui-statusitem strong{font:600 11px/1.4 var(--sans);color:var(--text2);overflow-wrap:anywhere}
.ui-status-help{margin-left:auto;min-height:32px;border:0;background:transparent;color:#e3c7a5;
 font:600 11px/1.3 var(--sans);padding:7px 10px;border-radius:5px}
.ui-status-help:hover{background:#273a2f;color:#f3dcc2}
.ui-workspace-identity{min-width:0;flex:1}
.ui-action-group{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ui-action-group .tiny-btn{font:600 12px/1.3 var(--sans);min-height:38px;padding:7px 11px}
.ui-action-group .ui-primary-action{background:#293f32;border:1px solid #789680;color:#f0f4eb}
.ui-action-group .ui-primary-action:hover{background:#365444;border-color:#b3d2b8}
.ui-action-group .tiny-btn:disabled{opacity:.5}
.ui-toolmenu{position:relative;z-index:32}
.ui-toolmenu>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:7px 12px;
 min-height:38px;border:1px solid #5b7b6a;border-radius:5px;background:#1f3328;
 color:var(--text);font:600 12px/1.2 var(--sans);cursor:pointer}
.ui-toolmenu>summary::-webkit-details-marker{display:none}
.ui-toolmenu>summary span{color:var(--a2)}
.ui-toolmenu[open]>summary,.ui-toolmenu>summary:hover{background:#314a3a}
.ui-toolmenu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;
 width:max-content;min-width:215px;max-width:min(90vw,300px);
 padding:6px;border:1px solid #6c8c78;border-radius:8px;
 background:#182a21;box-shadow:0 14px 42px #000b;display:grid;gap:3px}
.ui-toolentry{display:block;width:100%;text-align:left;background:transparent;border:0;
 border-radius:5px;min-height:40px;padding:10px 12px;color:var(--text);
 font:500 12px/1.35 var(--sans);white-space:normal}
.ui-toolentry:hover,.ui-toolentry:focus-visible{background:#365244}
.workspace-head{position:relative;z-index:2}
.ui-setup-context{border:1px solid #456052;border-radius:7px;background:#17271d;padding:13px 14px;margin:2px 0 11px}
.ui-setup-context>strong{display:block;color:var(--text);font:600 13px/1.4 var(--sans)}
.ui-setup-context>p{color:var(--text2);font:12px/1.55 var(--sans);margin:5px 0 10px}
.ui-setup-context dl{display:grid;gap:7px;margin:0;padding:0}
.ui-setup-context dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px}
.ui-setup-context dt{color:#a8bcae;font:11px/1.4 var(--sans)}
.ui-setup-context dd{margin:0;overflow-wrap:anywhere;color:var(--text);font:600 11px/1.45 var(--sans)}
.ui-setup-fields{min-width:0}
.ui-control-section .section-title{align-items:baseline}
.ui-control-section .section-title h3{text-transform:none;font-size:12px;letter-spacing:0}
.ui-control-section .section-title span{font:11px/1.45 var(--sans);color:var(--muted)}
.ui-control-section .param-top label{font-size:13px;line-height:1.4}
.ui-control-section .param-top label small{font:11px/1.5 var(--sans);color:#aebfaf}
.ui-setup-fields :where(.switch,.preset-btn,.rt-choice){min-height:38px}
#controls .adv summary{font:600 12px/1.4 var(--sans)}
@media(max-width:1200px){
 .ui-nav-heading{font-size:10px}
 .ui-nav-links .tab{padding-inline:8px}
 .ui-statusitem{padding-inline:8px}
}
@media(max-width:820px){
 .appnav{max-width:100%;overflow:hidden}
 .ui-grouped-nav{width:100%}
 .ui-nav-heading{font-size:10px}
 .ui-statusbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3px}
 .ui-statusitem{padding:5px 8px;min-height:30px}
 .ui-statusitem:nth-child(odd){padding-left:0}
 .ui-statusitem:nth-child(even){border-right:0}
 .ui-status-help{margin:2px 0;grid-column:1/-1;justify-self:start}
 .ui-action-group{justify-content:flex-start}
}
@media(max-width:480px){
 .ui-statusbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ui-statusitem{padding:4px 6px;border-right:0;align-items:start;flex-direction:column;gap:2px}
 .ui-status-item strong{font-size:11px}
 .ui-status-help{grid-column:1/-1;margin:0;min-height:32px}
 .ui-action-group .tiny-btn{min-height:40px}
 .ui-toolmenu-panel{right:0;left:auto;width:min(80vw,255px)}
 .ui-nav-group{gap:5px;padding-inline:9px}
 .ui-nav-links .tab{padding-inline:7px}
 .ui-setup-context dl>div{grid-template-columns:82px minmax(0,1fr)}
}