/* Custom styles for Dental Labslip Management */

/* Form inputs focus state */
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Drop zone active state */
#dropZone.border-blue-500 {
    background-color: rgba(59, 130, 246, 0.05);
}

/* Table row hover */
tbody tr:hover {
    background-color: #f9fafb;
}

/* Smooth transitions */
button, input, select, textarea, a {
    transition: all 0.15s ease;
}

/* Image zoom cursor */
.cursor-zoom-in {
    cursor: zoom-in;
}

/* Modal image */
#imageModal img {
    cursor: zoom-out;
}

/* Status badges */
.status-draft {
    background-color: #fef3c7;
    color: #92400e;
}

.status-confirmed {
    background-color: #d1fae5;
    color: #065f46;
}

/* Custom tooltip
   브라우저 기본 title 툴팁은 0.5~1초 딜레이가 있어서
   즉시 표시되는 커스텀 툴팁 사용 */
[data-tooltip] {
    position: relative;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background-color: #1f2937;
    color: white;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
    z-index: 50;
    margin-bottom: 4px;
}

[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .lg\:col-span-1, .lg\:col-span-2 {
        grid-column: span 1;
    }
}

/* Print styles */
@media print {
    nav, footer, button, #uploadForm {
        display: none !important;
    }

    .shadow {
        box-shadow: none !important;
    }
}