/* KukuDuluYuk — custom styles to complement Tailwind */

:root {
    --color-blush: #FFF5F7;
    --color-rose:  #f43f6e;
    --color-gold:  #C9A84C;
}

* { box-sizing: border-box; }

body {
    background-color: var(--color-blush);
}

/* Date input styling */
input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
    filter: hue-rotate(310deg);
}

/* Smooth transitions for slot buttons */
.slot-btn {
    cursor: pointer;
    transition: all 0.15s ease;
}

/* Upload area hover */
#uploadArea:hover {
    border-color: #f43f6e;
}

/* Admin table hover */
.admin-row:hover {
    background-color: #fff1f5;
    cursor: pointer;
}

/* Status badges */
.badge-pending    { background: #fef3c7; color: #92400e; }
.badge-confirmed  { background: #d1fae5; color: #065f46; }
.badge-cancelled  { background: #fee2e2; color: #991b1b; }

/* Responsive table scroll */
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Focus ring consistent with rose theme */
input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(244, 63, 110, 0.15);
}

/* Prevent images in uploads showing outside container */
#previewImg { max-width: 100%; }