/* Dicka Care OS - Custom Styles */

:root {
    --primary-blue: #0284c7;
    --primary-dark: #0369a1;
    --primary-light: #e0f2fe;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Glassmorphism & Cards */
.card-hover {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px -10px rgba(2, 132, 199, 0.15);
}

/* Thermal Receipt Styling for Print */
@media print {
    body:has(#thermal-receipt) * {
        visibility: hidden;
    }
    body:has(#thermal-receipt) #thermal-receipt,
    body:has(#thermal-receipt) #thermal-receipt * {
        visibility: visible;
    }
    #thermal-receipt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 10px;
        background: #fff;
        color: #000;
        box-shadow: none;
    }
    .no-print {
        display: none !important;
    }
}

/* Mobile and Touch Ergonomics */
* {
    -webkit-tap-highlight-color: transparent;
}

html {
    -webkit-text-size-adjust: 100%;
}

/* Sidebar transition */
.sidebar-transition {
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Touch-friendly horizontal scroll */
.touch-scroll {
    -webkit-overflow-scrolling: touch;
}

/* Hide scrollbar for clean horizontal tab lists */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Safe area insets for modern iPhone (notch & home bar) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.pt-safe {
    padding-top: env(safe-area-inset-top, 0px);
}

/* iOS Safari prevent zoom on input focus */
@media screen and (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}