div.orgfroid-calculator .orgfroid-teq-equipment-section {
margin-bottom: 24px !important;
}
div.orgfroid-calculator .orgfroid-teq-rows-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-bottom: 12px !important;
} div.orgfroid-calculator .orgfroid-teq-row {
display: flex !important;
gap: 12px !important;
align-items: flex-end !important;
padding: 16px !important;
background: var(--orgfroid-bg-card, #f8fafc) !important;
border: 1px solid var(--orgfroid-border, #e2e8f0) !important;
border-radius: 8px !important;
margin-bottom: 10px !important;
position: relative !important;
}
div.orgfroid-calculator .orgfroid-teq-row .orgfroid-teq-row-num {
flex-shrink: 0 !important;
width: 28px !important;
height: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #42C1E8 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 700 !important;
border-radius: 50% !important;
margin-bottom: 6px !important;
}
div.orgfroid-calculator .orgfroid-teq-row .orgfroid-teq-row-fluid {
flex: 2 !important;
min-width: 0 !important;
}
div.orgfroid-calculator .orgfroid-teq-row .orgfroid-teq-row-charge {
flex: 1 !important;
min-width: 100px !important;
}
div.orgfroid-calculator .orgfroid-teq-row select,
div.orgfroid-calculator .orgfroid-teq-row input {
width: 100% !important;
}
div.orgfroid-calculator .orgfroid-teq-row .orgfroid-teq-row-label {
display: block !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--orgfroid-text-light, #64748b) !important;
margin-bottom: 4px !important;
} div.orgfroid-calculator .orgfroid-teq-remove-btn {
flex-shrink: 0 !important;
width: 34px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(231, 76, 60, 0.08) !important;
color: #e74c3c !important;
border: 1px solid rgba(231, 76, 60, 0.2) !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: background 0.2s, border-color 0.2s !important;
margin-bottom: 6px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-teq-remove-btn:hover {
background: rgba(231, 76, 60, 0.15) !important;
border-color: rgba(231, 76, 60, 0.4) !important;
} div.orgfroid-calculator .orgfroid-teq-add-btn {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 10px 18px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #42C1E8 !important;
background: rgba(66, 193, 232, 0.08) !important;
border: 1px dashed rgba(66, 193, 232, 0.4) !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: background 0.2s, border-color 0.2s !important;
width: 100% !important;
justify-content: center !important;
}
div.orgfroid-calculator .orgfroid-teq-add-btn:hover {
background: rgba(66, 193, 232, 0.15) !important;
border-color: #42C1E8 !important;
} div.orgfroid-calculator .orgfroid-results-grid--1col {
grid-template-columns: 1fr !important;
}
div.orgfroid-calculator .orgfroid-teq-total-card {
text-align: center !important;
} div.orgfroid-calculator .orgfroid-teq-table-wrapper {
overflow-x: auto !important;
margin: 24px 0 !important;
border-radius: 8px !important;
border: 1px solid var(--orgfroid-border, #e2e8f0) !important;
}
div.orgfroid-calculator .orgfroid-teq-table {
width: 100% !important;
border-collapse: collapse !important;
font-size: 14px !important;
margin: 0 !important;
}
div.orgfroid-calculator .orgfroid-teq-table th {
background: var(--orgfroid-bg-dark, #213140) !important;
color: #fff !important;
font-weight: 600 !important;
padding: 12px 14px !important;
text-align: left !important;
font-size: 13px !important;
white-space: nowrap !important;
}
div.orgfroid-calculator .orgfroid-teq-table td {
padding: 10px 14px !important;
border-bottom: 1px solid var(--orgfroid-border, #e2e8f0) !important;
white-space: nowrap !important;
}
div.orgfroid-calculator .orgfroid-teq-table tbody tr:last-child td {
border-bottom: none !important;
}
div.orgfroid-calculator .orgfroid-teq-table tbody tr:nth-child(even) {
background: var(--orgfroid-bg-card, #f8fafc) !important;
}
div.orgfroid-calculator .orgfroid-teq-table tfoot {
background: var(--orgfroid-bg-light, #E8F4FB) !important;
}
div.orgfroid-calculator .orgfroid-teq-table tfoot td {
padding: 12px 14px !important;
font-weight: 700 !important;
border-bottom: none !important;
border-top: 2px solid var(--orgfroid-border, #e2e8f0) !important;
} div.orgfroid-calculator .orgfroid-teq-safety-badge {
display: inline-block !important;
padding: 2px 8px !important;
font-size: 12px !important;
font-weight: 700 !important;
border-radius: 4px !important;
line-height: 1.4 !important;
}
div.orgfroid-calculator .orgfroid-teq-safety-badge--a1 {
background: rgba(66, 193, 232, 0.15) !important;
color: #2980b9 !important;
}
div.orgfroid-calculator .orgfroid-teq-safety-badge--a2l {
background: rgba(243, 156, 18, 0.15) !important;
color: #c47d10 !important;
}
div.orgfroid-calculator .orgfroid-teq-safety-badge--a2,
div.orgfroid-calculator .orgfroid-teq-safety-badge--a3 {
background: rgba(231, 76, 60, 0.15) !important;
color: #c0392b !important;
}
div.orgfroid-calculator .orgfroid-teq-safety-badge--b1,
div.orgfroid-calculator .orgfroid-teq-safety-badge--b2l,
div.orgfroid-calculator .orgfroid-teq-safety-badge--b2 {
background: rgba(155, 89, 182, 0.15) !important;
color: #8e44ad !important;
} div.orgfroid-calculator .orgfroid-teq-control-card {
display: flex !important;
gap: 16px !important;
align-items: flex-start !important;
padding: 24px !important;
border-radius: 8px !important;
margin: 24px 0 !important;
border: none !important;
position: relative !important;
overflow: hidden !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--green {
background: linear-gradient(135deg, #e8faf5 0%, #d0f5eb 100%) !important;
border-left: 5px solid #42C1E8 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--blue {
background: linear-gradient(135deg, #E8F4FB 0%, #d0ecf9 100%) !important;
border-left: 5px solid #42C1E8 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--orange {
background: linear-gradient(135deg, #fff8ec 0%, #fef0d5 100%) !important;
border-left: 5px solid #f39c12 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--red {
background: linear-gradient(135deg, #fdf0ef 0%, #fce4e1 100%) !important;
border-left: 5px solid #e74c3c !important;
}
div.orgfroid-calculator .orgfroid-teq-control-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;
}
div.orgfroid-calculator .orgfroid-teq-control-card--green .orgfroid-teq-control-icon {
background: rgba(66, 193, 232, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--blue .orgfroid-teq-control-icon {
background: rgba(66, 193, 232, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--orange .orgfroid-teq-control-icon {
background: rgba(243, 156, 18, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--red .orgfroid-teq-control-icon {
background: rgba(231, 76, 60, 0.15) !important;
}
div.orgfroid-calculator .orgfroid-teq-control-content {
flex: 1 !important;
min-width: 0 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-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-teq-control-card--green .orgfroid-teq-control-badge {
background: rgba(66, 193, 232, 0.2) !important;
color: #2980b9 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--blue .orgfroid-teq-control-badge {
background: rgba(66, 193, 232, 0.2) !important;
color: #2980b9 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--orange .orgfroid-teq-control-badge {
background: rgba(243, 156, 18, 0.2) !important;
color: #c47d10 !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card--red .orgfroid-teq-control-badge {
background: rgba(231, 76, 60, 0.2) !important;
color: #c0392b !important;
}
div.orgfroid-calculator .orgfroid-teq-control-title {
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 0 6px !important;
padding: 0 !important;
line-height: 1.3 !important;
color: var(--orgfroid-text, #213140) !important;
}
div.orgfroid-calculator .orgfroid-teq-control-text {
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--orgfroid-text-light, #64748b) !important;
} div.orgfroid-calculator .orgfroid-teq-alert {
display: flex !important;
gap: 12px !important;
align-items: flex-start !important;
padding: 16px 20px !important;
background: rgba(231, 76, 60, 0.06) !important;
border: 1px solid rgba(231, 76, 60, 0.25) !important;
border-radius: 8px !important;
margin: 16px 0 !important;
}
div.orgfroid-calculator .orgfroid-teq-alert-icon {
flex-shrink: 0 !important;
margin-top: 2px !important;
}
div.orgfroid-calculator .orgfroid-teq-alert-content strong {
display: block !important;
color: #c0392b !important;
font-size: 15px !important;
margin-bottom: 4px !important;
}
div.orgfroid-calculator .orgfroid-teq-alert-content p {
font-size: 13px !important;
line-height: 1.5 !important;
color: var(--orgfroid-text-light, #64748b) !important;
margin: 0 !important;
} div.orgfroid-calculator .orgfroid-teq-related {
margin-top: 24px !important;
}
div.orgfroid-calculator .orgfroid-teq-related-title {
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
color: var(--orgfroid-text, #213140) !important;
}
div.orgfroid-calculator .orgfroid-teq-related-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
}
div.orgfroid-calculator .orgfroid-teq-related-link {
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 12px 16px !important;
background: var(--orgfroid-bg-card, #f8fafc) !important;
border: 1px solid var(--orgfroid-border, #e2e8f0) !important;
border-radius: 8px !important;
color: #42C1E8 !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: border-color 0.2s, background 0.2s !important;
}
div.orgfroid-calculator .orgfroid-teq-related-link:hover {
border-color: #42C1E8 !important;
background: rgba(66, 193, 232, 0.05) !important;
} @media (max-width: 639px) {
div.orgfroid-calculator .orgfroid-teq-row {
flex-wrap: wrap !important;
gap: 8px !important;
padding: 12px !important;
}
div.orgfroid-calculator .orgfroid-teq-row .orgfroid-teq-row-fluid {
flex: 1 1 100% !important;
}
div.orgfroid-calculator .orgfroid-teq-row .orgfroid-teq-row-charge {
flex: 1 1 calc(100% - 46px) !important;
}
div.orgfroid-calculator .orgfroid-teq-control-card {
flex-direction: column !important;
gap: 12px !important;
padding: 20px !important;
}
div.orgfroid-calculator .orgfroid-teq-related-grid {
grid-template-columns: 1fr !important;
}
div.orgfroid-calculator .orgfroid-teq-table {
font-size: 13px !important;
}
div.orgfroid-calculator .orgfroid-teq-table th,
div.orgfroid-calculator .orgfroid-teq-table td {
padding: 8px 10px !important;
}
}