/* ===== CALCULATOR ===== */
#calculator-window .window-content { padding: 5px; background: #C0C0C0; border: none; margin: 0; }
.calculator-display {
    background: #FFF; border: 2px inset; border-color: #808080 #FFF #FFF #808080;
    padding: 4px 6px; text-align: right; font-family: 'Lucida Console', monospace;
    font-size: 16px; margin-bottom: 6px; height: 30px; overflow: hidden; color: #000;
}
.calculator-buttons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.calculator-buttons button {
    background: #D4D0C8; border: 2px solid; border-color: #FFF #808080 #808080 #FFF;
    padding: 4px 2px; font-size: 12px; cursor: default; color: #000; font-weight: bold;
    font-family: "Tahoma", "Geneva", sans-serif;
    min-height: 24px;
}
.calculator-buttons button:active { 
    border-color: #808080 #FFF #FFF #808080; 
    background: #C0C0C0; 
    padding: 5px 1px 3px 3px;
}
.calculator-buttons button.operator { background: #C0C0C0; }
.calculator-buttons button.equals { background: #C0C0C0; border-color: #FFF #000 #000 #FFF; }
.calculator-buttons button.equals:active { border-color: #000 #FFF #FFF #000; }
.calculator-buttons button.wide { grid-column: span 2; }