/* Panel grid, headings, toolbar, inputs and result rows use the arch workspace. */
.ezelsrug-input-section { margin-top: 20px; }
.ezelsrug-input-section .brick-picker__selected { margin: 0; min-width: 0; }
.ezelsrug-input-section select { min-width: 0; max-width: 100%; }
.ezelsrug-selected-size { display: block; margin-top: 8px; font-size: .76rem; font-variant-numeric: tabular-nums; }
.ezelsrug-note { margin: 10px 0 0; color: var(--muted); font-size: .68rem; line-height: 1.55; }
.ezelsrug-fit-slope { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 40px; margin-top: 20px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-strong); color: var(--text); font: 650 .7rem/1.3 var(--font-sans); cursor: pointer; }
.ezelsrug-fit-slope:disabled { opacity: .45; cursor: default; }
.ezelsrug-fit-slope .material-symbols-outlined { font-size: 19px; }
.ezelsrug-canvas { min-height: 380px; }
.ezelsrug-canvas .drawing-zoom-surface { width: 100%; }
.ezelsrug-preview, .ezelsrug-depth-preview { display: block; width: 100%; height: auto; max-height: 560px; }
.ezelsrug-drawing-caption { padding: 12px 20px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: .67rem; line-height: 1.5; }
.ezelsrug-empty { padding: 30px; color: var(--muted); text-align: center; font-size: .8rem; }
.ezelsrug-result-summary { margin: 18px 0 0; color: var(--turquoise); font-size: .72rem; line-height: 1.5; }
.ezelsrug-details { margin-top: 12px; border-bottom: 1px solid var(--line); }
.ezelsrug-details > summary { min-height: 44px; padding: 12px 0; color: var(--text); font-size: .75rem; font-weight: 650; cursor: pointer; }
.ezelsrug-details .result-list { margin-top: 0; }
.ezelsrug-cut-panel { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.ezelsrug-cut-panel h3, .ezelsrug-setting-out h3 { margin: 0 0 8px; font-size: .8rem; }
.ezelsrug-cut-panel p, .ezelsrug-cut-panel strong { color: var(--muted); font-size: .65rem; line-height: 1.5; }
.ezelsrug-cut-panel strong { display: block; margin: 8px 0; color: var(--text); }
.ezelsrug-cut-preview { display: block; width: 100%; height: auto; max-height: 165px; margin-top: 12px; border-radius: 6px; background: #fff; }
.ezelsrug-length-preview { display: block; width: 100%; height: auto; }
.ezelsrug-setting-out { padding: 16px 20px; border-top: 1px solid var(--line); }
.ezelsrug-setting-out > p { font-size: .7rem; }
.ezelsrug-marks { width: 100%; border-collapse: collapse; color: var(--text); font-size: .68rem; font-variant-numeric: tabular-nums; }
.ezelsrug-marks th, .ezelsrug-marks td { padding: 5px 8px; border-bottom: 1px solid var(--line-soft); text-align: right; }
.ezelsrug-marks th:first-child, .ezelsrug-marks td:first-child { text-align: left; }
.ezelsrug-marks th { color: var(--muted); font-weight: 600; }
:root[data-theme="dark"] .ezelsrug-canvas .ezelsrug-profile text { fill: #c7d8e5; }
:root[data-theme="dark"] .ezelsrug-canvas .ezelsrug-brick { fill: #907f75; stroke: #d6bdad; }
:root[data-theme="dark"] .ezelsrug-canvas .ezelsrug-wall { fill: #3b4451; stroke: #8293a6; }
:root[data-theme="dark"] .ezelsrug-canvas .ezelsrug-core { fill: #4d514f; }
:root[data-theme="dark"] .ezelsrug-setting-out .ezelsrug-length-preview text { fill: #c7d8e5; }
@media screen and (max-width: 680px) {
  .ezelsrug-canvas { min-height: 320px; }
  .ezelsrug-preview { max-height: 360px; }
}