/* Phần riêng của danh sách thực đơn tuần. Khung chung: /css/qlna-list-page.css */
#listPage .weekly-filter-grid {
    grid-template-columns: minmax(220px, 1.15fr) minmax(300px, 1.35fr) minmax(210px, .9fr) auto;
}

#listPage .date-range {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

#listPage .date-range i {
    color: #89958e;
    font-style: normal;
}

#listPage .qlna-list-filter-actions { white-space: nowrap; }
#listPage .qlna-list-filter-actions .qlna-list-btn { min-width: 92px; }
#listPage .qlna-list-bottom-actions #btnAddNew { min-width: 180px; }

#listPage .list-message {
    margin-bottom: 10px;
    padding: 9px 12px;
    border: 1px solid #b8d9c4;
    border-radius: 7px;
    background: #edf8f1;
    color: #17663a;
}

#listPage .list-message.error {
    border-color: #f0b8b3;
    background: #fff1f0;
    color: #b42318;
}

#listPage .qlna-list-grid-panel.is-loading #menuTable { opacity: .65; }

#menuTable .k-grid-content tr:not(.kendo-empty-row) { cursor: pointer; }
#menuTable .cell-main { color: #26372e; }
#menuTable .cell-sub { color: #7b8981; }
#menuTable .date-value { white-space: nowrap; }
#menuTable .date-separator {
    display: inline-block;
    margin: 0 4px;
    color: #91a098;
}

#menuTable .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 8px;
    border: 0;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

#menuTable .badge::before {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

#menuTable .badge.drafting { background: #fff4df; color: #9d5d00; }
#menuTable .badge.pending { background: #e9f2ff; color: #1769d1; }
#menuTable .badge.approved { background: #e8f6ed; color: #087538; }
#menuTable .badge.cancelled,
#menuTable .badge.unknown { background: red; color: white; }

#menuTable .btn-action {
    display: inline-flex;
    width: 30px;
    min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d5dae0;
    border-radius: 5px;
    background: #fff;
    color: #444c55;
    cursor: pointer;
    transition: background-color .15s, color .15s, border-color .15s;
}

#menuTable .btn-action:hover {
    border-color: var(--qlna-list-primary);
    background: var(--qlna-list-primary-soft);
    color: var(--qlna-list-primary);
}

@media (max-width: 1100px) {
    #listPage .weekly-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #listPage .qlna-list-filter-actions { justify-content: flex-end; }
}

@media (max-width: 767px) {
    #listPage .weekly-filter-grid { grid-template-columns: 1fr; }
    #listPage .qlna-list-filter-actions { justify-content: stretch; }
    #listPage .qlna-list-filter-actions .qlna-list-btn { min-width: 0; }
    #menuTable .badge { padding: 4px 6px; font-size: 10px; }
    #menuTable .btn-action { width: 28px; min-width: 28px; height: 28px; }
}