.reef-container{max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;padding:20px}.reef-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:24px;color:#1a3a5f}.reef-subtitle{font-size:22px;font-weight:600;margin-bottom:16px;color:#1a3a5f}.reef-desc{font-size:16px;margin-bottom:24px;color:#666}.reef-sections{display:flex;flex-direction:column;gap:30px}.reef-section{margin-bottom:30px}.reef-section-title{font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0;color:#2c5282}.reef-tabs{display:flex;flex-direction:column;width:100%}.reef-tabs-list{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.reef-tab{padding:12px 24px;border:none;background:none;font-size:16px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease}.reef-tab:hover{color:#2c5282}.reef-tab-active{color:#2c5282;border-bottom:2px solid #2c5282;margin-bottom:-2px}.reef-tab-content{padding:16px 0}.reef-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media (min-width: 640px){.reef-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.reef-grid{grid-template-columns:repeat(3,1fr)}}.reef-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.reef-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reef-card-label{font-weight:500;color:#2d3748}.reef-card-target{font-size:12px;color:#718096}.reef-input{width:100%;padding:8px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;margin-bottom:8px}.reef-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.reef-status{padding:8px 12px;border-radius:4px;font-size:14px}.reef-status-low{background-color:#fef6dd;border:1px solid #f6e3a2;color:#8a6d3b}.reef-status-high{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.reef-status-normal{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.reef-panel{background-color:#f1f7fe;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000014}.reef-panel-green{background-color:#f0fcf9}.reef-volume-container{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.reef-volume-input{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}.reef-volume-field{flex:1;min-width:200px}.reef-volume-buttons{display:flex;gap:8px}.reef-button{padding:8px 16px;border:1px solid #cbd5e0;border-radius:4px;background-color:#edf2f7;color:#4a5568;font-size:14px;cursor:pointer;transition:all .2s ease}.reef-button:hover{background-color:#e2e8f0}.reef-button-active{background-color:#2c5282;color:#fff;border-color:#2c5282}.reef-volume-conversion{font-size:14px;color:#718096;margin-top:4px}.reef-calc-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background-color:#fff;margin-bottom:24px}.reef-calc-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background-color:#f7fafc;font-weight:600;border-bottom:2px solid #e2e8f0}.reef-calc-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e2e8f0}.reef-calc-row:last-child{border-bottom:none}.reef-calc-cell{padding:12px 16px;display:flex;flex-direction:column;justify-content:center}.reef-calc-target{font-size:12px;color:#718096;margin-top:4px}.reef-calc-dosage{font-weight:600;color:#2c5282}.reef-disclaimer{background-color:#fff8e6;border:1px solid #ffeeba;border-radius:8px;padding:16px;margin-top:24px}.reef-disclaimer h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#856404}.reef-disclaimer p{font-size:14px;color:#856404;margin:0}@media (max-width: 768px){.reef-calc-header,.reef-calc-row{grid-template-columns:1fr}.reef-calc-header{display:none}.reef-calc-cell{padding:8px 12px;border-bottom:1px solid #e2e8f0}.reef-calc-row .reef-calc-cell:last-child{border-bottom:none}.reef-calc-row{border-bottom:2px solid #e2e8f0;padding:8px 0}.reef-calc-cell:nth-child(1):before{content:"Element";font-size:12px;color:#718096;margin-bottom:4px}.reef-calc-cell:nth-child(2):before{content:"Current Level";font-size:12px;color:#718096;margin-bottom:4px}.reef-calc-cell:nth-child(3):before{content:"Target Level";font-size:12px;color:#718096;margin-bottom:4px}.reef-calc-cell:nth-child(4):before{content:"Required Dosage";font-size:12px;color:#718096;margin-bottom:4px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/reef-calculator.css.map */