/* CALCULATOR STYLES */
.calc-layout { display: flex; flex-direction: column; height: 100%; background: var(--app-bg); }
.calc-display { 
    flex: 1; 
    background: var(--app-bg); 
    color: var(--text-color);
    font-size: 2.5rem; 
    display: flex; 
    align-items: flex-end; 
    justify-content: flex-end; 
    padding: 20px; 
    font-family: 'Segoe UI', sans-serif; 
    font-weight: 300; 
    overflow: hidden; 
}
.calc-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    flex: 3; 
    gap: 1px; 
    background: var(--border-color); 
    border-top: 1px solid var(--border-color); 
}
.calc-grid button { 
    border: none; 
    background: var(--button-bg); 
    color: var(--text-color);
    font-size: 1.2rem; 
    cursor: pointer; 
    transition: background 0.1s; 
}
.calc-grid button:hover { background: var(--hover-bg); }
.calc-grid button:active { background: var(--active-bg); }
.calc-equal { background: #0078D7 !important; color: white !important; }
.calc-equal:hover { filter: brightness(1.1); }