/* Apple-inspired receipt styling */
tr.receipt-details-row td{
    padding-top: 0px;
}

tr.receipt-summary-row td{
    color: #1d1d1f;
}

.receipt-container{
    color: #1d1d1f;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
}

.receipt-meta{
    color: #1d1d1f;
}

/* Apple-style global enhancements */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', system-ui, sans-serif;
    letter-spacing: -0.01em;
}

/* Smooth scrolling */
* {
    scroll-behavior: smooth;
}

/* Apple-style input fields */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
    transition: all 0.2s ease-out;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.1);
    border-color: #007aff;
}

/* Apple-style tables */
table {
    border-collapse: separate;
    border-spacing: 0;
}

/* Refined shadows */
.shadow, .shadow-sm {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.shadow-md {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.shadow-lg {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16) !important;
}

/* Apple-style backdrop blur */
.backdrop-blur {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Smooth transitions for all interactive elements */
button, a, input, select, textarea {
    transition: all 0.2s ease-out;
}

/* Remove default focus rings, use custom ones */
*:focus {
    outline: none;
}

button:focus-visible,
a:focus-visible {
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.2);
}

/* Apple-style scrollbar */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
    border: 3px solid transparent;
    background-clip: padding-box;
}