/* HAJIME Wedding OS · Planner Package 03 FIX06 */
.pkg3f6-evaluated{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e7f4eb;color:#287249;font-size:12px;font-weight:800;white-space:nowrap}
.pkg3f6-readonly-note{margin-top:8px;padding:9px 11px;border:1px dashed #cfc4c2;border-radius:9px;background:#faf7f6;color:#665e5d;font-size:13px;line-height:1.45}

/* Danh sách tag không còn bị che phía dưới khối trao đổi. */
.pkg3f5-thread{overflow:visible;position:relative;z-index:1}
.pkg3f5-thread[open]{z-index:20}
.pkg3f5-thread-body{overflow:visible}
.pkg3f5-thread-tools{align-items:start}
.pkg3f5-thread-tools .pkg3f6-mention-picker{position:relative;min-width:220px;z-index:30}
.pkg3f5-thread-tools .pkg3f6-mention-picker>summary{display:flex;align-items:center;min-height:38px;padding:8px 10px;border:1px solid #d8d0ce;border-radius:8px;background:#fff;list-style:none;font-weight:700}
.pkg3f5-thread-tools .pkg3f6-mention-picker>summary::-webkit-details-marker{display:none}
.pkg3f5-thread-tools .pkg3f6-mention-picker>select{position:relative;inset:auto;display:block;width:100%;min-height:132px;margin-top:6px;padding:6px;background:#fff;border:1px solid #c9bdbc;border-radius:8px;box-shadow:0 12px 26px rgba(46,31,32,.16);z-index:40}

/* Hộp xem ảnh luôn nằm gọn trong viewport; nút trước/sau luôn nhìn thấy. */
#modal:has(.pkg3f5-lightbox) .modal-card{width:min(1000px,94vw);max-width:94vw;max-height:94vh;overflow:hidden}
#modal:has(.pkg3f5-lightbox) #modalBody{overflow:hidden;padding-bottom:8px}
.pkg3f5-lightbox{width:100%;min-width:0;max-width:100%}
.pkg3f5-lightbox-stage{box-sizing:border-box;height:min(66vh,680px);min-height:300px;max-height:68vh;padding:10px 62px;overflow:hidden}
.pkg3f5-lightbox-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.pkg3f5-gallery-nav{z-index:10;background:rgba(255,255,255,.92);box-shadow:0 3px 12px rgba(0,0,0,.25)}
.pkg3f5-gallery-nav.prev{left:10px}.pkg3f5-gallery-nav.next{right:10px}

/* Chữ và tab trong dự án rõ, dễ mở bằng chuột phải. */
.pkg3-project-tabs,.tabs{gap:7px;overflow-x:auto;padding:7px;border-radius:12px;background:#f4eeee}
.pkg3-project-tabs .tab-btn,.tabs .tab-btn{min-height:42px;padding:10px 16px;border-radius:9px;font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap}
.pkg3-project-tabs .tab-btn.active,.tabs .tab-btn.active{background:#fff;color:#704f54;box-shadow:0 2px 9px rgba(70,45,48,.12)}

/* Toàn cảnh lịch: nhãn tháng và số liệu nổi bật hơn. */
.year-project-overview button{min-height:82px;padding:15px}
.year-project-overview button b{font-size:18px}
.year-project-overview button small{font-size:15px;font-weight:700;margin-top:5px;color:#554d4d}
.year-project-overview .month-number{font-size:22px;font-weight:900}
.shared-calendar-card .card-head h3{font-size:22px}
.shared-calendar-card .data-table td{vertical-align:top;line-height:1.5}

/* Giao diện đánh giá/hạng mục đủ lớn nhưng vẫn gọn. */
.pkg3f5-stage-title h2,.pkg3f5-section-head h2{font-size:25px}
.pkg3f5-stage-title p,.pkg3f5-section-head p,.pkg3f5-item-main p{font-size:16px}
.pkg3f5-eval-card textarea,.pkg3f5-item-eval textarea,.pkg3f5-thread-form textarea{font-size:16px}
.pkg3f5-item-statuses .pkg3f5-status{font-size:12px}

@media(max-width:760px){
 .pkg3f5-lightbox-stage{height:58vh;min-height:240px;padding:8px 48px}
 .pkg3f5-thread-tools .pkg3f6-mention-picker{min-width:0;width:100%}
 .pkg3-project-tabs .tab-btn,.tabs .tab-btn{font-size:15px;padding:9px 12px}
}
/* FIX06 UAT 3.6 — ràng buộc tuyệt đối ảnh xem lớn trong khung trình duyệt. */
#modal:has(.pkg3f5-lightbox) .modal-card{width:min(1000px,94vw)!important;max-width:94vw!important;max-height:94vh!important;overflow:hidden!important}
#modal:has(.pkg3f5-lightbox) #modalBody{max-height:calc(94vh - 78px)!important;overflow:hidden!important;padding:12px!important}
#modal:has(.pkg3f5-lightbox) .pkg3f5-lightbox-stage{box-sizing:border-box!important;width:100%!important;height:min(66vh,680px)!important;min-height:280px!important;max-height:68vh!important;padding:10px 62px!important;overflow:hidden!important}
#modal:has(.pkg3f5-lightbox) .pkg3f5-lightbox-stage img{display:block!important;width:auto!important;height:auto!important;max-width:min(82vw,850px)!important;max-height:min(62vh,620px)!important;object-fit:contain!important}
@media(max-width:760px){#modal:has(.pkg3f5-lightbox) .pkg3f5-lightbox-stage{height:58vh!important;min-height:230px!important;padding:8px 48px!important}#modal:has(.pkg3f5-lightbox) .pkg3f5-lightbox-stage img{max-width:78vw!important;max-height:54vh!important}}