#stormcalc-root{font:14px/1.5 system-ui,sans-serif;color:#213247;margin-top:20px}#stormcalc-root .tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e2e9f0;padding-bottom:15px;margin-bottom:22px}#stormcalc-root .tab{font-size:12px;background:#f3f6fa;border:1px solid #dbe4ef;padding:10px 14px}#stormcalc-root .tab.active{background:#1765cf;color:white;border-color:#1765cf}#stormcalc-root .content{display:none}#stormcalc-root .content.active{display:block}#stormcalc-root h3{font-size:20px;font-weight:650;margin:0 0 20px;text-align:left}#stormcalc-root h4{font-size:16px;margin:0 0 12px}#stormcalc-root .calc-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin-bottom:18px}#stormcalc-root label{font-size:12px;margin:0 0 7px}#stormcalc-root input,#stormcalc-root select{width:100%;font-size:14px;padding:10px;margin-bottom:5px}#stormcalc-root select{background:#f3f7fc}#stormcalc-root .calc-primary{display:inline-flex;background:#1765cf;color:white;border-color:#1765cf;font-size:13px;padding:10px 20px;margin:7px 0 16px}#stormcalc-root .calc-result:not(:empty){background:#edf5ff;border:1px solid #d8e8fa;border-radius:8px;padding:15px 18px;color:#175ab1;font-size:17px;font-weight:600;margin:12px 0}#stormcalc-root .flex-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:15px}#stormcalc-root .flex-col{background:#f7f9fc;border:1px solid #e0e8f0;border-radius:10px;padding:20px}#stormcalc-root .flex-col h3{font-size:16px}#stormcalc-root .calc-field{margin-bottom:12px}#stormcalc-root #detention>button{display:inline-flex;margin:4px 6px 8px 0}#stormcalc-root .dam-method-container{display:flex;align-items:center;gap:30px;border:1px solid #e0e8f0;border-radius:10px;padding:24px;margin-bottom:16px;background:#fbfcfe}#stormcalc-root .dam-image{width:180px;height:auto;object-fit:contain}#stormcalc-root .input-container{flex:1;max-width:500px}#stormcalc-root .table-container{overflow:auto;margin-top:25px}#stormcalc-root table{border-collapse:collapse;width:100%;font-size:12px}#stormcalc-root th,#stormcalc-root td{padding:10px;border:1px solid #dce5ef;text-align:left}#stormcalc-root th{background:#f0f5fb}#stormcalc-root .chart-note{font-size:11px;color:#718396;margin-top:12px}#stormcalc-root #hydrograph{max-height:380px}#stormcalc-root .error-message{color:#b43c3c}@media(max-width:650px){#stormcalc-root .calc-field-grid,#stormcalc-root .flex-row{grid-template-columns:1fr}#stormcalc-root .dam-method-container{flex-direction:column;align-items:flex-start;gap:15px}#stormcalc-root .input-container{width:100%}#stormcalc-root .tab{flex:1;font-size:11px}}@media print{body *{visibility:hidden}#stormcalc-root,#stormcalc-root *{visibility:visible}#stormcalc-root{position:absolute;left:0;top:0;width:100%}#stormcalc-root .tabs,#stormcalc-root button{display:none!important}}
#stormcalc-root #rational .calc-field,#stormcalc-root #tc .calc-field{display:inline-block;width:29%;vertical-align:top;margin-right:3%;min-width:150px}#stormcalc-root #rational>.calc-primary,#stormcalc-root #tc>.calc-primary{display:flex}#stormcalc-root #mannings>.calc-field,#stormcalc-root #mannings>#circular-inputs,#stormcalc-root #mannings>#rectangular-inputs{max-width:420px}@media(max-width:650px){#stormcalc-root #rational .calc-field,#stormcalc-root #tc .calc-field{display:block;width:100%;margin-right:0}}