.calc-shell{display:flex;flex-direction:column;gap:20px}.calc-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.calc-unit-switch{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.calc-unit-switch button{padding:6px 14px;background:transparent;color:var(--text-secondary);border:0;cursor:pointer;font-size:13px}.calc-unit-switch button.active{background:var(--accent-blue-dim);color:var(--text-primary)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:860px){.calc-grid{grid-template-columns:1fr}}.calc-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm)}.calc-card h2{font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 16px}.calc-card h3{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 8px}.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.calc-inputs{grid-template-columns:1fr}}.calc-field{display:flex;flex-direction:column;gap:6px}.calc-field label{font-size:13px;color:var(--text-secondary)}.calc-field .calc-unit{color:var(--text-muted);font-size:12px}.calc-field input,.calc-field select,.calc-field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:15px;outline:none}.calc-field textarea{resize:vertical;line-height:1.5;font-family:inherit}.calc-field input:focus,.calc-field select:focus,.calc-field textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}.calc-field.invalid input{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.calc-hint{font-size:12px;color:var(--text-muted);margin:0}.calc-error{margin-top:12px;padding:10px 14px;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:13px}.calc-outputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.calc-outputs{grid-template-columns:1fr}}.calc-output{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px}.calc-output .co-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.calc-output .co-value{font-size:20px;font-weight:600;color:var(--text-primary)}.calc-output .co-unit{font-size:12px;color:var(--text-secondary);margin-left:4px}.calc-output.highlight{border-color:var(--border-brand);background:var(--bg-elevated)}.calc-output.highlight .co-value{color:var(--accent-amber)}.calc-empty{color:var(--text-muted);font-size:14px;grid-column:1 / -1;margin:0}.calc-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.calc-actions button{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:13px}.calc-actions button:hover{color:var(--text-primary);border-color:var(--border-hover)}.calc-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.calc-steps li{color:var(--text-secondary);font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.calc-assumptions{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.calc-assumptions li{color:var(--text-muted);font-size:13px}.calc-formula{margin:16px 0 0;padding:10px 14px;border-left:3px solid var(--accent-blue);background:var(--bg-tertiary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-size:14px}.calc-disclosure{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.calc-qty-table{width:100%;border-collapse:collapse;margin-bottom:12px}.calc-qty-table th{text-align:left;font-size:12px;color:var(--text-muted);font-weight:500;padding:4px 6px}.calc-qty-table td{padding:4px 6px}.calc-qty-table input{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px}.calc-qty-table .qty-remove{background:transparent;border:0;color:var(--text-muted);cursor:pointer;font-size:16px}.calc-qty-table .qty-remove:hover{color:#ef4444}.calc-history{display:flex;flex-direction:column;gap:8px}.calc-history-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.calc-history-item:hover{border-color:var(--border-hover)}.calc-history-item .ch-label{font-size:13px;color:var(--text-secondary)}.calc-history-item .ch-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.calc-history-empty{color:var(--text-muted);font-size:13px;margin:0}.calc-history-clear{align-self:flex-start;background:transparent;border:0;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 0}.calc-history-clear:hover{color:#ef4444}.calc-cta{margin-top:28px;padding:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,#e5417a14,#3b82f614);border:1px solid var(--border-brand);text-align:center}.calc-cta h2{margin:0 0 8px;font-size:20px;color:var(--text-primary)}.calc-cta p{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.calc-cta a{display:inline-block;padding:10px 22px;border-radius:var(--radius-sm);background:var(--accent-blue);color:#fff;font-weight:600;text-decoration:none;font-size:14px}.calc-cta a:hover{filter:brightness(1.1)}.calc-cta-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.calc-cta button{display:inline-block;padding:10px 22px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.calc-cta button:hover{background:#3b82f61f}.calc-field-wide{grid-column:1 / -1}.conv-row{display:grid;grid-template-columns:1.2fr .8fr auto 1.2fr;gap:12px;align-items:end;grid-column:1 / -1}@media(max-width:640px){.conv-row{grid-template-columns:1fr 1fr}.conv-row .conv-swap{grid-column:1 / -1;justify-self:center}}.conv-swap{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:18px;cursor:pointer;transition:transform .15s ease,border-color .15s ease;margin-bottom:1px}.conv-swap:hover{border-color:var(--accent-blue);transform:rotate(180deg)}.calc-details{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:340px;overflow-y:auto;padding-right:4px}.cd-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.cd-row .cd-label{font-size:12px;color:var(--text-muted)}.cd-row .cd-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.calc-extra{margin-top:14px}.fx-hist-result{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--text-primary)}.fx-hist-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fx-hist-line input{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px}.fx-hist-line button{padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-blue);background:transparent;color:var(--accent-blue);font-size:13px;font-weight:600;cursor:pointer}.fx-hist-line button:hover{background:#3b82f61f}.fx-spark{width:100%;height:auto;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.fx-spark-label{font-size:10px;fill:var(--text-muted)}.calc-tabs{display:inline-flex;grid-column:1 / -1;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:4px;flex-wrap:wrap}.calc-tabs button{padding:8px 16px;background:transparent;color:var(--text-secondary);border:0;cursor:pointer;font-size:13px;font-family:inherit}.calc-tabs button.active{background:var(--accent-blue-dim);color:var(--text-primary)}.calc-formula-picker{flex-wrap:wrap}.calc-inputs .calc-inputs,.calc-inputs .calc-tabs{grid-column:1 / -1}.calc-keypad{display:flex;flex-wrap:wrap;gap:6px;grid-column:1 / -1}.calc-keypad button{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}.calc-keypad button:hover{color:var(--text-primary);border-color:var(--accent-blue)}.arith-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px}.arith-pad button{padding:12px 0;font-size:16px;text-align:center}.arith-pad .arith-equals{grid-column:1 / -1;border-color:var(--accent-blue);color:var(--accent-blue);font-weight:600}.calc-subhead{grid-column:1 / -1;font-size:13px;letter-spacing:.03em;color:var(--text-secondary);margin:10px 0 0;text-transform:none}.calc-formula-select{min-width:260px}.calc-formula-select select{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px}.calc-row-btn{align-self:end;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease;white-space:nowrap}.calc-row-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.calc-row-add{margin-top:4px;border-style:dashed;color:var(--accent-blue)}.calc-row-add:hover{background:var(--accent-blue-dim)}
