/* HAJIME G04 FIX05 UAT PATCH06 — chỉ điều chỉnh đúng vùng đã duyệt.
 * Nền giao diện PATCH03/PATCH05 tiếp tục là chủ đạo; không thay project shell. */

.g04p6-client-hidden{display:none!important}

/* PL01: bảng cũ là nền; cột cố định vừa đủ, không sticky/overlay làm xô hàng. */
.g04p6-pl01 .section-title{align-items:flex-start;gap:12px;flex-wrap:wrap}
.g04p6-pl01 .section-title>div:first-child{min-width:260px;flex:1 1 360px}
.g04p6-pl01-toolbar{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-left:auto}
.g04p6-pl01-toolbar .small{min-height:34px;white-space:nowrap}
.g04p6-deposit-summary{display:grid;grid-template-columns:minmax(210px,1.2fr) repeat(3,minmax(155px,.85fr));gap:0;margin:12px 0 10px;border:1px solid var(--border,#e2e8f0);border-radius:12px;background:var(--surface,#fff);overflow:hidden}
.g04p6-deposit-summary>div{display:grid;gap:4px;padding:13px 16px;min-width:0;border-left:1px solid var(--border,#e2e8f0)}
.g04p6-deposit-summary>div:first-child{border-left:0}
.g04p6-deposit-summary span{font-size:11px;color:var(--muted,#64748b);line-height:1.3}
.g04p6-deposit-summary b{font-size:14px;overflow-wrap:anywhere}
.g04p6-deposit-summary>div:not(.g04p6-deposit-label) b{color:#1769e0}
.g04p6-deposit-label b{font-size:13px;color:var(--text,#0f172a)}

.g04p6-pl01 .g04p6-pl01-table-wrap{max-width:100%;overflow:auto;border-radius:10px}
.g04p6-pl01 .g04p6-pl01-table{width:100%!important;min-width:880px!important;table-layout:fixed;border-collapse:collapse}
.g04p6-pl01 .g04p6-pl01-table th,.g04p6-pl01 .g04p6-pl01-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;box-sizing:border-box}
.g04p6-pl01 .g04p6-pl01-table th{font-size:11px;line-height:1.25}
.g04p6-pl01 .g04p6-col-stt{width:3.5%!important;min-width:0!important;max-width:none!important;text-align:center}
.g04p6-pl01 .g04p6-col-name{width:11%!important;min-width:0!important;max-width:none!important}
.g04p6-pl01 .g04p6-col-description{width:22%!important;min-width:0!important;max-width:none!important;line-height:1.45}
.g04p6-pl01 .g04p6-col-image{width:11%!important;min-width:0!important;max-width:none!important}
.g04p6-pl01 .g04p6-col-unit{width:4.5%!important;min-width:0!important;max-width:none!important}
.g04p6-pl01 .g04p6-col-qty{width:4%!important;min-width:0!important;max-width:none!important;text-align:center}
.g04p6-pl01 .g04p6-col-price{width:9%!important;min-width:0!important;max-width:none!important}
.g04p6-pl01 .g04p6-col-total{width:9%!important;min-width:0!important;max-width:none!important}
.g04p6-pl01 .g04p6-col-internal{width:15%!important;min-width:0!important;max-width:none!important}
.g04p6-pl01 .g04p6-col-actions{width:10.5%!important;min-width:0!important;max-width:none!important;position:static!important;right:auto!important;background:transparent!important;box-shadow:none!important}
.g04p6-pl01 .g04p6-col-name small{display:block;margin-top:4px;color:var(--muted,#64748b);font-size:10px}
.g04p6-pl01 .g04p6-col-image img{width:100%;max-width:112px;max-height:82px;object-fit:cover;border-radius:8px}
.g04p6-event-row td{padding:9px 12px!important;background:#f4f8fc!important;border-top:1px solid var(--border,#e2e8f0);border-bottom:1px solid var(--border,#e2e8f0)}
.g04p6-event-row td>div{display:flex;justify-content:space-between;gap:14px;align-items:center}
.g04p6-event-row span{font-size:11px;white-space:nowrap}
.g04p6-internal-box{display:grid;gap:3px;padding:7px 9px;border:1px solid var(--border,#e2e8f0);border-radius:8px;background:#fff}
.g04p6-internal-box span{display:flex;justify-content:space-between;gap:6px;font-size:10px}
.g04p6-internal-box em{font-style:normal;color:var(--muted,#64748b)}
.g04p6-internal-box .total{padding-top:4px;border-top:1px solid var(--border,#e2e8f0)}
.g04p6-row-actions{display:flex;gap:4px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}
.g04p6-row-actions .icon-btn{width:auto!important;min-width:40px;margin:0!important;padding:5px 6px!important;white-space:nowrap}
.g04p6-row-actions .g04p6-delete{color:#b42318;border-color:#fecaca;background:#fff}
.g04p6-row-actions .g04p6-edit{color:#1769e0}

/* Modal chọn luồng Phụ lục: 3 lựa chọn ngắn gọn, không tạo hạng mục ngoài Phương án. */
.g04p6-appendix-choice{display:grid;gap:10px}
.g04p6-choice-intro{margin:0 0 3px;color:var(--muted,#64748b)}
.g04p6-appendix-choice>button{display:grid;gap:4px;width:100%;text-align:left;padding:14px 15px;border:1px solid var(--border,#e2e8f0);border-radius:11px;background:#fff;color:var(--text,#0f172a);cursor:pointer}
.g04p6-appendix-choice>button:hover{border-color:#9ec5ff;background:#f8fbff}
.g04p6-appendix-choice>button b{font-size:14px}
.g04p6-appendix-choice>button span{font-size:12px;line-height:1.45;color:var(--muted,#64748b)}
.g04p6-appendix-note{margin-bottom:8px}

@media(max-width:1050px){
  .g04p6-deposit-summary{grid-template-columns:1fr 1fr}
  .g04p6-deposit-summary>div:nth-child(3){border-left:0;border-top:1px solid var(--border,#e2e8f0)}
  .g04p6-deposit-summary>div:nth-child(4){border-top:1px solid var(--border,#e2e8f0)}
}
@media(max-width:720px){
  .g04p6-deposit-summary{grid-template-columns:1fr}
  .g04p6-deposit-summary>div{border-left:0;border-top:1px solid var(--border,#e2e8f0)}
  .g04p6-deposit-summary>div:first-child{border-top:0}
  .g04p6-pl01-toolbar{justify-content:flex-start;margin-left:0;width:100%}
}
