/* ------------------------------------------------------------------------------
   Khung popup chi tiết — DÙNG CHUNG cho MỌI module (`common/detail_popup.js`
   dựng các phần tử dưới đây bằng JS thuần, không phân biệt nội dung bên trong là của
   module nào): thanh của màn Workforce Efforts Management và chip 【稼働可】 trên issue
   list (module capacity, cùng partial `_effort_detail`), khối chi tiết của màn Biên chế
   (module org, `_member`/`_plan`), modal team/root/bug của màn Sprint progress (module
   progress). Nằm ở đây, không trong `_styles.html.erb` của từng module, vì stylesheet
   này nạp trên MỌI trang (hook layout của common) — kể cả issue list gốc của Redmine,
   vốn không phải view của plugin.
   ------------------------------------------------------------------------------ */

/* Popup chi tiết. `<dialog>` native: Esc, focus trap và backdrop có sẵn. */
.aio-dialog { width: min(52em, 94vw); max-height: 88vh; padding: 0; border: 0; border-radius: 10px;
             box-shadow: 0 12px 40px rgba(0,0,0,0.25); }
.aio-dialog::backdrop { background: rgba(20, 30, 40, 0.45); }
/* Modal team của màn Sprint progress: bảng root nhiều cột + burndown. */
.aio-dialog.aio-dialog-wide { width: min(78em, 96vw); }
.aio-dialog-head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between;
                  align-items: flex-start; padding: 0.9em 1.2em 0.6em; background: #fff;
                  border-bottom: 1px solid #eee; }
.aio-dialog-head h3 { margin: 0.1em 0 0; font-size: 1.3em; }
.aio-dialog-kicker { color: #628db6; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.04em; }
.aio-dialog-close { border: 0; background: transparent; font-size: 1.6em; line-height: 1; cursor: pointer; color: #777; padding: 0 0.2em; }
.aio-dialog-close:hover { color: #222; }
.aio-dialog-body { padding: 1em 1.2em 1.2em; }
/* Áp cho h4 của BẤT KỲ nội dung nào đổ vào khung — màn Biên chế cũng có h4 riêng trong
   nội dung popup của nó (`_member.html.erb`), không chỉ `_effort_detail`. */
.aio-dialog-body h4 { margin: 1.2em 0 0.4em; }

/* Thẻ số dùng chung: khối chi tiết của capacity (`_effort_detail`, TRONG popup) và hàng
   KPI đầu trang của Sprint progress (`_kpis.html.erb`, NGOÀI popup — không phải mọi nơi
   dùng class này đều nằm trong khung ở trên). */
.aio-metric { padding: 0.5em 0.7em; background: #f6f8fa; border-radius: 6px; display: flex; flex-direction: column; gap: 0.15em; }
.aio-metric-label { color: #777; font-size: 0.8em; }
.aio-metric-value { font-weight: bold; font-size: 1.05em; white-space: nowrap; }