/* Stock profit/loss calculator (#107) */
.container--stock{width:min(100% - 1.5rem,80rem);max-width:100%;min-width:0}.stock-panel{box-sizing:border-box;min-width:0}.stock-heading,.stock-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.stock-heading h2,.stock-result-heading h2{margin:0}.stock-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.stock-actions{display:flex;flex-wrap:wrap;gap:.5rem}.stock-mode{display:flex;min-width:0;flex-wrap:wrap;gap:.6rem;margin:1rem 0;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.stock-mode legend{padding:0 .35rem;font-weight:900}.stock-mode label{display:flex;align-items:center;gap:.4rem;min-height:44px;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);font-weight:850}.stock-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stock-fields[hidden]{display:none}.stock-fields>label{display:grid;min-width:0;align-content:start;gap:.35rem;font-weight:850}.stock-input-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0}.stock-input-unit input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;padding:.65rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.stock-input-unit>span{display:grid;min-width:3rem;place-items:center;padding:.55rem;border:1px solid var(--color-border);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface);color:var(--color-muted);font-weight:850}.stock-input-unit input:focus,.stock-actions button:focus-visible,.stock-mode input:focus-visible,.stock-calculate:focus-visible,.stock-result-heading button:focus-visible{position:relative;border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.24);outline-offset:2px}.stock-note{color:var(--color-muted);font-size:.84rem;line-height:1.6}.stock-calculate{width:100%}.stock-error{min-height:1.5em}.stock-results{min-width:0;margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--color-border)}.stock-result-heading{align-items:center}.stock-primary,.stock-rate{display:grid;min-width:0;gap:.3rem;margin:1rem 0;padding:1rem;border:1px solid rgba(20,107,99,.25);border-radius:var(--radius-md);background:rgba(20,107,99,.08)}.stock-primary span,.stock-rate span,.stock-result-grid span{color:var(--color-muted);font-size:.85rem;font-weight:850}.stock-primary strong,.stock-rate strong{color:var(--color-primary);font-size:clamp(1.5rem,5vw,2.35rem);overflow-wrap:anywhere}.stock-primary small,.stock-rate small{font-weight:800;overflow-wrap:anywhere}.stock-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.stock-result-grid[hidden]{display:none}.stock-result-grid article{box-sizing:border-box;min-width:0;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.stock-result-grid strong{display:block;margin-top:.35rem;color:var(--color-primary);overflow-wrap:anywhere;word-break:break-word}.stock-disclaimer{padding:.8rem;border-left:4px solid #9a6500;background:#fff7df;line-height:1.65}
@media(max-width:800px){.stock-fields,.stock-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.stock-fields,.stock-result-grid{grid-template-columns:1fr}.stock-mode{display:grid;grid-template-columns:1fr}.stock-mode label{width:100%;box-sizing:border-box}}@media(max-width:480px){.container--stock{width:min(100% - 1rem,80rem);padding-inline:0}.container--stock .tool-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.stock-heading,.stock-result-heading{align-items:stretch;flex-direction:column}.stock-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stock-actions .button-secondary,.stock-result-heading .button-secondary{width:100%;min-width:0}}