/* Product workspace: the Webhomeopath layout adapted to Remedyfinder's inputs. */
body.customer-surface { background:#eaf2f5; color:#304651; }
body.customer-surface .page { width:min(1180px,calc(100% - 32px)); margin:12px auto; }
#panel-remedy .legacy-page { padding:20px 32px 30px; }
#panel-remedy .legacy-menu { gap:18px; }
#panel-remedy .legacy-menu a { min-height:48px; font-size:13px; }
#panel-remedy .brand-home-link { width:min(315px,100%); }
body[data-current-section="remedy-method"] #panel-remedy .legacy-step-strip { display:none; }
#panel-remedy #remedy-method { border:0; background:#f8fafb; padding:14px; border-radius:12px; }
#panel-remedy .remedy-workspace-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 14px; }
#panel-remedy .remedy-workspace-toolbar .route-heading { margin:0; font-size:22px; font-weight:600; }
#panel-remedy #remedy-new-search { margin:0; padding:8px 14px; border:1px solid #bdcdd4; border-radius:24px; background:white; color:#355562; font-size:13px; }
#panel-remedy .legacy-tool-board-remedy { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:14px; margin:0; align-items:start; }
#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column { min-height:0; width:auto; border:1px solid #d4dfe3; border-radius:9px; box-shadow:0 2px 5px #284f6110; }
#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:first-child,
#panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:nth-child(4) { grid-column:1/-1; }
#panel-remedy .legacy-tool-board-remedy .legacy-column-header { min-height:0; padding:12px 14px; display:block; border-bottom:1px solid #e1e7ea; }
#panel-remedy .legacy-tool-board-remedy .legacy-column-header > span { display:none; }
#panel-remedy .legacy-tool-board-remedy .legacy-column-header > strong { font-size:17px; font-weight:600; line-height:1.3; }
#panel-remedy .legacy-tool-board-remedy .legacy-column-header > p { margin:4px 0 0; font-size:12.5px; }
#panel-remedy #remedy-method .legacy-column-body { display:block; padding:14px; min-height:0; }
#panel-remedy #remedy-workspace-step-1 .legacy-column-body { display:flex; flex-direction:row; gap:16px; align-items:start; flex-wrap:wrap; }
#panel-remedy .legacy-field-grid { margin:0; gap:12px; grid-template-columns:repeat(2,minmax(90px,1fr)); }
#panel-remedy .legacy-column-body label { font-size:13px; }
#panel-remedy .legacy-column-body input:not([type="checkbox"]),
#panel-remedy .legacy-column-body select { min-height:42px; width:100%; border:1px solid #c7d4da; background:#fff; }
#panel-remedy input[type="checkbox"] { accent-color:#427b90; }
#panel-remedy .search-row { display:flex; gap:8px; }
#panel-remedy .search-row input { flex:1; min-width:0; }
#panel-remedy #remedy-symptom-button { flex:0 0 auto; border:1px solid #aabfc9; border-radius:7px; background:#f4f8fa; color:#2b586c; padding:0 15px; }
#panel-remedy .tall-results { min-height:0; max-height:470px; }
#panel-remedy .tall-chosen { min-height:0; }
#panel-remedy #remedy-method .legacy-chosen-box { margin:0 0 12px; min-height:0; padding:0; border:0; }
#panel-remedy .legacy-chosen-box .chips:empty::after { content:"—"; color:#82959f; }
#panel-remedy .remedy-selection-count { font-size:12px; color:#5b737e; margin:12px 0 0; }
#panel-remedy .remedy-priority-controls { display:flex; gap:3px; margin-left:auto; }
#panel-remedy .remedy-priority-controls button { border:1px solid #c9d8de; border-radius:4px; background:#fff; color:#365e6f; padding:3px 7px; min-height:30px; }
#panel-remedy .remedy-priority-controls button:disabled { opacity:.35; cursor:default; }
#panel-remedy .chips { display:flex; flex-direction:column; align-items:stretch; min-height:0; flex:none; background:transparent; border:0; padding:0; }
#panel-remedy .chips .chip { width:100%; display:flex; align-items:center; gap:6px; padding:8px; flex-wrap:wrap; font-size:13px; }
#panel-remedy .legacy-warning { background:#f5f8f9; border:1px solid #d4e0e6; padding:12px 14px; color:#405762; margin-bottom:12px; }
#panel-remedy .legacy-warning > strong { display:none; }
#panel-remedy .legacy-warning > p { margin:0 0 8px; }
#panel-remedy .legacy-consent { display:flex; align-items:start; gap:9px; font-size:12px; }
#panel-remedy .legacy-consent input { flex:0 0 auto; margin-top:3px; }
#panel-remedy #remedy-run { width:auto; padding:10px 20px; min-height:42px; background:#427b90; color:white; border:1px solid #427b90; border-radius:7px; margin:0 0 14px; }
#panel-remedy #remedy-run:disabled { background:#e4ecef; color:#6e828c; border-color:#d4e0e5; }
#panel-remedy #remedy-output { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:14px; }
#panel-remedy #remedy-output > .result-group-summary,
#panel-remedy #remedy-output > .empty { grid-column:1/-1; margin:0; }
#panel-remedy #remedy-output { min-height:0; max-height:none; overflow:visible; }
#panel-remedy #remedy-output .empty { min-height:0; padding:10px 12px; }
#panel-remedy #remedy-output .result-group-summary { border:0; background:transparent; padding:0; color:#45616e; font-size:13px; font-weight:400; }
#panel-remedy #remedy-output .result-group { margin:0; min-width:0; max-height:360px; overflow:auto; border:1px solid #d4dfe3; border-radius:7px; padding:0 8px 8px; scrollbar-width:thin; }
#panel-remedy #remedy-output .result-group__heading { top:0; margin:0 0 8px; padding:10px 0; background:#fff; border-bottom:1px solid #d4dfe3; color:#305363; font-size:14px; }
#panel-remedy #remedy-output .result-group__heading > span { background:#e7eff2; color:#355663; }
#panel-remedy #remedy-output .result-row { grid-template-columns:24px minmax(0,1fr) auto; padding:8px; background:#f7fafb; border:1px solid #e1e8eb; border-radius:4px; color:#304d5b; }
#panel-remedy #remedy-output .result-row.interactive:hover { background:#eaf2f5; border-color:#8daebb; }
#panel-remedy #remedy-output .result-row strong { color:#304d5b; font-weight:500; }
#panel-remedy #remedy-output .result-row .rank { color:#49616d; background:transparent; border:0; }
#panel-remedy #remedy-output .score { color:#436b7c; font-size:12px; font-weight:600; }
#panel-remedy #remedy-output .result-copy { min-width:0; overflow-wrap:anywhere; }
#panel-remedy #remedy-output .result-copy > small { display:none; }
#panel-remedy #remedy-result-detail { margin-top:16px; }
#panel-remedy #remedy-result-detail:empty { display:none; }
#panel-remedy #remedy-result-detail:has(> .empty) { display:none; }
#panel-remedy .site-footer { font-size:12px; }
#panel-remedy a:any-link { text-decoration:none!important; text-shadow:none!important; }
#panel-remedy a:hover { color:#1b637c; }
#panel-remedy .legacy-menu a { border-bottom:0!important; }
#panel-remedy :is(a,button,input,select,summary,[tabindex]):focus-visible { outline:3px solid #427b90; outline-offset:3px; }
@media(max-width:760px) {
 body.customer-surface .page { width:calc(100% - 16px); margin:8px auto; }
 #panel-remedy .legacy-page { padding:14px 12px 24px; }
 #panel-remedy .brand-row { min-height:74px; gap:12px; flex-wrap:wrap; }
 #panel-remedy .brand-home-link { width:min(270px,100%); }
 #panel-remedy .legacy-menu { flex-wrap:wrap; overflow:visible; gap:0 16px; padding:6px 0; }
 #panel-remedy .legacy-menu a { min-height:36px; font-size:12px; }
 #panel-remedy .legacy-menu select { margin-left:0; }
 #panel-remedy #remedy-method { padding:10px 0; }
 #panel-remedy .remedy-workspace-toolbar .route-heading { font-size:20px; }
 #panel-remedy .legacy-tool-board-remedy { grid-template-columns:minmax(0,1fr); }
 #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column { grid-column:1; }
 #panel-remedy .legacy-tool-board-remedy > .legacy-tool-column:first-child .legacy-column-body { display:block; }
 #panel-remedy #remedy-output { grid-template-columns:minmax(0,1fr); }
 #panel-remedy .site-footer { margin:20px -12px -24px; padding:18px 12px; }
}