/* BQ Calculator v1.4 utility expansion */
.utility-callout{display:grid;gap:8px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);margin-top:16px}
.utility-callout strong{font-size:.9rem}.utility-callout span{color:var(--muted);font-size:.82rem;line-height:1.5}
.utility-meter{--meter:0%;height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border);margin:16px 0 4px}
.utility-meter::before{content:"";display:block;width:var(--meter);height:100%;background:linear-gradient(90deg,var(--mint-dark),var(--mint));border-radius:inherit;transition:width .25s ease}
.utility-result-note{margin:8px 0 0;color:var(--muted);font-size:.8rem}
.scientific-shell{display:grid;gap:14px}.scientific-display{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--deep);color:white;min-width:0}
.scientific-display input{width:100%;border:0;background:transparent;color:inherit;font:inherit;font-size:1.05rem;outline:none;padding:0 0 14px}
.scientific-display output{display:block;font-size:clamp(2rem,6vw,3.5rem);font-weight:850;line-height:1;letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.scientific-display output.is-error{font-size:1.4rem}.scientific-error{display:block;min-height:1.3em;margin-top:10px;color:#ffd7d7;font-size:.8rem}
.scientific-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.scientific-mode-row label{font-size:.8rem;font-weight:800;color:var(--muted)}
.scientific-keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.scientific-keypad button{min-height:46px;padding:8px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-weight:780;font-size:.86rem;box-shadow:var(--shadow-sm)}
.scientific-keypad button:hover,.scientific-keypad button:focus-visible{border-color:var(--focus);background:var(--surface-2)}.scientific-keypad .accent{background:color-mix(in srgb,var(--mint) 14%,var(--surface))}.scientific-keypad .equals{background:var(--deep);color:white;border-color:var(--deep)}
.scientific-history{display:grid;gap:6px;margin-top:14px}.scientific-history-item{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:left}
.scientific-history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.scientific-history-item strong{font-variant-numeric:tabular-nums}
.converter-swap{align-self:end;min-height:46px}.converter-result{font-size:clamp(2.2rem,6vw,4rem)!important;overflow-wrap:anywhere}.converter-detail{color:var(--muted);font-size:.85rem;margin:8px 0 0}
.date-grid-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.date-grid-results .result-item:first-child{grid-column:1/-1}
.unit-subtitle{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.utility-inline-actions{display:flex;gap:8px;align-items:end}
@media(max-width:760px){.scientific-keypad{grid-template-columns:repeat(4,minmax(0,1fr))}.date-grid-results{grid-template-columns:1fr}.date-grid-results .result-item:first-child{grid-column:auto}.utility-inline-actions{align-items:stretch;flex-direction:column}}
@media(max-width:420px){.scientific-keypad{gap:5px}.scientific-keypad button{min-height:44px;font-size:.8rem;padding:6px}}
@media(prefers-reduced-motion:reduce){.utility-meter::before{transition:none}}
