.creop-calculator { background: #f0f5fa; border: 1px solid #c4d3e0; border-top: 4px solid #e95c00; border-radius: 6px; color: #24364b; padding: 1.5rem; margin: 2rem 0; line-height: 1.6; }
.creop-calculator h2 { color: #00172f; font-size: 1.6rem; margin: 0 0 .75rem; }
.creop-calculator h3 { color: #00172f; font-size: 1.2rem; }
.creop-calculator fieldset { border: 0; margin: 1rem 0; padding: 0; min-width: 0; }
.creop-calculator legend { font-size: 1rem; font-weight: 700; }
.calculator-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem 1.5rem; }
.calculator-fields label { display: block; font-weight: 700; margin-bottom: .35rem; }
.calculator-fields input, .calculator-fields select { width: 100%; min-width: 0; min-height: 44px; color: #162d43; border: 1px solid #75879a; background: white; border-radius: 4px; padding: .55rem .75rem; font-size: 1rem; }
.calculator-fields small { display: block; margin-top: .3rem; font-size: .85rem; color: #46586a; }
.calculator-fields [aria-invalid="true"] { border: 2px solid #a52217; }
.creop-calculator input:focus-visible, .creop-calculator select:focus-visible, .creop-calculator button:focus-visible, .calculator-table:focus-visible { outline: 3px solid #005a9c; outline-offset: 3px; }
.calculator-button { background: #a74200; color: white; font-weight: 700; border: 0; border-radius: 5px; padding: .75rem 1.1rem; cursor: pointer; }
.calculator-button:hover { background: #853500; }
.calculator-error { color: #a52217; font-weight: 600; margin: .75rem 0; }
.calculator-error:empty, .calculator-status:empty { display: none; }
.calculator-status { font-weight: 700; margin-top: 1rem; }
.calculator-result { background: white; border-radius: 5px; padding: 1rem; margin: 1rem 0; }
.calculator-result[hidden] { display: none !important; }
.calculator-result p:last-child { margin-bottom: 0; }
.calculator-note { font-size: .9rem; margin: 1rem 0 0; }
.calculator-table { overflow-x: auto; max-width: 100%; margin: 1rem 0; }
.calculator-table table { width: 100%; min-width: 32rem; border-collapse: collapse; }
.calculator-table caption { caption-side: top; color: #24364b; font-weight: 700; }
.calculator-table th, .calculator-table td { border: 1px solid #c4d3e0; padding: .5rem .8rem; text-align: right; }
.calculator-table th:first-child, .calculator-table td:first-child { text-align: left; }
.calculator-table thead { background: #00172f; color: white; }
@media(max-width:575px){.calculator-fields{grid-template-columns:1fr}.creop-calculator{padding:1rem}}