/* Chrome-specific styles */
.browser-chrome {
    /* Optimize font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.browser-chrome .calendar-container.compact {
    /* Chrome handles transforms well */
    will-change: transform;
}

.browser-chrome .calendar-day {
    /* Chrome-optimized transitions */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.browser-chrome .action-btn.standard-btn {
    /* Chrome shadow rendering */
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.25);
}

.browser-chrome .action-btn.standard-btn:hover:not(:disabled) {
    box-shadow: 0 6px 25px rgba(33, 150, 243, 0.35);
}

/* Chrome scrollbar styling */
.browser-chrome ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.browser-chrome ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.browser-chrome ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #2196F3, #1976D2);
    border-radius: 10px;
}

.browser-chrome ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #1976D2, #1565C0);
}

/* Chrome input styling */
.browser-chrome input[type="number"] {
    -webkit-appearance: textfield;
}

.browser-chrome input[type="number"]::-webkit-inner-spin-button,
.browser-chrome input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
    height: 30px;
}