/* /Pages/HeaderComponent.razor.rz.scp.css */
.search-header[b-wqyogvdcwu] { display: flex; align-items: center; padding: var(--space-3) var(--space-4); }
.logo-title[b-wqyogvdcwu] { display: flex; align-items: center; gap: var(--space-2); }
.logo-img[b-wqyogvdcwu] { height: 40px; }
.nav-links[b-wqyogvdcwu] { margin-left: auto; display: flex; gap: var(--space-4); }
.theme-toggle[b-wqyogvdcwu] { margin-left: var(--space-4); }
.theme-button[b-wqyogvdcwu] { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-2); width: 40px; height: 40px; border-radius: 50%; }
.theme-icon[b-wqyogvdcwu] { width: 20px; height: 20px; }

/* /Pages/MainPage.razor.rz.scp.css */
/* Styles moved to wwwroot/css/app.css to keep page styling centralized. */
/* /Pages/SearchComponent.razor.rz.scp.css */
.search-main[b-8n0lf8ypfj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

.main-title[b-8n0lf8ypfj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.logo-icon-img[b-8n0lf8ypfj] { height: 40px; width: 40px; }

.subtitle[b-8n0lf8ypfj] { color: #ece6e6; font-size: 1rem; }



.search-input[b-8n0lf8ypfj] { padding: var(--space-2) calc(var(--space-3) + 0.25rem); border: 1px solid var(--color-border); border-radius: var(--radius-md); min-width: 260px; }

.search-btn[b-8n0lf8ypfj] { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-1) var(--space-2); cursor: pointer; }


/* /Pages/VehicleBasicComponent.razor.rz.scp.css */
.vehicle-basic[b-jb8h9lvcm3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: var(--color-surface);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    padding: var(--space-5) var(--space-6);
    margin: var(--space-2);
    width: 424px;
    height: 200px;
    justify-content: space-between;
    position: relative;
    flex: 1;
    max-width: 424px;
    overflow: hidden;
}
.vehicle-info[b-jb8h9lvcm3] { margin-bottom: var(--space-4); }
.vehicle-model[b-jb8h9lvcm3] {
    font-weight: bold;
    font-size: 1.3rem;
    color: var(--color-text);
    margin-bottom: var(--space-1);
    padding-right: 60px; /* leave room for status symbol */
}
.vehicle-productnumber[b-jb8h9lvcm3] { color: var(--color-text-muted); font-size: 0.9rem; font-weight: normal; }
.details-btn[b-jb8h9lvcm3] {
    background: var(--color-accent);
    color: var(--color-primary-contrast);
    border: none;
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-5);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: background 0.2s;
    align-self: center;
    width: 100%;
}
.details-btn:hover[b-jb8h9lvcm3] {
    background: #e55a2b;
}
.vehicle-status[b-jb8h9lvcm3] {
    position: absolute;
    top: 18px;
    right: 24px;
    z-index: 2;
}
.status-badge[b-jb8h9lvcm3] {
    color: var(--color-primary-contrast);
    padding: var(--space-2) var(--space-3);
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.2rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-new[b-jb8h9lvcm3] { background: var(--color-warning); box-shadow: var(--shadow-sm); }
.status-ongoing[b-jb8h9lvcm3] { background: var(--color-warning); box-shadow: var(--shadow-sm); }
.status-approved[b-jb8h9lvcm3] { background: var(--color-success); box-shadow: var(--shadow-sm); }


/* /Pages/VehicleDetailsComponent.razor.rz.scp.css */
/* Ta bort ram och skugga från produktnummer-ikonknapp */
.alt-prodnum-btn[b-bhihrdu8p8] {
    border: none !important;
    box-shadow: none !important;
    background: none;
    padding: 0.1rem 0.2rem;
}
.alt-prodnum-btn:focus[b-bhihrdu8p8] {
    outline: none;
}
.alt-prodnum-btn .bi[b-bhihrdu8p8] {
    border: none !important;
    box-shadow: none !important;
}
.details-actions[b-bhihrdu8p8] { text-align: right; margin-bottom: var(--space-4); }

.vehicle-details-container[b-bhihrdu8p8] {
    max-width: 700px;
    margin: var(--space-6) auto;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--space-6) calc(var(--space-6) + var(--space-1));
    position: relative;
}
.vehicle-meta[b-bhihrdu8p8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-6);
    font-size: 1.1rem;
    margin-bottom: var(--space-4);
}
.vehicle-meta span[b-bhihrdu8p8] {
    min-width: 180px;
}
.vehicle-specs ul[b-bhihrdu8p8] {
    list-style: none;
    padding: 0;
}
.vehicle-specs li[b-bhihrdu8p8] { margin-bottom: var(--space-2); }
.vehicle-parts[b-bhihrdu8p8] { margin-top: var(--space-5); }
.vehicle-parts ul[b-bhihrdu8p8] {
    list-style: none;
    padding: 0;
}
.vehicle-parts li[b-bhihrdu8p8] {
    margin-bottom: var(--space-2);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.copy-btn[b-bhihrdu8p8] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    transition: background-color 0.2s;
}
.copy-btn:hover[b-bhihrdu8p8] {
    background-color: #f0f0f0;
}
.vehicle-status[b-bhihrdu8p8] { position: absolute; top: 18px; right: 24px; z-index: 2; }
.status-badge[b-bhihrdu8p8] {
     color: var(--color-primary-contrast);
     padding: var(--space-2) var(--space-3);
     border-radius: 50%;
     font-weight: bold;
     font-size: 1.2rem;
     width: 2rem;
     height: 2rem;
     display: flex;
     align-items: center;
     justify-content: center;
}

