/* Global Styles & Animations */
html {
    scroll-behavior: smooth;
}

/* Base custom form styles */
.custom-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html.dark .custom-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
}

html.dark input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Number Inputs */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* The Document Preview overrides dark mode inside its container to ALWAYS look like a piece of paper */
#timesheet-document {
    /* Keep paper white/light always for the preview wrapper, though dark mode might slightly dim it if we wanted, but standard is white paper */
    background-color: #ffffff;
    color: #111827;
}

/* Editable cells in the document */
.edit-cell {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.edit-cell:focus {
    background-color: rgba(29, 78, 216, 0.05);
    /* light primary */
    border-radius: 4px;
}

.edit-cell::placeholder {
    color: #9CA3AF;
    font-style: italic;
}

/* Print specific adjustments for html2pdf */
.html2canvas-container {
    background-color: white !important;
}