div.orgfroid-calculator .orgfroid-diagnostic-card {
display: flex !important;
gap: 16px !important;
align-items: flex-start !important;
padding: 24px !important;
border-radius: var(--orgfroid-radius-md) !important;
margin-bottom: 24px !important;
border: none !important;
position: relative !important;
overflow: hidden !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--green {
background: linear-gradient(135deg, #e8f4fb 0%, #d0ecf7 100%) !important;
border-left: 5px solid #42C1E8 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--orange {
background: linear-gradient(135deg, #fff8ec 0%, #fef0d5 100%) !important;
border-left: 5px solid #f39c12 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--red {
background: linear-gradient(135deg, #fdf0ef 0%, #fce4e1 100%) !important;
border-left: 5px solid #e74c3c !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-icon {
flex-shrink: 0 !important;
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--green .orgfroid-diagnostic-icon {
background: rgba(66, 193, 232, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--orange .orgfroid-diagnostic-icon {
background: rgba(243, 156, 18, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--red .orgfroid-diagnostic-icon {
background: rgba(231, 76, 60, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-content {
flex: 1 !important;
min-width: 0 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-badge {
display: inline-block !important;
padding: 3px 10px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
border-radius: 4px !important;
margin-bottom: 8px !important;
line-height: 1.4 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--green .orgfroid-diagnostic-badge {
background: rgba(66, 193, 232, 0.2) !important;
color: #2a8fad !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--orange .orgfroid-diagnostic-badge {
background: rgba(243, 156, 18, 0.2) !important;
color: #c47d10 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--red .orgfroid-diagnostic-badge {
background: rgba(231, 76, 60, 0.2) !important;
color: #c0392b !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-title {
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 0 6px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--green .orgfroid-diagnostic-title {
color: #2a8fad !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--orange .orgfroid-diagnostic-title {
color: #c47d10 !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-card--red .orgfroid-diagnostic-title {
color: #c0392b !important;
}
div.orgfroid-calculator .orgfroid-diagnostic-text {
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--orgfroid-text-light) !important;
} div.orgfroid-calculator .orgfroid-result-range {
margin-top: 8px !important;
padding: 4px 10px !important;
font-size: 12px !important;
font-weight: 600 !important;
border-radius: 4px !important;
display: inline-block !important;
}
div.orgfroid-calculator .orgfroid-result-range--ok {
background: rgba(66, 193, 232, 0.15) !important;
color: #2a8fad !important;
}
div.orgfroid-calculator .orgfroid-result-range--warning {
background: rgba(243, 156, 18, 0.15) !important;
color: #c47d10 !important;
}
div.orgfroid-calculator .orgfroid-result-range--danger {
background: rgba(231, 76, 60, 0.15) !important;
color: #c0392b !important;
} div.orgfroid-calculator .orgfroid-results-grid--2col {
grid-template-columns: 1fr 1fr !important;
}
div.orgfroid-calculator .orgfroid-results-grid--secondary {
grid-template-columns: 1fr 1fr !important;
}
@media (min-width: 640px) {
div.orgfroid-calculator .orgfroid-results-grid--secondary {
grid-template-columns: repeat(3, 1fr) !important;
}
} div.orgfroid-calculator .orgfroid-result-value--sm {
font-size: 24px !important;
} div.orgfroid-calculator .orgfroid-bouteille-schema-section {
margin: 28px 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-bouteille-schema-title {
font-size: 16px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-bouteille-schema-wrapper {
background: #f8fbfd !important;
border: 1px solid #e0eaf1 !important;
border-radius: 10px !important;
padding: 24px !important;
text-align: center !important;
overflow-x: auto !important;
}
div.orgfroid-calculator .orgfroid-bouteille-schema-wrapper svg {
max-width: 100% !important;
height: auto !important;
} div.orgfroid-calculator .orgfroid-bouteille-schema-wrapper text {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
@media (max-width: 639px) {
div.orgfroid-calculator .orgfroid-diagnostic-card {
flex-direction: column !important;
gap: 12px !important;
padding: 20px !important;
}
div.orgfroid-calculator .orgfroid-results-grid--2col {
grid-template-columns: 1fr !important;
}
div.orgfroid-calculator .orgfroid-result-value--sm {
font-size: 22px !important;
}
div.orgfroid-calculator .orgfroid-bouteille-schema-wrapper {
padding: 16px 12px !important;
}
}