
/* OfficeCalculator.Net v81 — precise Feet + Inches entry for measurement calculators */
.oc-ft81-mode{
  margin:10px 0 14px;
  padding:11px 12px;
  border:1px solid #d9e3f2;
  border-radius:12px;
  background:#f8fafc;
}
.oc-ft81-mode[hidden]{display:none!important}
.oc-ft81-mode-row{
  display:flex;
  gap:10px;
  align-items:end;
  flex-wrap:wrap;
}
.oc-ft81-mode label{
  display:block;
  margin:0 0 5px!important;
  color:#344054!important;
  font-size:.72rem!important;
  font-weight:800!important;
}
.oc-ft81-mode select{
  min-height:40px!important;
  padding:7px 10px!important;
  border:1px solid #d7dfeb!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172033!important;
}
.oc-ft81-note{
  flex:1 1 320px;
  color:#667085;
  font-size:.72rem;
  line-height:1.5;
}
.oc-ft81-note strong{color:#152036}
.oc-ft81-source-hidden{display:none!important}
.oc-ft81-proxy{
  display:grid;
  grid-template-columns:minmax(88px,1fr) minmax(88px,1fr);
  gap:8px;
  margin:0;
}
.oc-ft81-proxy[hidden]{display:none!important}
.oc-ft81-part label{
  display:block!important;
  margin:0 0 4px!important;
  color:#667085!important;
  font-size:.66rem!important;
  font-weight:800!important;
}
.oc-ft81-part input{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:42px!important;
  padding:8px 10px!important;
  border:1px solid #d7dfeb!important;
  border-radius:9px!important;
  background:#f8faff!important;
  color:#172033!important;
  font:inherit!important;
  font-size:16px!important;
}
.oc-ft81-part input:focus{
  outline:none!important;
  background:#fff!important;
  border-color:#7399dd!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;
}
.oc-ft81-error{
  grid-column:1/-1;
  color:#b42318;
  font-size:.68rem;
  font-weight:700;
  line-height:1.4;
}
.oc-ft81-error[hidden]{display:none!important}
.oc-ft81-conversion{
  grid-column:1/-1;
  color:#667085;
  font-size:.67rem;
  line-height:1.4;
}
body.oc-dark .oc-ft81-mode,
html.oc-dark-preload .oc-ft81-mode{
  border-color:#344760;
  background:#18263a;
}
body.oc-dark .oc-ft81-mode label,
html.oc-dark-preload .oc-ft81-mode label,
body.oc-dark .oc-ft81-note strong,
html.oc-dark-preload .oc-ft81-note strong{color:#eef4ff!important}
body.oc-dark .oc-ft81-note,
html.oc-dark-preload .oc-ft81-note,
body.oc-dark .oc-ft81-conversion,
html.oc-dark-preload .oc-ft81-conversion{color:#aebbd0!important}
body.oc-dark .oc-ft81-mode select,
html.oc-dark-preload .oc-ft81-mode select,
body.oc-dark .oc-ft81-part input,
html.oc-dark-preload .oc-ft81-part input{
  border-color:#40516a!important;
  background:#152237!important;
  color:#eef4ff!important;
}
@media(max-width:560px){
  .oc-ft81-proxy{grid-template-columns:1fr 1fr}
  .oc-ft81-mode-row{display:block}
  .oc-ft81-mode select{width:100%!important}
  .oc-ft81-note{margin-top:8px}
}
