/* Compressed Air Cost & Leak Calculator - page-specific styles. Global .ops- system loads from the theme. */
.ca-chart-wrap { position: relative; height: 280px; margin-top: 22px; }
#chartCanvas { max-width: 100% !important; }
.ca-inline { display: flex; gap: 10px; align-items: flex-start; }
.ca-inline .ops-input { flex: 1 1 auto; min-width: 0; }
.ca-inline .ops-select { flex: 0 0 auto; width: auto; min-width: 110px; }
.ca-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.ca-profile { width: 100%; border-collapse: collapse; margin: 4px 0 8px; }
.ca-profile th { text-align: left; font: 600 11px/1 var(--ops-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ops-text-dim); padding: 4px 8px 8px 0; }
.ca-profile td { padding: 3px 8px 3px 0; }
.ca-profile .ops-input, .ca-profile .ops-select { width: 100%; }
.ca-adv { margin: 4px 0 2px; border-top: 1px solid var(--ops-divider); padding-top: 16px; }
.ca-adv > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; font: 600 11px/1 var(--ops-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ops-text-dim); margin-bottom: 16px; }
.ca-adv > summary::-webkit-details-marker { display: none; }
.ca-adv > summary::after { content: "+"; color: var(--ops-accent); font-family: var(--ops-mono); font-size: 15px; }
.ca-adv[open] > summary::after { content: "\2212"; }
.ca-hint { font-size: 12px; line-height: 1.5; color: var(--ops-text-faint); margin: -4px 0 14px; }
@media (max-width: 560px) { .ca-row2 { grid-template-columns: 1fr; } .ca-inline { flex-direction: column; } .ca-inline .ops-select { width: 100%; } .ca-chart-wrap { height: 320px; } }