html,
        body {font-family: 'Noto Sans Thai', sans-serif; font-size: 14px;}
        .required::after {content: '*'; color: red; margin-left: 2px;}        
        /* table */
        .table-report {border-collapse: collapse !important; width: 100%;}
        .table-report th,
        .table-report td {border: 1px dashed #EEEEEE !important; padding: 6px 8px !important;}
        .table-report thead th {
            background-color: #f8f9fa !important;
            border-bottom: 2px solid #333 !important;
            text-align: center !important;
        }
        .table-report tbody tr:hover .bg-yellow-light-01 {background-color: #EEEEEE !important;}
        /* Hover */
        .row-hover:hover,
        .row-hover:hover td {background-color: #d1ecf1 !important;}
        /* badge */
        .badge-outline-light {
            color: #6c757d;
            background: #fff;
            border: 1px solid #ced4da;
        }
        .badge-outline-success {
            color: #28a745;
            background: #fff;
            border: 1px solid #28a745;
        }
        .badge-outline-danger {
            color: #dc3545;
            background: #fff;
            border: 1px solid #dc3545;
        }
        .badge-outline-secondary {
            color: #6c757d;
            background: #fff;
            border: 1px solid #6c757d;
        }
        /* จัดไอคอน */
        .badge i {
            margin-right: 4px;
        }

        /* ให้ badge ดูสวยขึ้น */
        .badge {
            padding: 6px 10px;
            font-size: 12px;
            font-weight: 500;
            border-radius: 20px;
            display: inline-flex;
            align-items: center;
            line-height: 1;
        }

        /* Card */
        .stock-card {
            border-radius: 12px;
            background: #f2f3f5 !important;
            border: 1px solid #6c757d !important;
        }

        .card-header {
            border-bottom: 1px solid #e9ecef !important;
            font-weight: 600 !important;
        }

        .form-control {
            border-radius: 8px;
            border: 1px solid #d1d5db;
            background: #fff;
            color: #111827;
            font-size: 13px;
        }

        .form-control:focus {
            border-color: #60a5fa;
            box-shadow: 0 0 0 0.15rem rgba(96, 165, 250, .2);
        }

        .page-title {
            font-size: 1.5rem;
            font-weight: 600;
            color: #343a40;
            margin-bottom: 0;
        }

			  /* Navbar fixed */
    .main-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1030;
    }

    /* กันเนื้อหาถูก navbar บัง */
    .content-wrapper {
        padding-top: 80px;
    }

    /* Header ของ content */
    .content-header {
        position: relative;
        z-index: 1;
    }