/* Custom Styles for Inventory App */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1a1f24;
}

/* Navbar */
.navbar {
    background-color: #2c3e50 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.navbar-brand {
    font-size: 1.1rem;
    letter-spacing: -0.01em;
}

/* Typography & Layout */
h1 {
    letter-spacing: -0.02em;
}

/* Table Styles */
.table thead th {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    border-bottom: 2px solid #edf2f7;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom-color: #f1f5f9;
}
.fw-mono {
    font-family: 'SF Mono', 'Roboto Mono', Menlo, monospace;
    font-size: 0.9em;
    color: #495057;
}

/* Buttons */
.btn-primary {
    background-color: #2c3e50;
    border-color: #2c3e50;
}
.btn-primary:hover {
    background-color: #1a252f;
    border-color: #1a252f;
}

/* Status Indicator */
.status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
}

/* Form Controls */
.form-control, .form-select {
    border-radius: 4px;
    border-color: #dee2e6;
    padding: 0.6rem 0.8rem;
}
.form-control:focus, .form-select:focus {
    border-color: #2c3e50;
    box-shadow: 0 0 0 2px rgba(44, 62, 80, 0.1);
}