/* OfficeCalculator v150 — compact responsive sizing for the homepage calculator */
.oc-calculator-app.calculator-shell{
  width:100%;max-width:820px;margin:8px auto 24px;border-radius:12px;
}
.oc-calculator-app .calculator-topbar{gap:8px;padding:9px 11px;}
.oc-calculator-app .mode-tabs,.oc-calculator-app .status-controls{gap:6px;}
.oc-calculator-app .mode-tab,.oc-calculator-app .small-control,.oc-calculator-app .text-button{min-height:34px;padding:6px 9px;font-size:12px;}
.oc-calculator-app .calculator-workspace{min-height:0;grid-template-columns:minmax(0,1.55fr) minmax(190px,.8fr);}
.oc-calculator-app .calculator-main,.oc-calculator-app .history-panel{padding:10px;}
.oc-calculator-app .display-panel{min-height:116px;padding:12px 15px;border-radius:12px;}
.oc-calculator-app .display-panel .memory-indicator{min-height:12px;margin-bottom:3px;font-size:10px;}
.oc-calculator-app .display-panel .expression{min-height:19px;font-size:13px;}
.oc-calculator-app .display-panel output#result,
html body .oc-calculator-app .display-panel output#result{font-size:clamp(38px,5vw,62px)!important;line-height:1.02!important;margin-top:7px!important;}
.oc-calculator-app .display-panel .display-message{min-height:14px;margin-top:6px;font-size:11px;}
.oc-calculator-app .scientific-panel{gap:5px;margin-bottom:6px;}
.oc-calculator-app .scientific-panel button{min-height:31px;padding:5px 3px;font-size:12px;}
.oc-calculator-app .memory-row{gap:5px;margin-bottom:5px;}
.oc-calculator-app .memory-row button{min-height:32px;padding:4px;font-size:12px;}
.oc-calculator-app .keypad{gap:5px;}
.oc-calculator-app .keypad .key{min-height:44px;padding:6px 3px;font-size:15px;}
.oc-calculator-app .history-heading{margin-bottom:6px;}
.oc-calculator-app .history-heading h2{font-size:15px;}
.oc-calculator-app .history-list{height:auto;max-height:145px;margin-bottom:7px;padding-left:20px;}
.oc-calculator-app .empty-history{padding:12px 4px;font-size:12px;}
.oc-calculator-app .history-actions{gap:5px;}
.oc-calculator-app .history-actions button{min-height:33px;padding:5px;font-size:11px;}
.oc-calculator-app .privacy-note{margin-top:6px;font-size:10px;}
.oc-calculator-app .business-panel{padding:7px;margin-bottom:7px;}
.oc-calculator-app .business-tool-tabs{gap:5px;padding-bottom:6px;}
.oc-calculator-app .business-tool-tab{min-height:30px;padding:4px 8px;font-size:11px;}
@media(max-width:900px){
  .oc-calculator-app.calculator-shell{max-width:760px;}
  .oc-calculator-app .calculator-workspace{grid-template-columns:minmax(0,1fr);}
  .oc-calculator-app .history-panel{padding:8px 10px;}
  .oc-calculator-app .history-list{max-height:125px;}
}
@media(max-width:600px){
  .oc-calculator-app.calculator-shell{width:100%;max-width:100%;margin:5px auto 18px;border-radius:9px;}
  .oc-calculator-app .calculator-topbar{gap:6px;padding:7px;}
  .oc-calculator-app .mode-tabs{gap:5px;}
  .oc-calculator-app .status-controls{justify-content:flex-start;flex-wrap:wrap;gap:5px;}
  .oc-calculator-app .mode-tab,.oc-calculator-app .small-control,.oc-calculator-app .text-button{min-height:34px;padding:5px 7px;font-size:11px;}
  .oc-calculator-app .calculator-main{padding:8px;}
  .oc-calculator-app .display-panel{min-height:104px;padding:10px 12px;border-radius:9px;}
  .oc-calculator-app .display-panel .expression{min-height:17px;font-size:12px;}
  .oc-calculator-app .display-panel output#result,
  html body .oc-calculator-app .display-panel output#result{font-size:clamp(34px,9vw,48px)!important;}
  .oc-calculator-app .display-panel .display-message{min-height:12px;margin-top:4px;font-size:10px;}
  .oc-calculator-app .scientific-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;}
  .oc-calculator-app .scientific-panel button{min-height:30px;font-size:11px;}
  .oc-calculator-app .memory-row{gap:4px;}
  .oc-calculator-app .memory-row button{min-height:34px;}
  .oc-calculator-app .keypad{gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .oc-calculator-app .keypad .key{min-height:44px;padding:5px 2px;font-size:14px;}
  .oc-calculator-app .history-panel{padding:7px 9px;}
  .oc-calculator-app .history-list{max-height:100px;}
  .oc-calculator-app .history-actions button{min-height:36px;}
}
@media(max-width:360px){
  .oc-calculator-app .calculator-topbar{padding:6px;}
  .oc-calculator-app .mode-tab,.oc-calculator-app .small-control,.oc-calculator-app .text-button{padding:4px 5px;font-size:10px;}
  .oc-calculator-app .keypad .key{min-height:42px;font-size:13px;}
  .oc-calculator-app .scientific-panel{grid-template-columns:repeat(3,minmax(0,1fr));}
}