/**
 * Lokasi File: public_html/manyar/css/
 * Nama File: kasir.css
 * Nomor Revisi: 8
 * Keterangan: Menambahkan style untuk kartu summary keuangan dan menu aksi di dashboard V2.
 */

/* -- Header Styling -- */
#kasir-page-title {
    font-size: 1.25rem; 
}

/* -- Form Input Styling -- */
.input-section {
    padding: 1rem;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.input-section:last-of-type {
    margin-bottom: 0;
}

.section-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-blue);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--accent-blue);
}

h5.section-title:last-of-type {
    color: var(--gray);
    border-bottom-color: var(--gray);
}

.item-pencatatan-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #f8f9fa; 
}

.item-pencatatan-row label {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 0.9rem;
}

.item-pencatatan-row input {
    width: 70px;
    text-align: right;
}

/* --- BAGIAN DIHAPUS: Style lama tidak diperlukan lagi --- */
/* .kasir-filter-group, .kasir-bottom-actions dihapus */

/* --- BAGIAN BARU: Style untuk Dashboard Kasir V2 --- */
.list-group-item-action i.fa-fw {
    font-size: 1.5rem; /* Ukuran ikon di menu aksi */
    width: 30px; /* Lebar agar teks rata */
    text-align: center;
}

/* Penyesuaian padding body agar tidak ada scroll bawah yang aneh */
body {
    padding-bottom: 20px;
}


/* -- Responsive untuk Mobile -- */
@media (max-width: 576px) {
    #kasir-page-title {
        font-size: 1rem; 
    }

    .header-left .fa-cash-register {
        font-size: 1.2rem;
    }

    header .btn {
        font-size: 0.8rem; 
        padding: 0.25rem 0.5rem;
    }

    .section-title {
        font-size: 1rem;
    }

    .form-label {
        font-size: 0.9rem;
    }
}