/* FitsCalc Fe–C R6.5 — real control layout, following Periodic Elements native system. */
body[data-fc-module="iron-carbon"] #fec-app {
  --fec-r65-border:#aab5ae;
  --fec-r65-ink:#000;
  --fec-r65-surface:#fff;
  --fec-r65-subtle:#4c5853;
  --fec-r65-primary:#365c76;
  font:13px/1.45 "Segoe UI",Arial,sans-serif;
}
/* The four primary working modes are placed immediately under the system H1. */
body[data-fc-module="iron-carbon"] #fec-app .fec-mode-tabs {
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;
  border:0;border-bottom:1px solid var(--fec-r65-border);
  padding:0 0 12px;background:transparent;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-mode-tab {
  min-width:142px;min-height:36px;height:36px;padding:7px 12px;
  border-radius:3px;border:1px solid #718078;box-shadow:none;
  font:600 13px/1.4 "Segoe UI",Arial,sans-serif;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-controls {
  display:grid;
  grid-template-columns:minmax(132px,175px) minmax(132px,175px) minmax(0,1fr);
  grid-auto-rows:min-content;
  gap:10px 12px;
  align-items:end;
  padding:12px 14px;
  margin:0 0 8px;
  border:1px solid var(--fec-r65-border);border-radius:3px;box-shadow:none;
  background:#f8f9f7;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-controls > .fec-field {grid-row:1;align-self:end;min-width:0;max-width:175px}
body[data-fc-module="iron-carbon"] #fec-app .fec-controls > .fec-field:nth-child(1) {grid-column:1}
body[data-fc-module="iron-carbon"] #fec-app .fec-controls > .fec-field:nth-child(2) {grid-column:2}
body[data-fc-module="iron-carbon"] #fec-app .fec-controls > .fec-field input {width:100%;height:36px;min-height:36px;border-radius:3px;font-size:14px}
body[data-fc-module="iron-carbon"] #fec-app .fec-control-actions {
  grid-column:3;grid-row:1;
  align-self:end;justify-self:start;
  display:flex;align-items:end;justify-content:flex-start;flex-wrap:wrap;
  width:auto;margin:0;gap:8px;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-control-actions .fec-btn {
  flex:0 0 auto;min-height:36px;height:36px;padding:7px 12px;
  border-radius:3px;font-size:13px;white-space:nowrap;
}
/* No full-width slider block on the right: collapsed by default, bounded on the second row. */
body[data-fc-module="iron-carbon"] #fec-app .fec-small-details {
  grid-column:1/-1;grid-row:2;
  width:min(100%,580px);max-width:580px;min-width:0;
  justify-self:start;align-self:start;
  border:1px solid var(--fec-r65-border);border-radius:3px;background:#fff;
  margin:0;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-small-details summary {
  min-height:32px;max-height:36px;padding:6px 10px;
  font:600 12px/1.45 "Segoe UI",Arial,sans-serif;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-fine-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;padding:10px;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-preset-row {
  margin:0 0 10px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;
}
body[data-fc-module="iron-carbon"] #fec-app :is(.fec-btn,.fec-chip,.fec-segment) {border-radius:3px;box-shadow:none;min-height:36px;font:600 13px/1.4 "Segoe UI",Arial,sans-serif}
body[data-fc-module="iron-carbon"] #fec-app :is(button, input, select):focus-visible {outline:2px solid #1674a1;outline-offset:2px}
/* Full diagram: notation, C and T and Apply share a consistent row. */
body[data-fc-module="iron-carbon"] #fec-app .fec-r61-subhead {display:block;min-width:0}
body[data-fc-module="iron-carbon"] #fec-app .fec-r61-options {
  display:grid;grid-template-columns:minmax(210px,330px) minmax(120px,160px) minmax(120px,160px) max-content;
  align-items:end;justify-content:start;gap:10px 12px;max-width:100%;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-r61-options > label {min-width:0;margin:0}
body[data-fc-module="iron-carbon"] #fec-app .fec-r61-options > label :is(select,input) {height:36px;min-height:36px;width:100%;max-width:none}
body[data-fc-module="iron-carbon"] #fec-app .fec-r61-actions {display:flex;align-items:end;grid-column:4;min-width:0;margin:0}
body[data-fc-module="iron-carbon"] #fec-app .fec-r61-actions .fec-btn {min-height:36px;height:36px;white-space:nowrap}
/* Thermal inputs are genuinely compact; labels and inputs have common baselines. */
body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form:not([hidden]) {
  display:grid;grid-template-columns:repeat(3,minmax(175px,248px));
  align-items:start;justify-content:start;gap:10px 14px;
  max-width:772px;width:100%;margin:0;padding:12px 0 4px;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form[hidden] {display:none!important}
body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form label {
  display:flex;flex-direction:column;align-items:stretch;
  min-width:0;width:100%;margin:0;gap:5px;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form .fec-cyc-label {
  display:flex;align-items:flex-end;height:38px;min-height:38px;
  font:600 13px/1.3 "Segoe UI",Arial,sans-serif;color:#000;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form label input {
  box-sizing:border-box;width:100%;max-width:248px;
  height:36px;min-height:36px;margin:0;
  border:1px solid #718078;border-radius:3px;background:#fff;
  font:14px/1.3 "Segoe UI",Arial,sans-serif;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-toolbar {display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:8px;margin:10px 0}
/* Kinetics: choices first, all actions form an independent row, not a cramped two-column toolbar. */
body[data-fc-module="iron-carbon"] #fec-app .fec-kin-quick {
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  margin:10px 0 12px;padding:0;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-kin-quick > label {width:min(100%,264px);max-width:264px;min-width:0;margin:0}
body[data-fc-module="iron-carbon"] #fec-app .fec-kin-quick > label select {width:100%;height:36px;min-height:36px}
body[data-fc-module="iron-carbon"] #fec-app .fec-kin-toolbar {
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  width:100%;flex:initial;gap:8px;margin:0;
}
body[data-fc-module="iron-carbon"] #fec-app .fec-kin-toolbar .fec-btn {
  flex:0 0 auto;height:36px;min-height:36px;padding:7px 12px;
  white-space:nowrap;
}
@media(max-width:900px){
  body[data-fc-module="iron-carbon"] #fec-app .fec-controls {grid-template-columns:repeat(2,minmax(0,175px));}
  body[data-fc-module="iron-carbon"] #fec-app .fec-control-actions {grid-column:1/-1;grid-row:2;justify-self:start}
  body[data-fc-module="iron-carbon"] #fec-app .fec-small-details {grid-column:1/-1;grid-row:3}
  body[data-fc-module="iron-carbon"] #fec-app .fec-r61-options {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  body[data-fc-module="iron-carbon"] #fec-app .fec-r61-actions {grid-column:1/-1;justify-self:start}
  body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form:not([hidden]) {grid-template-columns:repeat(2,minmax(0,248px));}
}
@media(max-width:540px){
  body[data-fc-module="iron-carbon"] #fec-app .fec-controls {grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:9px}
  body[data-fc-module="iron-carbon"] #fec-app .fec-control-actions {width:100%;}
  body[data-fc-module="iron-carbon"] #fec-app .fec-control-actions .fec-btn {flex:1 1 auto;white-space:normal}
  body[data-fc-module="iron-carbon"] #fec-app .fec-small-details {max-width:none;width:100%;}
  body[data-fc-module="iron-carbon"] #fec-app .fec-mode-tab {min-width:0;flex:1 1 calc(50% - 8px)}
  body[data-fc-module="iron-carbon"] #fec-app .fec-r61-options {grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-fc-module="iron-carbon"] #fec-app .fec-r61-options > label:first-child {grid-column:1/-1}
  body[data-fc-module="iron-carbon"] #fec-app .fec-fine-grid {grid-template-columns:1fr}
  body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form:not([hidden]) {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-fc-module="iron-carbon"] #fec-app .fec-kin-toolbar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-fc-module="iron-carbon"] #fec-app .fec-kin-toolbar .fec-btn {width:100%;min-width:0;height:auto;min-height:36px;white-space:normal}
}
@media(max-width:360px){
  body[data-fc-module="iron-carbon"] #fec-app .fec-cyc-form:not([hidden]) {grid-template-columns:1fr}
}