@import url("../pilares-produtos/styles.css?v=8");
@import url("../shared/ep-como-usar.css");

.workspace { grid-template-columns: minmax(320px, 390px) minmax(0, 1fr) !important; }
.input-panel { border-top-color: #101715; }
.results-panel { border-top-color: #16a476; }
.drawing-card { box-shadow: inset 0 4px 0 #16a476; }
.calculation-memory { margin-top: 18px; }
.chart-legend i { width: 16px; height: 3px; border-radius: 3px; }
.legend-green { background: #087f5b; }.legend-red { background: #d33f49; }.legend-blue { background: #246bce; }
.slab-concrete { fill: #edf5f2; stroke: #101715; stroke-width: 3; }.slab-load { stroke: #16a476; stroke-width: 2; marker-end: url(#arrow-green); }.slab-profile { stroke: #087f5b; stroke-width: 2; }.slab-rebar-bottom { stroke: #d33f49; stroke-width: 3; }.slab-rebar-top { stroke: #246bce; stroke-width: 3; }.slab-axis { stroke: #cbd8d3; stroke-width: 1; stroke-dasharray: 5 5; }.slab-dimension, .slab-extension { stroke: #8c9b96; stroke-width: 1.2; }.slab-support { fill: white; stroke: #101715; stroke-width: 2; }.slab-fixed { stroke: #101715; stroke-width: 2; }.slab-note-svg { fill: #52615c; font: 12px var(--ep-fonte); }.slab-heading-svg { fill: #087f5b; font: 650 12px var(--ep-fonte); letter-spacing: .08em; }.slab-label-svg { fill: #101715; font: 600 13px var(--ep-fonte); }.slab-deflection { fill: none; stroke: #246bce; stroke-width: 3; }.slab-limit { stroke: #d33f49; stroke-width: 1.7; stroke-dasharray: 7 5; }.slab-limit-label { fill: #b42a2a; font: 600 11px var(--ep-fonte); }.slab-band-negative { fill: rgb(8 127 91 / 10%); stroke: #087f5b; stroke-width: 1.4; stroke-dasharray: 5 4; }
.composition-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin: 10px 0 4px; }.composition-heading strong { color: #26332f; font-size: 12px; }.composition-heading p { margin: 3px 0 0; color: #71807a; font-size: 10px; line-height: 1.4; }.composition-heading .small-button { min-height: 29px; padding: 0 10px; white-space: nowrap; }.composition-row { display: grid; grid-template-columns: minmax(0, 1fr) 112px 31px; gap: 7px; align-items: end; margin-top: 8px; padding: 9px; border: 1px solid #d8e1dd; border-radius: 8px; background: #fbfcfc; }.composition-row label { margin-top: 0; }.composition-row input, .composition-row select { height: 36px; }.composition-parameters { grid-column: 1 / 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }.composition-value { grid-column: 1 / 3; color: #087f5b; font-size: 10px; font-weight: 650; }.composition-remove { grid-column: 3; grid-row: 1; width: 31px; min-height: 31px; padding: 0; border: 1px solid #efb8b8; border-radius: 7px; background: white; color: #b42a2a; font-weight: 700; }.composition-total { margin: 9px 0 3px; color: #52615c; font-size: 11px; }.composition-total strong { color: #087f5b; }
@media (max-width: 900px) { .workspace { grid-template-columns: 1fr !important; } .hero { grid-template-columns: 1fr; } .method-summary { grid-template-columns: 1fr 1fr; width: 100%; } }