/* Roughness / form tolerance: native controls, four independent scenarios. */
#rgh-cloud-root{
  --fc-text:#000;
  --fc-text-2:#000;
  --fc-font: "Segoe UI", Arial, sans-serif;
  --fc-font-mono: Consolas, monospace;
  --fc-border: #aab5ae;
  --fc-radius: 3px;
  --fc-surface: #f8f9f7;
  --fc-surface-2: #eef1ee;
  --fc-accent: #365c76;
  --fc-accent-strong: #28465b;
  --fc-danger: #913b32;
  width: 100%; min-width: 0;
  color: var(--fc-text); font: 14px/1.45 var(--fc-font);
}
#rgh-cloud-root *{ box-sizing: border-box; }#rgh-cloud-root *::before{ box-sizing: border-box; }#rgh-cloud-root *::after{ box-sizing: border-box; }
#rgh-cloud-root :where(button, input, select, textarea){
  min-height: 36px; max-width: 100%; padding: 7px 10px;
  border: 1px solid #718078; border-radius: var(--fc-radius);
  background: #fff; color: var(--fc-text); font: 14px/1.4 var(--fc-font);
}
#rgh-cloud-root :where(input, select, textarea){ width: 100%; min-width: 0; }
#rgh-cloud-root :where(button){ background: var(--fc-surface-2); cursor: pointer; font: 600 13px/1.4 var(--fc-font); }
#rgh-cloud-root :where(button):hover{ background: #d9dfdb; }
#rgh-cloud-root :where(button, input, select, textarea, a):focus-visible{ outline: 2px solid var(--fc-accent); outline-offset: 2px; }
#rgh-cloud-root :where(button, input, select):disabled{ opacity: .6; cursor: not-allowed; }
#rgh-cloud-root :where(input[type="checkbox"], input[type="radio"]){ width: auto; min-height: 0; accent-color: var(--fc-accent); }
#rgh-cloud-root :where(a){ color: var(--fc-accent); }
#rgh-cloud-root [hidden]{ display: none; }
#rgh-cloud-root .rgh-page{ width: 100%; min-width: 0; }
#rgh-cloud-root .rgh-tabs{display: flex;flex-wrap: wrap;background:transparent;border:0;box-shadow:none;padding:0;gap:8px;margin:0 0 16px;}
#rgh-cloud-root .rgh-tab.is-active{
  border-color: var(--fc-accent-strong); background: var(--fc-accent); color: #fff;
}#rgh-cloud-root button.primary{
  border-color: var(--fc-accent-strong); background: var(--fc-accent); color: #fff;
}#rgh-cloud-root #gdtCalc{
  border-color: var(--fc-accent-strong); background: var(--fc-accent); color: #fff;
}
#rgh-cloud-root .rgh-pane:not(.is-active){ display: none; }
#rgh-cloud-root :is(.rgh-shell-panel, .rgh-card, .panel, .card){min-width: 0;border: 1px solid var(--fc-border);border-radius: var(--fc-radius);background: var(--fc-surface);color: var(--fc-text);padding:16px;margin: 0 0 12px;}
#rgh-cloud-root :is(.rgh-card-title, .panel-title){ margin: 0 0 10px; font-size: 18px; font-weight: 700; }
#rgh-cloud-root :is(.rgh-sub, .muted, .small){ color: var(--fc-text-2); }
#rgh-cloud-root .small{ font-size: 12px; }
#rgh-cloud-root .mono{ font-family: var(--fc-font-mono); overflow-wrap: anywhere; }
#rgh-cloud-root :is(.grid, .grid2, .grid3, .grid5, .rgh-formtol-fields){display: grid;margin-top: 10px;align-items: end;gap:12px;}
#rgh-cloud-root :is(.grid, .grid3, .rgh-formtol-fields){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
#rgh-cloud-root .grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
#rgh-cloud-root .grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
#rgh-cloud-root .fld{ display: grid; min-width: 0; gap: 5px; }
#rgh-cloud-root .fld .k{ color: var(--fc-text-2); font-size: 12px; font-weight: 650; }
#rgh-cloud-root :is(.row, .rgh-actions){display: flex;align-items: center;flex-wrap: wrap;gap:8px;margin-block:12px;}
#rgh-cloud-root :is(.panel-error, .rgh-native-error){
  min-height: 34px; margin: 8px 0; padding: 8px 10px;
  border: 1px solid var(--fc-danger); border-radius: var(--fc-radius);
  background: var(--fc-surface-2); color: var(--fc-danger);
}
#rgh-cloud-root .panel-warn{ border-color: #85662d; color: #715724; }
#rgh-cloud-root .rgh-source-note{
  margin: 10px 0; padding: 10px; border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius); background: var(--fc-surface-2); font-size: 12px; line-height: 1.35;
}
#rgh-cloud-root .subsection{ margin-top: 10px; }
#rgh-cloud-root .h3{ margin-bottom: 6px; font-weight: 700; }
#rgh-cloud-root hr{ margin: 14px 0; border: 0; border-top: 1px solid var(--fc-border); }
#rgh-cloud-root .rgh-output{ margin-top: 12px; overflow-x: auto; }
#rgh-cloud-root :where(table){background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;border-collapse:collapse;border-spacing:0;width:100%;}
#rgh-cloud-root :where(th, td){text-align: left;overflow-wrap: anywhere;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}
#rgh-cloud-root :where(th){font-weight: 700;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}
@media (max-width: 1000px) {
  #rgh-cloud-root .grid5{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #rgh-cloud-root :is(.grid, .grid2, .grid3, .grid5, .rgh-formtol-fields){ grid-template-columns: minmax(0, 1fr); }
}











/* Unified semantic result tables, scoped to this module. */
#rgh-cloud-root .rgh-result-table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid var(--fc-border);}
#rgh-cloud-root .rgh-result-table :is(th, td){border:1px solid var(--fc-border);padding:8px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere;}
#rgh-cloud-root .rgh-result-table thead th{background:var(--fc-surface-2);font-weight:700;}
#rgh-cloud-root .rgh-result-table tbody th{background:#fff;font-weight:400;}