.status-new[b-bhihrdu8p8] { background: var(--color-warning); box-shadow: var(--shadow-sm); }
.status-ongoing[b-bhihrdu8p8] { background: var(--color-warning); box-shadow: var(--shadow-sm); }
.status-approved[b-bhihrdu8p8] { background: var(--color-success); box-shadow: var(--shadow-sm); }

/* Modal styles for product numbers popup */
.modal-overlay[b-bhihrdu8p8] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.45);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-bhihrdu8p8 0.2s;
}
.modal-dialog[b-bhihrdu8p8] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    min-width: 320px;
    max-width: 90vw;
    position: relative;
    animation: popIn-b-bhihrdu8p8 0.2s;
}
.modal-close[b-bhihrdu8p8] {
    position: absolute;
    top: 12px;
    right: 18px;
    background: none;
    border: none;
    font-size: 1.7rem;
    color: #888;
    cursor: pointer;
    transition: color 0.2s;
    font-weight: bold;
    padding: 0.2rem 0.7rem;
}
.modal-close:hover[b-bhihrdu8p8] {
    color: #d00;
}
.modal-close-bottom[b-bhihrdu8p8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: 100%;
    margin-top: 2rem;
    background: linear-gradient(90deg, #e53935 0%, #ff9800 100%);
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.65rem 0;
    cursor: pointer;
    box-shadow: 0 2px 12px rgba(229,57,53,0.10);
    letter-spacing: 0.03em;
    transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
    outline: none;
}
.modal-close-bottom:hover[b-bhihrdu8p8] {
    background: linear-gradient(90deg, #d32f2f 0%, #ffb74d 100%);
    box-shadow: 0 4px 16px rgba(229,57,53,0.18);
    transform: translateY(-2px) scale(1.03);
}
.modal-close-bottom svg[b-bhihrdu8p8] {
    flex-shrink: 0;
    margin-right: 0.2rem;
}
.modal-list[b-bhihrdu8p8] {
    margin: 1.2rem 0 0 0;
    padding: 0;
    list-style: none;
}
.modal-list li[b-bhihrdu8p8] {
    padding: 0.5rem 0.2rem;
    border-bottom: 1px solid #eee;
    font-size: 1.1rem;
}
@keyframes fadeIn-b-bhihrdu8p8 {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes popIn-b-bhihrdu8p8 {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}


/* /Pages/VehicleEditComponent.razor.rz.scp.css */

/* Modal styles for product number dialog */
.modal-overlay[b-cothn93f2a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.modal-dialog[b-cothn93f2a] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.18);
    padding: 2rem;
    min-width: 320px;
    max-width: 90vw;
    animation: modalIn-b-cothn93f2a 0.2s ease;
}
@keyframes modalIn-b-cothn93f2a {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.modal-list[b-cothn93f2a] {
    list-style: none;
    padding: 0;
    margin-bottom: 1rem;
}
.alt-prodnum-btn[b-cothn93f2a] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
.vehicle-edit-container[b-cothn93f2a] {
    max-width: 1000px;
    margin: var(--space-6) auto;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--space-6) calc(var(--space-6) + var(--space-1));
}
.form-group[b-cothn93f2a] { margin-bottom: 1rem; }
.form-control[b-cothn93f2a] { width: 100%; padding: var(--space-2); border-radius: var(--radius-sm); border: 1px solid var(--color-border); }
.btn-primary[b-cothn93f2a] {
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    border: none;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-sm);
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.2s;
}
.btn-primary:disabled[b-cothn93f2a] { background: #90caf9; cursor: not-allowed; }

.parts-section[b-cothn93f2a] { margin: 1.5rem 0; }
.parts-header[b-cothn93f2a] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }

.parts-table[b-cothn93f2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
.parts-row[b-cothn93f2a] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 2fr 1.5fr 1.5fr 0.7fr;
    gap: var(--space-2);
    align-items: center;
    background: none;
}
.parts-row--head[b-cothn93f2a] {
    font-weight: 600;
    color: var(--color-text-muted);
    background: none;
    display: grid;
    grid-template-columns: 1.2fr 1fr 2fr 1.5fr 1.5fr 0.7fr;
    gap: var(--space-2);
    align-items: center;
}
.parts-actions .btn-danger[b-cothn93f2a] {
    background: var(--color-danger);
    color: var(--color-primary-contrast);
    border: none;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    cursor: pointer;
}
.btn-secondary[b-cothn93f2a] {
    background: #546e7a;
    color: var(--color-primary-contrast);
    border: none;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    cursor: pointer;
}