/* Önder Mühendislik — Ağırlık Hesaplama "ölçüm paneli"
   Renkler tema değişkenlerinden okunur; tema yoksa fallback devreye girer. */
.omu-calc{
	--_graphite: var(--omu-graphite, #14181f);
	--_steel:    var(--omu-steel, #2b323d);
	--_crimson:  var(--omu-crimson, #c8102e);
	--_line:     var(--omu-line, #e2e5ea);
	--_paper:    var(--omu-paper, #f5f6f8);
	--_ink:      var(--omu-ink, #1b1e24);
	--_mono:     var(--omu-mono, "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace);
	border:1px solid var(--_line);
	background:#fff;
	max-width:720px;
	box-shadow:0 1px 0 rgba(20,24,31,.04), 0 24px 48px -32px rgba(20,24,31,.35);
}
.omu-calc__bar{
	background:var(--_graphite);
	color:#fff;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	font-size:12px;
	padding:12px 18px;
	position:relative;
}
.omu-calc__bar::before{
	content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--_crimson);
}
.omu-calc__bar--sub{background:var(--_steel);font-size:11px}
.omu-calc__bar--head{display:flex;justify-content:space-between;align-items:center;font-family:var(--_mono,"IBM Plex Mono",monospace)}
.omu-calc__ver{color:var(--_crimson);font-weight:600;letter-spacing:.1em}
.omu-calc__status{background:#1a1f28;color:#8a93a2;font-family:var(--_mono,"IBM Plex Mono",monospace);font-size:11px;letter-spacing:.06em;padding:8px 18px;border-bottom:1px solid var(--_steel)}
.omu-calc__row{
	display:flex;align-items:center;gap:16px;
	padding:14px 18px;border-bottom:1px solid var(--_line);
}
.omu-calc__key{
	flex:0 0 140px;color:var(--_ink);font-weight:600;font-size:14px;
}
.omu-calc__val{flex:1}
.omu-calc__fixed{
	font-family:var(--_mono);font-size:14px;color:var(--_graphite);
	display:inline-flex;align-items:center;gap:8px;
}
.omu-calc__fixed em{color:#7a828e;font-style:normal;font-size:12px}
.omu-calc__shape{
	width:100%;padding:10px 12px;border:1px solid var(--_line);
	background:#fff;font-size:14px;color:var(--_ink);border-radius:2px;cursor:pointer;
	appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--_graphite) 50%),linear-gradient(135deg,var(--_graphite) 50%,transparent 50%);
	background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.omu-calc__shape:focus{outline:2px solid var(--_crimson);outline-offset:1px}
.omu-calc__inputs{padding:6px 18px}
.omu-calc__field{
	display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px dashed var(--_line);
}
.omu-calc__field:last-child{border-bottom:0}
.omu-calc__field-label{flex:0 0 140px;font-size:14px;color:var(--_ink);font-weight:600}
.omu-calc__field-input{flex:1;display:flex;align-items:center;gap:8px;max-width:220px}
.omu-calc__field-input input{
	width:100%;padding:9px 12px;border:1px solid var(--_line);border-radius:2px;
	font-family:var(--_mono);font-size:15px;color:var(--_graphite);text-align:right;
}
.omu-calc__field-input input:focus{outline:2px solid var(--_crimson);outline-offset:1px;border-color:var(--_crimson)}
.omu-calc__field-input select{
	width:100%;padding:9px 10px;border:1px solid #cfd4db;background:#fff;color:#1b1e24;
	font:600 15px/1.2 "IBM Plex Mono",ui-monospace,monospace;border-radius:2px;-webkit-appearance:none;appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%232b323d'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 10px center;padding-right:26px;cursor:pointer
}
.omu-calc__field-input select:focus{outline:2px solid var(--_crimson);outline-offset:1px;border-color:var(--_crimson)}
.omu-calc__field-input em{font-style:normal;color:#7a828e;font-size:13px;width:26px}
.omu-calc__out{display:flex;gap:1px;background:var(--_line);padding:0}
.omu-calc__metric{
	flex:1;background:var(--_paper);padding:16px 18px;display:flex;flex-direction:column;gap:6px;
}
.omu-calc__metric-label{
	font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a828e;font-weight:600;
}
.omu-calc__metric-value{
	font-family:var(--_mono);font-size:24px;font-weight:600;color:var(--_graphite);line-height:1;
}
.omu-calc__metric-value--big{font-size:34px;color:var(--_crimson)}
.omu-calc__note{
	margin:0;padding:12px 18px;font-size:12px;color:#7a828e;background:#fff;border-top:1px solid var(--_line);
}
@media (max-width:560px){
	.omu-calc__key,.omu-calc__field-label{flex-basis:96px}
	.omu-calc__metric-value{font-size:20px}
}

/* Şekil seçici (ikon ızgarası) */
.omu-calc__shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 18px}
.omu-calc__shape-btn{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	padding:16px 8px;background:#fff;border:1px solid var(--_line);border-radius:3px;cursor:pointer;
	color:#7a828e;transition:border-color .15s,color .15s,background .15s;
}
.omu-calc__shape-btn:hover{border-color:#b9c0ca;color:var(--_graphite)}
.omu-calc__shape-ico{width:34px;height:34px;color:inherit}
.omu-calc__shape-ico svg{width:100%;height:100%}
.omu-calc__shape-lbl{font-family:var(--_mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;text-align:center}
.omu-calc__shape-btn.is-active{
	border-color:var(--_crimson);color:var(--_crimson);
	background:linear-gradient(0deg,rgba(200,16,46,.06),rgba(200,16,46,.06)),#fff;
	box-shadow:inset 0 0 0 1px var(--_crimson);
}

/* Adet alanı biraz dar dursun */
.omu-calc__field--adet .omu-calc__field-input{max-width:120px}

/* Formül + kesit alanı satırı */
.omu-calc__meta{padding:12px 18px;background:#fff;border-top:1px solid var(--_line)}
.omu-calc__formula{font-family:var(--_mono);font-size:12px;color:#5c6572;letter-spacing:.02em}
.omu-calc__summary{font-family:var(--_mono);font-size:12px;color:#8a929d;margin-top:5px}

@media (max-width:560px){
	.omu-calc__shapes{grid-template-columns:repeat(2,1fr)}
}