.sap-container { display: flex; justify-content: center; margin: 20px 0; }
.sap-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; width: 100%; max-width: 800px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); font-family: sans-serif; position: relative; }
.sap-header-wrapper { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; border-bottom: 1px solid #f1f5f9; padding-bottom: 15px; }
.sap-header-text h3 { margin: 0; color: #1e293b; font-size: 1.25rem; }
.sap-header-text p { margin: 5px 0 0; color: #64748b; font-size: 0.9rem; }
.sap-institution-logo { max-height: 50px; width: auto; }
.sap-controls { margin-bottom: 25px; }
.sap-controls label { display: block; font-weight: bold; margin-bottom: 8px; font-size: 0.9rem; color: #475569; }
.sap-controls select { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff; }
.sap-audiogram { display: flex; justify-content: space-between; background: #f8fafc; padding: 20px; border-radius: 10px; height: 250px; margin-bottom: 25px; border: 1px solid #f1f5f9; overflow-x: auto; }
.sap-slider-unit { display: flex; flex-direction: column; align-items: center; min-width: 80px; }
.sap-range { appearance: slider-vertical; width: 12px; height: 160px; cursor: pointer; }
.sap-label { font-size: 11px; font-weight: bold; margin-bottom: 10px; color: #475569; }
.sap-db { font-size: 12px; font-weight: bold; margin-top: 10px; color: #ef4444; }
.sap-buttons { display: flex; gap: 15px; }
.sap-btn-main { flex: 1; background: #2563eb; color: white; border: none; padding: 15px; border-radius: 8px; cursor: pointer; font-weight: bold; }
.sap-btn-alt { flex: 1; background: #ef4444; color: white; border: none; padding: 15px; border-radius: 8px; cursor: pointer; font-weight: bold; }
.sap-btn-alt:disabled { background: #cbd5e1; cursor: not-allowed; }