div.orgfroid-calculator.orgfroid-dimensionnement-liaisons .orgfroid-dim-line-section {
margin-bottom: 28px !important;
}
div.orgfroid-calculator .orgfroid-dim-line-header {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 16px !important;
padding-bottom: 10px !important;
border-bottom: 2px solid var(--orgfroid-border) !important;
}
div.orgfroid-calculator .orgfroid-dim-line-icon {
flex-shrink: 0 !important;
width: 36px !important;
height: 36px !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--orgfroid-primary-light) !important;
}
div.orgfroid-calculator .orgfroid-dim-line-title {
font-size: 17px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-dim-line-subtitle {
font-size: 13px !important;
color: var(--orgfroid-light) !important;
margin: 0 !important;
padding: 0 !important;
} div.orgfroid-calculator.orgfroid-dimensionnement-liaisons .orgfroid-dim-line-grid {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 14px !important;
}
@media (max-width: 767px) {
div.orgfroid-calculator.orgfroid-dimensionnement-liaisons .orgfroid-dim-line-grid {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 479px) {
div.orgfroid-calculator.orgfroid-dimensionnement-liaisons .orgfroid-dim-line-grid {
grid-template-columns: 1fr !important;
}
} div.orgfroid-calculator .orgfroid-dim-alert {
display: flex !important;
gap: 14px !important;
align-items: flex-start !important;
padding: 16px 20px !important;
border-radius: 10px !important;
margin-bottom: 14px !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-dim-alert--warning {
background: #fff8e1 !important;
border-left: 4px solid #f39c12 !important;
color: #7a5a00 !important;
}
div.orgfroid-calculator .orgfroid-dim-alert--danger {
background: #fef2f2 !important;
border-left: 4px solid var(--orgfroid-error) !important;
color: #7a1a1a !important;
}
div.orgfroid-calculator .orgfroid-dim-alert--info {
background: #e8f4fd !important;
border-left: 4px solid #2196F3 !important;
color: #0d47a1 !important;
}
div.orgfroid-calculator .orgfroid-dim-alert--ok {
background: var(--orgfroid-primary-light) !important;
border-left: 4px solid var(--orgfroid-primary) !important;
color: var(--orgfroid-text) !important;
}
div.orgfroid-calculator .orgfroid-dim-alert-icon {
flex-shrink: 0 !important;
margin-top: 2px !important;
}
div.orgfroid-calculator .orgfroid-dim-alert-content {
flex: 1 !important;
min-width: 0 !important;
}
div.orgfroid-calculator .orgfroid-dim-alert-title {
font-size: 15px !important;
font-weight: 700 !important;
margin: 0 0 4px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
div.orgfroid-calculator .orgfroid-dim-alert-text {
font-size: 14px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.6 !important;
font-weight: 400 !important;
} div.orgfroid-calculator .orgfroid-dim-velocity-bar {
margin-top: 8px !important;
background: var(--orgfroid-bg) !important;
border-radius: 6px !important;
height: 8px !important;
overflow: hidden !important;
position: relative !important;
}
div.orgfroid-calculator .orgfroid-dim-velocity-fill {
height: 100% !important;
border-radius: 6px !important;
transition: width 0.5s ease !important;
}
div.orgfroid-calculator .orgfroid-dim-velocity-fill--ok {
background: var(--orgfroid-primary) !important;
}
div.orgfroid-calculator .orgfroid-dim-velocity-fill--low {
background: #f39c12 !important;
}
div.orgfroid-calculator .orgfroid-dim-velocity-fill--high {
background: var(--orgfroid-error) !important;
} div.orgfroid-calculator .orgfroid-field-hint {
display: block !important;
font-size: 12px !important;
color: var(--orgfroid-light) !important;
margin-top: 4px !important;
line-height: 1.4 !important;
}