/*
  File: style.css
  Description: Custom styles for the Metal Fabrication Estimator.
*/
/* style.css */

/* Use Inter as the site font */
.font-inter {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, sans-serif;
}

/* You can add any further custom overrides here if needed */

body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
    color: #374151;
}

/* Custom scrollbar for better aesthetics */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #a0a0a0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #808080;
}

/* Style for editable table cells */
.editable-cell {
    background-color: #ffffff;
    border-radius: 0.375rem; /* rounded-md */
    padding: 0.5rem 0.75rem; /* py-2 px-3 */
    border: 1px solid #d1d5db; /* border border-gray-300 */
    width: 100%;
    box-sizing: border-box;
}

.editable-cell:focus {
    outline: none;
    border-color: #3b82f6; /* focus:border-blue-500 */
    box-shadow: 0 0 0 1px #3b82f6; /* focus:ring-1 focus:ring-blue-500 */
}

/* Container for scrollable tables */
.table-container {
    max-height: 500px; /* Limit height for scrollable tables */
    overflow-y: auto;
    border-radius: 0.5rem; /* rounded-lg */
    border: 1px solid #e5e7eb; /* border border-gray-200 */
}