/* ---------------------------
   Scope-Kit Invoice Styles
--------------------------- */

/* Typography & Base Layout */
body {
    background-color: #F9FAFB;
    color: #1F2937;
}

h5 {
    margin-top: 2rem;
}

.text-muted {
    color: #6B7280 !important;
}

.fw-semibold {
    font-weight: 600;
}

/* ---------------------------
   Card & Section Styling
--------------------------- */

.card {
    background-color: #ffffff;
}

.card-header.bg-scopekit-primary {
    background-color: #1C3F60;
    color: white;
}

/* Section Headings */
.invoice-create-page h5 {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
    color: #1F2937;
}

/* ---------------------------
   Buttons
--------------------------- */

/* Main action button */
.btn-success {
    background-color: #198754;
    border-color: #198754;
    color: white;
}

    .btn-success:hover {
        background-color: #146c43;
        border-color: #146c43;
    }

/* Preview Button (Accent) */
.btn-warning {
    background-color: #FDBB30;
    border: none;
    color: #1F2937;
}

    .btn-warning:hover {
        background-color: #e6a820;
        color: #1F2937;
    }

/* Button Shadows */
.btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* ---------------------------
   Category Block Styling
--------------------------- */

.category-block {
    background-color: #F3F4F6;
    border: 1px solid #e5e7eb;
}

/* ---------------------------
   Invoice Preview Modal
--------------------------- */

#previewContent .list-group-item {
    border: none;
    padding: 0.5rem 0;
}

#previewContent h5 {
    color: #1C3F60;
}

/* Reduce padding on preview for smaller screens */
@media (max-width: 576px) {
    #previewContent .p-3 {
        padding: 1rem !important;
    }
}
.btn-outline-dark:hover {
    background-color: #1F2937;
    color: #fff;
    border-color: #1F2937;
}

.btn-success i,
.btn-outline-dark i {
    font-size: 1rem;
}