/* OfficeCalculator.Net v98 — dedicated battery backup workspace */
.oc-bat-v98-mode{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:5px;background:rgba(37,99,235,.055);border:1px solid rgba(37,99,235,.14);border-radius:14px}
.oc-bat-v98-mode button{appearance:none;border:0;background:transparent;color:var(--text,#152036);font:800 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:10px 14px;border-radius:10px;cursor:pointer;transition:.18s ease}
.oc-bat-v98-mode button:hover{background:rgba(255,255,255,.75)}
.oc-bat-v98-mode button[aria-pressed="true"]{background:#2563eb;color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.22)}
.oc-bat-v98-pane[hidden]{display:none!important}
.oc-bat-v98-helper{margin:2px 0 14px;color:#667189;font-size:13px;line-height:1.55}
.oc-bat-v98-inline{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}
.oc-bat-v98-details{grid-column:1/-1;border:1px solid rgba(30,64,175,.13);border-radius:14px;background:rgba(248,250,252,.82);overflow:hidden}
.oc-bat-v98-details summary{cursor:pointer;padding:12px 14px;font-weight:850;color:#173f67;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.oc-bat-v98-details summary::-webkit-details-marker{display:none}
.oc-bat-v98-details summary:after{content:'+';font-size:20px;line-height:1;color:#2563eb}
.oc-bat-v98-details[open] summary:after{content:'−'}
.oc-bat-v98-advanced{padding:4px 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oc-bat-v98-tip{grid-column:1/-1;margin:0;padding:11px 12px;border-radius:11px;background:rgba(37,99,235,.06);color:#4d5b72;font-size:12px;line-height:1.55}
.oc-bat-v98-working{margin-top:12px;padding-top:12px;border-top:1px solid rgba(59,130,246,.17)}
.oc-bat-v98-working strong{display:block;margin-bottom:7px;color:#173f67}
.oc-bat-v98-working ol{margin:0;padding-left:20px;color:#475569}
.oc-bat-v98-working li+li{margin-top:5px}
.oc-bat-v98-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(234,88,12,.07);color:#7c2d12;font-size:12px;line-height:1.55}
.oc-bat-v98-bank{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:800;color:#173f67}
.oc-bat-v98-result-sub{font-weight:750;color:#4d5b72}
.oc-bat-v98-quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.oc-bat-v98-quick button{appearance:none;border:1px solid rgba(37,99,235,.18);background:#fff;color:#2457a6;border-radius:999px;padding:7px 10px;font:800 11px/1.2 system-ui;cursor:pointer}
.oc-bat-v98-quick button:hover{background:#eff6ff}
.oc-bat-v98-quick button.is-active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 5px 14px rgba(37,99,235,.22)}
@media(max-width:820px){.oc-bat-v98-advanced{grid-template-columns:1fr}.oc-bat-v98-inline{grid-template-columns:minmax(0,1fr) 112px}}
@media(max-width:700px){.oc-bat-v98-mode{position:relative}.oc-bat-v98-mode button{flex:1 1 140px}.oc-bat-v98-details{grid-column:auto}.oc-bat-v98-advanced{padding-left:12px;padding-right:12px}.oc-bat-v98-inline{grid-template-columns:minmax(0,1fr) 104px}}
html.oc-dark-preload .oc-bat-v98-mode,.oc-dark .oc-bat-v98-mode{background:rgba(59,130,246,.09);border-color:rgba(96,165,250,.18)}
html.oc-dark-preload .oc-bat-v98-mode button:hover,.oc-dark .oc-bat-v98-mode button:hover,html.oc-dark-preload .oc-bat-v98-quick button,.oc-dark .oc-bat-v98-quick button{background:#14233a;color:#dbeafe}
html.oc-dark-preload .oc-bat-v98-details,.oc-dark .oc-bat-v98-details{background:rgba(15,23,42,.55);border-color:rgba(96,165,250,.14)}


/* v101 — make quick examples unmistakably interactive */
.oc-bat-v98-quick{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:8px!important;
}
.oc-bat-v98-quick button{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:42px!important;
  padding:9px 10px!important;
  border:1px solid #b7caf2!important;
  border-radius:10px!important;
  background:#eef4ff!important;
  color:#173f84!important;
  -webkit-text-fill-color:#173f84!important;
  box-shadow:0 3px 10px rgba(37,99,235,.07)!important;
  font:800 11px/1.25 system-ui!important;
  text-align:center!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.oc-bat-v98-quick button:hover{
  border-color:#2563eb!important;
  background:#2563eb!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 16px rgba(37,99,235,.20)!important;
  transform:translateY(-1px)!important;
}
.oc-bat-v98-quick button:focus-visible{
  outline:3px solid rgba(37,99,235,.24)!important;
  outline-offset:2px!important;
}
.oc-bat-v98-quick button.is-active,
.oc-bat-v98-quick button[aria-pressed="true"]{
  border-color:#123b9b!important;
  background:#1746b6!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 18px rgba(23,70,182,.24)!important;
}
.oc-bat-v98-quick button.is-active::before,
.oc-bat-v98-quick button[aria-pressed="true"]::before{
  content:"✓";
  margin-right:6px;
  font-weight:900;
}
html.oc-dark-preload .oc-bat-v98-quick button,
.oc-dark .oc-bat-v98-quick button{
  border-color:#3c5a8d!important;
  background:#172a48!important;
  color:#dce9ff!important;
  -webkit-text-fill-color:#dce9ff!important;
}
html.oc-dark-preload .oc-bat-v98-quick button:hover,
.oc-dark .oc-bat-v98-quick button:hover,
html.oc-dark-preload .oc-bat-v98-quick button[aria-pressed="true"],
.oc-dark .oc-bat-v98-quick button[aria-pressed="true"]{
  border-color:#82a5ff!important;
  background:#315fd4!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:520px){.oc-bat-v98-quick{grid-template-columns:1fr!important}}