.shadow-sm {
            box-shadow: 0 0.125rem 0 .25rem rgba(169, 113, 85, .35) !important
        }

        @media(max-width: 576px) {
            .table-responsive {
                border-radius: 8px;
                overflow-x: auto;
                display: block;
                white-space: nowrap;
            }

            .table td,
            .table th {
                white-space: nowrap;
                font-size: 14px;
            }
        }

        table.table-bordered th {
            background: #f7f7f7;
        }

        .badge.fs-6 {
            padding: 6px 12px;
            font-size: 0.95rem;
        }

        .text-center small {
            font-size: 0.75rem;
        }

        .evaluation-header {
            background: #CDE4E0;
            padding: 30px 0;
            text-align: center;
            border-radius: 0 0 60px 60px;
            margin-bottom: 40px;
        }

        .year-box {
            background: #5FAAA2;
            display: inline-block;
            padding: 12px 50px;
            font-size: 32px;
            font-weight: 700;
            color: #fff;
            border-radius: 50px;
        }

        .section-box {
            background: #EFFFFA;
            border-radius: 30px;
            padding: 40px 20px;
            margin: 0 auto;
            text-align: center;
        }

        .badge-title {
            background: #F7D4C9;
            padding: 10px 35px;
            border-radius: 50px;
            font-weight: bold;
            font-size: 18px;
            display: inline-block;
            margin-bottom: 30px;
        }

        .rating-table {
            margin: 0 auto;
            font-size: 16px;
            line-height: 1.6;
            text-align: left;
        }

        .rating-table td:first-child {
            font-weight: bold;
            width: 200px;
        }

        /* รองรับจอเล็ก */
        @media(max-width: 576px) {
            .year-box {
                font-size: 18px;
                padding: 8px 30px;
            }

            .rating-table {
                font-size: 16px;
            }
        }

        .form-check-input {
            --bs-form-check-bg: var(--bs-secondary);
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 1.3em;
            height: 1.3em;
            margin-top: 0em;
            vertical-align: top;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-form-check-bg);
            background-image: var(--bs-form-check-bg-image);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: 1px solid var(--bs-primary);
            print-color-adjust: exact;
        }

        .info-box label {
            font-weight: 600;
            color: #444;
            display: block;
            margin-bottom: 3px;
        }

        .info-box p {
            margin: 0;
            font-size: 15px;
            color: #222;
        }

        .table-scroll {
            cursor: grab;
        }

        .table-scroll:active {
            cursor: grabbing;
        }

        .highlight {
            color: var(--bs-danger);
        }

        /* 1. fix table layout */
        .fixed-table {
            table-layout: fixed;
            min-width: 2480px;
        }

        /* 2. ป้องกัน content ดัน col */
        .fixed-table th,
        .fixed-table td {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: top;
        }

        /* 3. input / button ห้าม auto width */
        .fixed-table input,
        .fixed-table textarea,
        .fixed-table select,
        .fixed-table button {

            box-sizing: border-box;
        }

        /* 4. ช่องหมายเหตุให้ wrap ได้ */
        .fixed-table td:last-child {
            white-space: normal;
        }

        /* 5. scrollbar ลื่น */
        .table-scroll {
            overflow-x: auto;
        }