.expected-override-panel{margin:16px 0;padding:16px;border:1px solid #cbd9e3;border-radius:6px}.expected-override-form{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:10px;margin:12px 0 18px}.expected-override-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;min-width:0}.expected-override-form select{min-width:0;width:100%;height:36px}.expected-override-form button{min-height:36px}.expected-override-panel table{width:100%}.expected-override-panel td,.expected-override-panel th{padding:7px 10px}.expected-override-panel button{white-space:nowrap}@media(max-width:920px){.expected-override-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.expected-override-form{grid-template-columns:1fr}}
/* v0.10.283: one authoritative group result grid; detail expands only on request. */
.expected-group-detail-panel{padding:10px 12px;margin:9px 0;border:1px solid #c8d7e1;background:#f8fbff}
.expected-group-detail-panel.hidden{display:none!important}
.expected-group-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.expected-group-detail-panel table{width:100%;border-collapse:collapse}
.expected-group-detail-panel th,.expected-group-detail-panel td{padding:5px 8px;border:1px solid #dce4eb}


/* v0.10.285: the generic group master remains the main editor. Only one compact,
   always visible optional product exception lives inside its member pane. */
#page-groups .group-hub-workbench{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(650px,1.38fr);gap:10px;align-items:start}
#page-groups .group-hub-workbench .group-library-panel{max-width:none;min-width:0}
#page-groups .group-hub-workbench .group-member-panel{min-width:0;overflow-y:auto!important}
#page-groups .group-member-expected-option{flex:0 0 auto;display:block!important;border-top:1px solid #cbd9e3;margin-top:10px;padding-top:9px;min-width:0}
#page-groups .group-member-expected-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#page-groups .group-member-expected-title strong{font-size:13px}
#page-groups #expected-override-hint{margin:3px 0 6px;font-size:12px}
#page-groups .group-member-expected-option .expected-override-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:6px;align-items:end;margin:5px 0 8px}
#page-groups .group-member-expected-option .expected-override-form select{height:30px;width:100%;min-width:0}
#page-groups .group-member-expected-option .expected-override-form button{min-height:30px;white-space:nowrap}
#page-groups .group-member-expected-option #expected-override-table{max-height:200px;overflow:auto}
#page-groups .group-member-expected-option :disabled{opacity:.62;cursor:not-allowed}
@media(max-width:1350px){#page-groups .group-hub-workbench{grid-template-columns:1fr}}
@media(max-width:900px){#page-groups .group-member-expected-option .expected-override-form{grid-template-columns:repeat(3,minmax(0,1fr))}#page-groups .group-member-expected-option .expected-override-form>button{grid-column:1/-1;justify-self:start}}
@media(max-width:560px){#page-groups .group-member-expected-option .expected-override-form{grid-template-columns:1fr}}
/* Keep the optional group exception above the fold without converting the whole
   group master into an expected-pallet screen. The two member lists still scroll. */
#app-view#app-view #page-groups .group-member-panel .group-member-columns{
  flex:0 0 auto!important;height:340px!important;min-height:300px!important;max-height:340px!important;
}