@import url("../shared/ep-como-usar.css");
.consolo-canvas { min-height: 610px; overflow: hidden; }
.consolo-canvas svg { width: 100%; min-height: 610px; display: block; touch-action: none; }
.c-title,.c-callout,.c-action-label,.c-label,.c-moment-label,.c-stm-label { font-family: Helvetica, Arial, sans-serif; }
.c-title { fill:#00845d; font-size:15px; font-weight:700; letter-spacing:1.2px; }
.c-callout { fill:#00845d; font-size:12px; font-weight:700; }
.c-label { fill:#64736f; font-size:12px; }
.c-action-label { fill:#087c5b; font-size:13px; font-weight:700; }
.c-concrete { fill:#edf3f0; stroke:#111b19; stroke-width:4; stroke-linejoin:round; }
.c-bearing { fill:#bfcac5; stroke:#111b19; stroke-width:2; }
.c-rebar-main { fill:none; stroke:#e5484d; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }
.c-rebar-stitch { fill:none; stroke:#07855f; stroke-width:2.5; stroke-linecap:round; }
.c-rebar-vertical { fill:none; stroke:#2f6dd2; stroke-width:2.5; stroke-linecap:round; }
.c-tie { fill:none; stroke:#111b19; stroke-width:2.2; stroke-linejoin:round; }
.c-rebar-dot { fill:#e5484d; stroke:#fff; stroke-width:1.5; }
.c-dim,.c-dim-ext { stroke:#83918d; stroke-width:1.2; }
.c-load { stroke:#07855f; stroke-width:3; }
.c-load-horizontal { stroke:#07855f; stroke-width:2.8; }
.c-leader { stroke:#64736f; stroke-width:1.2; fill:none; }
.c-strut { stroke:#9a7a57; stroke-width:3; stroke-dasharray:8 6; opacity:.92; stroke-linecap:round; }
.c-strut-field { fill:#a67c52; opacity:.14; }
.c-strut-model { fill:none; stroke:#8a6748; stroke-width:2.5; stroke-dasharray:8 6; stroke-linecap:round; }
.c-tie-line { stroke:#e5484d; stroke-width:4; }
.c-moment-point { fill:#fff; stroke-width:3; }
.c-moment-line { fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.c-moment-label { font-size:11px; font-weight:700; paint-order:stroke fill; stroke:#fff; stroke-width:3px; }
.canvas-legend .legend-concrete,.canvas-legend .legend-n1,.canvas-legend .legend-n2,.canvas-legend .legend-n3 { display:inline-block; width:18px; height:5px; margin-right:5px; vertical-align:middle; border-radius:1px; }
.canvas-legend .legend-concrete { background:#111b19; }.canvas-legend .legend-n1 { background:#e5484d; }.canvas-legend .legend-n2 { background:#07855f; }.canvas-legend .legend-n3 { background:#2f6dd2; }
.c-check { display:grid; grid-template-columns:15px minmax(235px,1.55fr) minmax(120px,.8fr) 105px minmax(150px,.8fr); gap:12px; align-items:center; border:1px solid #dce7e3; border-left:4px solid #16aa78; border-radius:10px; padding:12px 14px; margin-top:9px; }
.c-check.failed { border-left-color:#df4a4f; }.c-check i { width:10px; height:10px; border-radius:50%; background:#18ab78; }.c-check.failed i { background:#df4a4f; }.c-check strong,.c-check small,.c-check span { display:block; }.c-check small { color:#71807b; margin-top:3px; font-size:.78rem; }.c-check span { color:#00845d; font-weight:700; font-size:.84rem; }.c-check.failed span { color:#b43c40; }.c-check progress { accent-color:#17a877; width:100%; height:7px; }.c-check.failed progress { accent-color:#df4a4f; }
.design-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0; }.design-key { border:1px solid #d7e2de; border-left:4px solid #16aa78; border-radius:12px; padding:16px; display:grid; gap:5px; }.design-key strong { color:#0c2019; }.design-key span { color:#65736f; font-size:.9rem; }
.geometry-summary dl { display:grid; grid-template-columns:1fr 1fr; gap:11px 20px; margin:0; }.geometry-summary dt { color:#687672; font-size:.85rem; }.geometry-summary dd { margin:2px 0 0; color:#101a18; font-weight:700; }
.stm-axis { stroke:#97a7a1; stroke-width:1.2; stroke-dasharray:5 6; }.stm-strut { stroke:#9a7a57; stroke-width:3; stroke-dasharray:8 6; stroke-linecap:round; opacity:.92; }.stm-tie { stroke:#e5484d; stroke-width:4; }.stm-node { fill:#111b19; }.c-stm-label { fill:#64736f; font-size:12px; }.c-stm-label.strong { fill:#00845d; font-weight:700; }
.memory-preview { white-space:pre-wrap; font-family:Helvetica,Arial,sans-serif; line-height:1.65; border:1px solid #dbe5e1; border-radius:12px; background:#fff; padding:28px; color:#26332f; }
#detailing-preview { width:100%; display:block; background:#edf1ef; border-radius:12px; }.sheet { fill:#fff; stroke:#bdcbc6; stroke-width:2; }.sheet-frame { fill:none; stroke:#111b19; stroke-width:1.5; }.sheet-kicker { fill:#00845d; font-size:11px; letter-spacing:1px; }.sheet-title { fill:#101a18; font-size:23px; font-weight:700; }.sheet-callout { fill:#00845d; font-size:14px; font-weight:700; }.sheet-note { fill:#586763; font-size:13px; }.sheet-concrete { fill:#eef3f0; stroke:#111b19; stroke-width:3; }.sheet-n1 { fill:none; stroke:#e5484d; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }.sheet-n2 { fill:none; stroke:#07855f; stroke-width:2.5; }.sheet-n3 { fill:none; stroke:#2f6dd2; stroke-width:2.5; }.sheet-strut { fill:none; stroke:#9a7a57; stroke-width:2.5; stroke-dasharray:8 6; stroke-linecap:round; }.sheet-tie { fill:none; stroke:#151f1d; stroke-width:2.4; }.sheet-rebar-dot { fill:#e5484d; stroke:#fff; stroke-width:1.5; }.sheet-dim { stroke:#7b8a85; stroke-width:1.2; }.sheet-dim-ext { stroke:#7b8a85; stroke-width:1; }.sheet-leader { fill:none; stroke:#64736f; stroke-width:1.2; }.material-table { fill:#fff; stroke:#1a2824; stroke-width:1.4; }
@media (max-width:900px) { .consolo-canvas,.consolo-canvas svg { min-height:490px; }.design-summary { grid-template-columns:1fr; }.c-check { grid-template-columns:15px 1fr; }.c-check progress,.c-check span,.c-check > small:last-child { grid-column:2; }.analysis-grid { grid-template-columns:1fr; } }