/* CareOptima V5.5.2 Custom Styles - Korean Traditional Medicine Theme */

/* Base font */
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #F5F0E8;
}
::-webkit-scrollbar-thumb {
    background: #D4C5B2;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #A0522D;
}

/* Sidebar scrollbar */
aside::-webkit-scrollbar-track {
    background: #2C1810;
}
aside::-webkit-scrollbar-thumb {
    background: #5C3A2A;
}

/* Table row hover */
tbody tr {
    transition: background-color 0.15s ease;
}

/* Card hover effect */
.card-hover:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(44, 24, 16, 0.08);
}

/* Pattern bar animation */
.pattern-bar {
    transition: width 0.6s ease-out;
}

/* Tab active state */
.tab-active {
    border-bottom: 2px solid #8B2500;
    color: #8B2500;
    font-weight: 600;
}

/* Safety status badges */
.badge-safe { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.badge-warning { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }
.badge-blocked { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }

/* Heatmap cell */
.heatmap-cell {
    transition: opacity 0.3s ease;
}
.heatmap-cell:hover {
    outline: 2px solid #8B2500;
    outline-offset: -1px;
    z-index: 1;
}

/* Loading spinner */
.spinner {
    border: 3px solid #EDE5D8;
    border-top: 3px solid #8B2500;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Print styles */
@media print {
    aside, footer, .no-print { display: none !important; }
    main { margin-left: 0 !important; }
    body { background: white; }
}