/* advanced-calculator.css */
.calc-container{
  max-width:720px;
  width:100%;
  margin:12px auto;
  border-radius:12px;
  box-shadow:0 8px 30px rgba(0,0,0,0.12);
  overflow:hidden;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
  border:1px solid rgba(0,0,0,0.06);
  padding:14px;
}
.calc-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.calc-header h2{margin:0;font-size:1.1rem;color:#0b3d91;}
.mode-row{display:flex;align-items:center;gap:8px}
.mode-row select, .mode-row button{padding:6px 8px;border-radius:6px;border:1px solid #d6e6ff;background:#fff}
.display-area{margin-top:10px;display:flex;flex-direction:column;gap:8px}
#expr{width:100%;padding:12px;border-radius:8px;border:1px solid #cfe0ff;font-size:1rem}
#result{font-size:0.95rem;color:#1b3b7a}
#res-val{font-weight:700;color:#0b2a66}

.keypad-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
.keypad-grid button{
  padding:12px;
  border-radius:8px;
  border:none;
  background:linear-gradient(180deg,#e9f2ff,#d3e6ff);
  font-weight:600;
  box-shadow:0 4px 10px rgba(7,33,101,0.06);
  cursor:pointer;
}
.keypad-grid button.eval{
  grid-column:4 / span 1;
  background:linear-gradient(180deg,#0b63d6,#0647aa);
  color:white;
  font-size:1.05rem;
  padding:14px;
}

.advanced-areas{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.advanced-block{background:rgba(11,61,145,0.04);padding:8px;border-radius:8px;border:1px solid rgba(11,61,145,0.06)}
.advanced-block h4{margin:4px 0;font-size:0.95rem;color:#08316f}
.advanced-block textarea, .advanced-block input{width:100%;padding:8px;border-radius:6px;border:1px solid #cfe0ff;margin-top:6px;font-size:0.9rem}
.mini-res{margin-top:8px;color:#052a6f;font-weight:600}
.footer-note{margin-top:10px;text-align:center;color:#4b5d7a;font-size:0.85rem}
@media(max-width:480px){
  .keypad-grid{grid-template-columns:repeat(4,1fr);gap:6px}
  .calc-container{padding:10px}
}