/* purpose: MD Calculator layout — standard, scientific, programmer, date, percent, convert
   author: MD Hub
   date: 2026-09-09 */
#md_calc_root{
	--mdc-accent:var(--bo-accent,#d97706);
	--mdc-on:#fff;
	--mdc-ink:var(--bo-text,#0f172a);
	--mdc-muted:var(--bo-text-muted,#64748b);
	--mdc-card:var(--bo-bg-elevated,#fff);
	--mdc-line:var(--bo-border,#e2e8f0);
	--mdc-page:var(--bo-bg-page,#f8fafc);
	--mdc-key:#f1f5f9;
	--mdc-op:var(--bo-accent,#d97706);
	--mdc-fn:#0f766e;
	width:100%;
	min-height:0;
	color:var(--mdc-ink);
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:.7rem;
	height:100%;
}
html.dark #md_calc_root{
	--mdc-key:#1e293b;
}
#md_calc_root *{box-sizing:border-box}
#md_calc_root .hidden{display:none!important}
.mdc-modes{
	display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;
	-webkit-overflow-scrolling:touch;padding:.1rem .05rem .35rem;
	scrollbar-width:none;
}
.mdc-modes::-webkit-scrollbar{display:none}
.mdc-mode{
	appearance:none;border:1px solid var(--mdc-line);background:var(--mdc-card);
	color:var(--mdc-ink);border-radius:999px;padding:.42rem .85rem;font-size:.78rem;
	font-weight:700;cursor:pointer;white-space:nowrap;min-height:2.2rem;
}
.mdc-mode.on{background:var(--mdc-accent);color:var(--mdc-on);border-color:transparent}
.mdc-stage{
	display:grid;grid-template-columns:minmax(0,1fr) 13.5rem;gap:.75rem;
	min-height:0;flex:1;
}
.mdc-main{
	min-width:0;display:flex;flex-direction:column;gap:.55rem;min-height:0;
}
.mdc-display{
	background:var(--mdc-card);border:1px solid var(--mdc-line);border-radius:1rem;
	padding:.7rem .9rem .55rem;min-height:4.6rem;text-align:right;
	box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.mdc-expr{
	min-height:1.1rem;font-size:.78rem;color:var(--mdc-muted);word-break:break-all;
	font-variant-numeric:tabular-nums;
}
.mdc-value{
	font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;
	font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mdc-radix{display:flex;flex-direction:column;gap:.28rem}
.mdc-radix-row{
	appearance:none;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;
	border:1px solid var(--mdc-line);background:var(--mdc-card);border-radius:.75rem;
	padding:.35rem .7rem;cursor:pointer;text-align:left;color:var(--mdc-ink);
}
.mdc-radix-row span{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--mdc-muted)}
.mdc-radix-row code{font-size:.92rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.mdc-radix-row.on{border-color:var(--mdc-accent);box-shadow:0 0 0 1px var(--mdc-accent)}
.mdc-toolbar{display:flex;flex-wrap:wrap;gap:.35rem}
.mdc-chip,.mdc-hist-clear{
	appearance:none;border:1px solid var(--mdc-line);background:var(--mdc-card);color:var(--mdc-ink);
	border-radius:.7rem;padding:.32rem .6rem;font-size:.72rem;font-weight:700;cursor:pointer;min-height:2rem;
}
.mdc-chip.on{background:var(--mdc-accent);color:var(--mdc-on);border-color:transparent}
.mdc-pad{
	display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;
	flex:1;min-height:0;
}
.mdc-pad.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.mdc-pad.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.mdc-key{
	appearance:none;border:0;border-radius:.9rem;background:var(--mdc-key);color:var(--mdc-ink);
	font-size:1.05rem;font-weight:750;cursor:pointer;min-height:3rem;
	display:flex;align-items:center;justify-content:center;user-select:none;
	-webkit-user-select:none;touch-action:manipulation;
}
.mdc-key:active{transform:scale(.97);filter:brightness(.96)}
.mdc-key.op{background:var(--mdc-op);color:#fff}
.mdc-key.fn{background:var(--mdc-fn);color:#fff;font-size:.78rem}
.mdc-key.eq{background:var(--mdc-ink);color:#fff}
.mdc-key.wide{grid-column:span 2}
.mdc-key.muted{color:var(--mdc-muted);font-size:.82rem}
.mdc-key:disabled{opacity:.38;cursor:not-allowed}
html.dark #md_calc_root .mdc-key.eq{background:#f8fafc;color:#0f172a}
.mdc-panel{
	background:var(--mdc-card);border:1px solid var(--mdc-line);border-radius:1rem;padding:.85rem;
	display:flex;flex-direction:column;gap:.65rem;
}
.mdc-field{display:flex;flex-direction:column;gap:.25rem}
.mdc-field label{font-size:.72rem;font-weight:700;color:var(--mdc-muted)}
.mdc-field input,.mdc-field select{
	border:1px solid var(--mdc-line);background:var(--mdc-page);color:var(--mdc-ink);
	border-radius:.7rem;padding:.55rem .7rem;font-size:.95rem;min-height:2.5rem;
}
.mdc-result{
	font-size:1.15rem;font-weight:800;padding:.5rem 0 0;
}
.mdc-hist{
	background:var(--mdc-card);border:1px solid var(--mdc-line);border-radius:1rem;
	padding:.7rem;min-height:0;display:flex;flex-direction:column;max-height:100%;
}
.mdc-hist-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.mdc-hist-list{overflow:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:.3rem}
.mdc-hist-item{
	appearance:none;border:0;background:transparent;color:inherit;text-align:right;
	padding:.35rem .2rem;border-radius:.5rem;cursor:pointer;width:100%;
}
.mdc-hist-item:hover{background:var(--mdc-key)}
.mdc-hist-item .mdc-h-eq{font-size:.7rem;color:var(--mdc-muted);display:block}
.mdc-hist-item .mdc-h-v{font-weight:750;font-variant-numeric:tabular-nums}
.mdc-hist-empty{font-size:.78rem;color:var(--mdc-muted);text-align:center;padding:1rem .4rem}
.mdc-toast{
	position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);
	background:var(--mdc-ink);color:#fff;border-radius:999px;padding:.45rem .9rem;
	font-size:.8rem;font-weight:700;z-index:40;
}
.mdc-row2{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
@media (max-width:860px){
	.mdc-stage{grid-template-columns:1fr}
	.mdc-hist{max-height:10rem}
	.mdc-key{min-height:2.7rem}
}
@media (max-width:520px){
	.mdc-pad.cols-6{grid-template-columns:repeat(5,minmax(0,1fr))}
	.mdc-value{font-size:1.7rem}
}
body.ap-kind-calculator #ap_workspace{
	display:flex;flex-direction:column;overflow:hidden;
}
body.ap-kind-calculator #md_calc_root{flex:1;min-height:0}