@import url('/assets/css/main.css');

/* ---- shared calculator extras ---- */
.tool-workspace .btn-block{margin-top:.4rem}
.result .big-output{margin:.4rem 0 1rem}
.kv .v{font-variant-numeric:tabular-nums}
.calc-display{background:#04070f;border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.1rem;font-size:1.7rem;font-family:var(--font-head);text-align:right;overflow-x:auto;white-space:nowrap;margin-bottom:1rem;min-height:4.4rem}
.calc-display .expr{display:block;font-size:.95rem;color:var(--muted-2);min-height:1.4rem;white-space:nowrap}
.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}
.key{padding:.95rem .4rem;font-size:1.12rem;font-weight:600;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,transform .1s;font-family:var(--font-head);color:var(--text)}
.key:hover{background:var(--panel-3)}
.key:active{transform:scale(.96)}
.key.op{background:var(--primary-dim);border-color:rgba(34,211,238,.35);color:var(--primary)}
.key.eq{background:linear-gradient(135deg,var(--primary),#0ea5c4);color:#04121a;border:none}
.key.fn{background:var(--purple-dim);border-color:rgba(167,139,250,.3);color:var(--purple);font-size:.92rem}
.key.wide{grid-column:span 2}
table.mini{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:1rem}
table.mini th,table.mini td{padding:.5rem .7rem;border-bottom:1px solid var(--line-soft);text-align:right}
table.mini th:first-child,table.mini td:first-child{text-align:left}
table.mini th{background:var(--panel-2);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.scale-bar{height:14px;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#34d399 28%,#fbbf24 52%,#f87171 78%);position:relative;margin:1.1rem 0 .5rem}
.scale-marker{position:absolute;top:-4px;width:4px;height:22px;background:#fff;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 6px rgba(0,0,0,.6)}
.scale-lbls{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted-2);margin-bottom:.6rem}
.grade-row{display:flex;gap:.6rem;margin-bottom:.6rem}
.grade-row input,.grade-row select{margin-bottom:0}

/* ---- pro features: action row + history ---- */
.pro-row{display:flex;gap:.6rem;margin-top:.6rem;flex-wrap:wrap}
.pro-row .btn{flex:1;min-width:7rem}
.hist-wrap{margin-top:.9rem;border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:.7rem .9rem;background:var(--panel-2)}
.hist-title{font-size:.76rem;font-weight:700;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}
.hist-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px dashed var(--line-soft);padding:.45rem .1rem;cursor:pointer;color:var(--text);font-size:.9rem;font-family:inherit}
.hist-item:last-child{border-bottom:none}
.hist-item:hover{color:var(--gold)}
.hist-item span{pointer-events:none}

.hist-restore{cursor:pointer}
.hist-restore:hover .v{color:var(--gold)}