/* 404 Page Scoped Styles */
.error-page-container {
    background-color: #0f172a;
    color: #f8fafc;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.error-page-container .glass {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
}

/* Drawing Register - Grouping Styles (Visible Indicators) */
.card-group-a {
    background-color: rgba(255, 255, 255, 0.85) !important;
}

.card-group-b {
    background-color: rgba(236, 253, 245, 0.95) !important; /* Subtle Emerald Tint */
    border-left: 4px solid #10b981 !important; /* Solid Emerald indicator */
}

.dark .card-group-a {
    background-color: rgba(15, 23, 42, 0.6) !important;
}

.dark .card-group-b {
    background-color: rgba(6, 78, 59, 0.3) !important; /* Deep Emerald Tint */
    border-left: 4px solid #059669 !important;
}

/* Global Form Field Spacing (Low Specificity to allow Tailwind overrides) */
input, 
select, 
textarea {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    min-height: 48px;
}

/* Ensure date input icons have space */
input[type="date"] {
    padding-right: 0.5rem !important;
}

/* Specific styling for select to handle the dropdown arrow */
select {
    padding-right: 2.5rem !important;
}

/* Fix overlap for search inputs with icons */
input[name="q"] {
    padding-left: 3.5rem !important;
}

/* Global Interactive Cursors */
button, 
[role="button"],
a,
label[for],
select,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="radio"] {
    cursor: pointer !important;
}