[data-qtool="concrete-slump-result-action"] { --qsra-bg: color-mix(in srgb, var(--bs-body-bg, #fff) 94%, #eaf2f9 6%); --qsra-panel: color-mix(in srgb, var(--bs-body-bg, #fff) 97%, #dce8f4 3%); --qsra-text: var(--bs-body-color, #172033); --qsra-muted: var(--bs-secondary-color, #617080); --qsra-line: color-mix(in srgb, var(--bs-border-color, #d8dee6) 78%, #7296b7 22%); --qsra-navy: #12324f; --qsra-blue: #245d8f; --qsra-orange: #c77719; color: var(--qsra-text); background: radial-gradient(circle at 10% 0%, rgba(36,93,143,.12), transparent 28rem), var(--qsra-bg); border: 1px solid var(--qsra-line); border-radius: 24px; box-shadow: 0 18px 44px rgba(19,41,67,.1); overflow: hidden; }
        [data-qtool="concrete-slump-result-action"] * { box-sizing: border-box; }
        [data-qtool="concrete-slump-result-action"] .qsra-wrap { padding: clamp(1rem, 2.4vw, 1.8rem); }
        [data-qtool="concrete-slump-result-action"] .qsra-grid { display: grid; gap: 1rem; }
        [data-qtool="concrete-slump-result-action"] .qsra-card { padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid var(--qsra-line); border-radius: 18px; background: var(--qsra-panel); }
        [data-qtool="concrete-slump-result-action"] .qsra-title { margin: 0 0 .45rem; color: var(--qsra-navy); font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.15; font-weight: 800; }
        [data-bs-theme="dark"] [data-qtool="concrete-slump-result-action"] .qsra-title { color: #e8f3ff; }
        [data-qtool="concrete-slump-result-action"] .qsra-subtitle, [data-qtool="concrete-slump-result-action"] .qsra-note { margin: 0; color: var(--qsra-muted); line-height: 1.55; }
        [data-qtool="concrete-slump-result-action"] .qsra-section-title { margin: 0 0 .85rem; color: var(--qsra-navy); font-size: 1rem; font-weight: 800; }
        [data-bs-theme="dark"] [data-qtool="concrete-slump-result-action"] .qsra-section-title { color: #e8f3ff; }
        [data-qtool="concrete-slump-result-action"] .qsra-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
        [data-qtool="concrete-slump-result-action"] .qsra-field { min-width: 0; }
        [data-qtool="concrete-slump-result-action"] label { display: block; margin-bottom: .35rem; color: var(--qsra-text); font-size: .9rem; font-weight: 700; }
        [data-qtool="concrete-slump-result-action"] input, [data-qtool="concrete-slump-result-action"] select, [data-qtool="concrete-slump-result-action"] textarea { width: 100%; min-height: 2.65rem; padding: .55rem .7rem; border: 1px solid var(--qsra-line); border-radius: .75rem; color: var(--qsra-text); background: var(--bs-body-bg, #fff); font: inherit; }
        [data-qtool="concrete-slump-result-action"] textarea { min-height: 4.75rem; resize: vertical; }
        [data-qtool="concrete-slump-result-action"] input:focus, [data-qtool="concrete-slump-result-action"] select:focus, [data-qtool="concrete-slump-result-action"] textarea:focus { outline: 0; border-color: var(--qsra-blue); box-shadow: 0 0 0 .2rem rgba(36,93,143,.16); }
        [data-qtool="concrete-slump-result-action"] .qsra-hidden { display: none; }
        [data-qtool="concrete-slump-result-action"] .qsra-workflow { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
        [data-qtool="concrete-slump-result-action"] .qsra-step { padding: .5rem .7rem; border: 1px solid var(--qsra-line); border-radius: 999px; background: var(--bs-body-bg, #fff); color: var(--qsra-navy); font-size: .8rem; font-weight: 750; }
        [data-bs-theme="dark"] [data-qtool="concrete-slump-result-action"] .qsra-step { color: #e8f3ff; }
        [data-qtool="concrete-slump-result-action"] .qsra-arrow { color: var(--qsra-orange); font-weight: 800; }
        [data-qtool="concrete-slump-result-action"] .qsra-result { display: grid; gap: .75rem; }
        [data-qtool="concrete-slump-result-action"] .qsra-status { padding: 1rem; border-left: 4px solid var(--qsra-blue); border-radius: 12px; background: color-mix(in srgb, var(--qsra-blue) 9%, transparent); color: var(--qsra-text); font-size: 1.05rem; font-weight: 800; }
        [data-qtool="concrete-slump-result-action"] .qsra-summary { display: grid; gap: .55rem; margin: 0; }
        [data-qtool="concrete-slump-result-action"] .qsra-summary div { display: grid; grid-template-columns: minmax(9rem, .8fr) minmax(0, 1.2fr); gap: .75rem; padding-bottom: .55rem; border-bottom: 1px solid var(--qsra-line); }
        [data-qtool="concrete-slump-result-action"] .qsra-summary dt { color: var(--qsra-muted); font-size: .84rem; font-weight: 700; }
        [data-qtool="concrete-slump-result-action"] .qsra-summary dd { margin: 0; font-weight: 700; }
        [data-qtool="concrete-slump-result-action"] .qsra-guidance { padding: .9rem 1rem; border-left: 4px solid var(--qsra-orange); border-radius: 12px; background: color-mix(in srgb, var(--qsra-orange) 10%, transparent); line-height: 1.55; }
        [data-qtool="concrete-slump-result-action"] .qsra-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
        [data-qtool="concrete-slump-result-action"] .qsra-btn { min-height: 2.65rem; padding: .6rem .9rem; border: 1px solid rgba(36,93,143,.75); border-radius: .85rem; color: #fff; background: linear-gradient(135deg, var(--qsra-blue), var(--qsra-navy)); font-weight: 800; cursor: pointer; }
        [data-qtool="concrete-slump-result-action"] .qsra-btn--secondary { color: var(--qsra-navy); background: transparent; }
        [data-bs-theme="dark"] [data-qtool="concrete-slump-result-action"] .qsra-btn--secondary { color: #e8f3ff; }
        [data-qtool="concrete-slump-result-action"] .qsra-disclaimer { font-size: .9rem; }
        @media (max-width: 767.98px) { [data-qtool="concrete-slump-result-action"] .qsra-form-grid { grid-template-columns: 1fr; } [data-qtool="concrete-slump-result-action"] .qsra-summary div { grid-template-columns: 1fr; gap: .2rem; } [data-qtool="concrete-slump-result-action"] .qsra-arrow { display: none; } }