/* mobile/kiosk.css */

body { -webkit-tap-highlight-color: transparent; }
.animate-fade-in { animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.kiosk-input {
    width: 100%; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; 
    font-size: 16px; outline: none; transition: all 0.2s;
}
.kiosk-input:focus { border-color: #0072ce; ring: 2px solid #bfdbfe; }

/* Large Touch Targets for Radio Buttons */
.kiosk-radio-label {
    display: flex; align-items: center; justify-content: center;
    padding: 16px; border: 2px solid #e5e7eb; border-radius: 12px;
    cursor: pointer; transition: all 0.2s; height: 100%; font-weight: 600; color: #4b5563;
}

/* Yes Styling */
.kiosk-radio:checked + .kiosk-radio-label[data-val="Yes"] {
    border-color: #16a34a; background-color: #dcfce7; color: #15803d;
}

/* No Styling */
.kiosk-radio:checked + .kiosk-radio-label[data-val="No"] {
    border-color: #dc2626; background-color: #fee2e2; color: #b91c1c;
}

/* N/A Styling */
.kiosk-radio:checked + .kiosk-radio-label[data-val="N/A"] {
    border-color: #d97706; background-color: #fef3c7; color: #b45309;
}

/* Checkbox Styling for Health */
.kiosk-checkbox-label {
    display: flex; align-items: center; gap: 12px; padding: 12px;
    border: 1px solid #e5e7eb; border-radius: 8px; cursor: pointer;
}
.kiosk-checkbox:checked + .kiosk-checkbox-label {
    border-color: #0072ce; background-color: #eff6ff; color: #0072ce; font-weight: bold;
}

/* Risk Result Cards */
.risk-card-High { background: #fee2e2; border: 2px solid #ef4444; color: #991b1b; }
.risk-card-Medium { background: #fef3c7; border: 2px solid #f59e0b; color: #92400e; }
.risk-card-Low { background: #dcfce7; border: 2px solid #22c55e; color: #166534; }