/* resources/css/layout.css - Layout specific styles */

/* Font families */
* {
    font-family: var(--font-sans);
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: var(--font-heading);
}

/* Scrollbar hiding */
.sidebar-scroll::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.sidebar-scroll,
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Page navigation progress bar */
#page-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: #10B981;
    z-index: 9999;
    transition: width 0.3s ease-out, opacity 0.4s ease;
    opacity: 0;
    border-radius: 0 2px 2px 0;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}

#page-progress-bar.is-loading {
    opacity: 1;
}

/* Dark mode styles for form panel */
.dark #form-panel { background-color: #111827; color: #F9FAFB; }
.dark #form-panel .bg-white    { background-color: #1F2937 !important; }
.dark #form-panel .bg-muted    { background-color: #374151 !important; }
.dark #form-panel .border-border { border-color: #374151 !important; }
.dark #form-panel .text-foreground { color: #F9FAFB !important; }
.dark #form-panel .text-gray-400 { color: #9CA3AF !important; }
.dark #form-panel .text-gray-500 { color: #6B7280 !important; }
.dark #form-panel .hover\:bg-gray-200:hover { background-color: #4B5563 !important; }
.dark #form-panel .bg-emerald-50 { background-color: rgba(16,185,129,0.15) !important; }
.dark #form-panel .border-gray-300 { border-color: #4B5563 !important; }
.dark #form-panel h2 { color: #F9FAFB; }
.dark #form-panel .input-field { background-color: #374151; color: #F9FAFB; border-color: transparent; }
.dark #form-panel .input-field::-moz-placeholder { color: #6B7280; }
.dark #form-panel .input-field::placeholder { color: #6B7280; }