.app-content2 {
    padding: 30px;
    background: #f4f6f9;
}

/* ให้สูงเท่ากัน */
#external-events,
#calendar {
    height: 100%;
    margin-top : 8px;
}

/* กล่องสวย */
#external-events {
    background: #e9efec;
    border-radius: 12px;
    padding: 20px;
    margin-top : 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
#external-events2 {
    background: #bad8ee;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

#calendar {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
/*--- for click when busy---*/
.room-item.disabled {
    pointer-events: none;      /* ❌ ห้าม click */
    opacity: 1;
    cursor: not-allowed;
}

.room-item.active {
    cursor: pointer;
}

.room-item.active:hover {
    background-color: #e9f7ef; /* hover สีเขียวอ่อน */
}
/* for assessment */
.rating-icon {
    font-size: 28px;
    cursor: pointer;
    opacity: 0.4;
    margin-right: 8px;
}

.rating-icon.active {
    opacity: 1;
    transform: scale(1.2);
}
/*for tooltip*/
.tooltip-inner {
    background-color: #ffffff !important;
    color: #212529 !important;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    max-width: 250px;
    text-align: left;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #ffffff !important;
}
/*--- for assessment ---*/
.assessment-body {
    font-size: 16px;
}

/* Section spacing */
.assessment-section {
    margin-bottom: 10px;
}

/* 🎯 header หลัก */
.section-header {
    font-size: 16px;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 10px;
    margin-bottom: 8px;
    display: inline-block;
    min-width: 100%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* 🎨 color theme แต่ละหมวด */

/* ระบบ */
.section-header.system {
    background: #e7f1ff;
    color: #0d6efd;
    border-left: 5px solid #0d6efd;
}

/* ห้อง */
.section-header.room {
    background: #e9f7ef;
    color: #198754;
    border-left: 5px solid #198754;
}

/* อาหาร */
.section-header.food {
    background: #fff3cd;
    color: #856404;
    border-left: 5px solid #ffc107;
}

/* ที่จอดรถ */
.section-header.parking {
    background: #fde2e2;
    color: #dc3545;
    border-left: 5px solid #dc3545;
}

/* Section title */
.section-title {
    font-weight: 600;
    margin-bottom: 2px;
    color: #343a40;
}

/* ⭐ Rating */
.rating-group {
    display: flex;
    gap: 12px;
    padding-left: 5px;
}

.rating-icon {
    font-size: 30px;
    cursor: pointer;
    opacity: 0.35;
    transition: all 0.25s ease;
}

.rating-icon:hover {
    transform: scale(1.25);
    opacity: 0.8;
}

.rating-icon.active {
    opacity: 1;
    transform: scale(1.3);
}

/* Legend */
.rating-legend {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #e9ecef;
}

/* textarea */
textarea.form-control {
    border-radius: 10px;
}

/* Modal header */
.modal-header {
    background: linear-gradient(135deg, #198754, #20c997);
    color: white;
}

/* Buttons */
.btn-success {
    font-size: 16px;
    padding: 8px 20px;
}

/* for hover datatable */
.table-row-hover{
    transition: all .2s ease;
}
.table-row-hover:hover{
    background-color: #d1e7dd !important;
    transform: scale(1.002);
}
/* logo navbar */
.navbar-logo{
    background-image:url('../img/svg/kulc-logo.svg') !important;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    width:40px;height:40px;
    margin-right: 4px;
}