/* V9.108: Trung tam Chung tu gon lai tren web va app admin. Chi CSS, giu nguyen HTML va moi nut/data-* cu. */
:root { --sd-doc-layout:v9108; }
.document-center-v3 { display:grid !important; grid-template-columns:minmax(0,1fr); gap:10px !important; min-width:0; max-width:100%; }
.document-center-v3 > * { min-width:0; max-width:100%; margin:0 !important; box-sizing:border-box; }

/* tieu de */
.document-center-v3 > .management-heading { display:flex !important; align-items:center; justify-content:space-between; gap:10px; padding:0 2px !important; border:0 !important; background:none !important; background-image:none !important; box-shadow:none !important; min-height:0 !important; }
.document-center-v3 > .management-heading .eyebrow { display:none !important; }
.document-center-v3 > .management-heading h2 { margin:0 !important; font-size:18px !important; line-height:1.25; }
.document-center-v3 > .management-heading .soft-button { flex:none; width:auto !important; height:34px; min-height:34px !important; padding:0 12px !important; border-radius:10px !important; font-size:12.5px !important; white-space:nowrap; }

/* thanh tim + loc */
.document-center-v3 .doc-v3-toolbar { display:flex !important; flex-wrap:wrap; align-items:center; gap:8px !important; padding:8px 10px !important; border-radius:14px !important; box-shadow:none !important; }
.document-center-v3 .doc-v3-search { flex:1 1 220px; min-width:0; height:38px; min-height:38px !important; padding:0 10px !important; border-radius:10px !important; }
.document-center-v3 .doc-v3-search input { min-width:0; width:100%; font-size:13.5px !important; }
.document-center-v3 .doc-v3-pills { display:flex !important; flex:0 1 auto; flex-wrap:nowrap; gap:6px !important; min-width:0; overflow-x:auto; scrollbar-width:none; }
.document-center-v3 .doc-v3-pills::-webkit-scrollbar { display:none; }
.document-center-v3 .doc-v3-pills button { flex:none; height:32px; min-height:32px !important; padding:0 11px !important; border-radius:999px !important; font-size:12px !important; white-space:nowrap; }
.document-center-v3 .doc-v3-actions { display:flex !important; flex:none; gap:6px !important; }
.document-center-v3 .doc-v3-actions button { height:36px; min-height:36px !important; padding:0 12px !important; border-radius:10px !important; font-size:12.5px !important; white-space:nowrap; }

/* 4 o so lieu */
.document-center-v3 .document-overview-stats { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
.document-center-v3 .document-overview-stats article { display:grid !important; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; column-gap:10px; min-width:0; min-height:0 !important; padding:10px 12px !important; border-radius:12px !important; box-shadow:none !important; }
.document-center-v3 .document-overview-stats article i { position:static !important; display:grid; place-items:center; width:30px; height:30px; margin:0 !important; border-radius:9px; font-size:14px; font-style:normal; }
.document-center-v3 .document-overview-stats article span { margin:0 !important; padding:0 !important; font-size:12.5px !important; line-height:1.2; }
.document-center-v3 .document-overview-stats article strong { margin:0 !important; padding:0 !important; font-size:22px !important; line-height:1; }

/* cac khoi */
.document-center-v3 > section:not(.doc-v3-toolbar) { padding:12px 14px !important; border-radius:14px !important; box-shadow:none !important; }
.document-center-v3 > section > h3 { margin:0 0 8px !important; font-size:15px !important; line-height:1.3; }
.document-center-v3 .review-queue { display:grid !important; gap:8px !important; }

/* thanh chon nhieu */
.document-center-v3 .document-review-bulk { display:flex !important; flex-wrap:wrap; align-items:center; gap:8px 12px !important; margin:0 0 8px !important; padding:8px 10px !important; border-radius:10px !important; }
.document-center-v3 .document-review-bulk > label { display:flex; align-items:center; gap:8px; margin:0 !important; font-size:13.5px !important; font-weight:700; }
.document-center-v3 .document-review-bulk > span { margin-right:auto; font-size:12px !important; }
.document-center-v3 .document-review-bulk > button { flex:none; width:auto !important; height:34px; min-height:34px !important; padding:0 14px !important; border-radius:9px !important; font-size:12.5px !important; }

/* the duyet chung tu / Cont-Seal */
#comingSoonView .document-center-v3 .review-card { display:grid !important; align-items:center; gap:8px 12px !important; min-width:0; padding:10px 12px !important; border-radius:12px !important; }
#comingSoonView .document-center-v3 .review-card > div:not(.review-actions) { min-width:0; }
#comingSoonView .document-center-v3 .review-card > div:not(.review-actions) > strong { display:block; font-size:13.5px !important; line-height:1.3; overflow-wrap:anywhere; }
#comingSoonView .document-center-v3 .review-card > div:not(.review-actions) > small, #comingSoonView .document-center-v3 .review-card > div:not(.review-actions) > span { display:block; margin-top:2px; font-size:11.5px !important; line-height:1.3; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#comingSoonView .document-center-v3 .review-card > label:not(.document-review-check) { display:block; min-width:0; margin:0 !important; font-size:11px !important; font-weight:700; color:var(--muted); }
#comingSoonView .document-center-v3 .review-card > label:not(.document-review-check) input, #comingSoonView .document-center-v3 .review-card > label:not(.document-review-check) select { display:block; width:100% !important; height:36px !important; min-height:36px !important; margin-top:3px !important; padding:0 10px !important; border-radius:9px !important; font-size:13px !important; }
#comingSoonView .document-center-v3 .review-card .document-review-check { display:grid; place-items:center; margin:0 !important; }
#comingSoonView .document-center-v3 .review-card .document-review-check span { display:none; }
#comingSoonView .document-center-v3 .review-card .document-review-check input { width:18px; height:18px; margin:0; }
#comingSoonView .document-center-v3 .review-card .review-thumbnail { display:block; width:64px !important; height:64px !important; min-height:0 !important; max-height:none !important; border-radius:10px; overflow:hidden; position:relative; }
#comingSoonView .document-center-v3 .review-card .review-thumbnail img, #comingSoonView .document-center-v3 .review-card .review-thumbnail iframe { width:100% !important; height:100% !important; object-fit:cover; border:0; }
#comingSoonView .document-center-v3 .review-card .review-actions { display:flex !important; flex-wrap:nowrap; gap:6px !important; margin:0 !important; }
#comingSoonView .document-center-v3 .review-card .review-actions button { flex:1 1 auto; width:auto !important; height:36px; min-height:36px !important; padding:0 12px !important; border-radius:9px !important; font-size:12.5px !important; white-space:nowrap; }
#comingSoonView .document-center-v3 .review-card:not(.document-review-card) { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto; align-items:end; }
#comingSoonView .document-center-v3 .review-card.document-review-card { grid-template-columns:22px 64px minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr) auto; align-items:end; }
#comingSoonView .document-center-v3 .review-card.document-review-card > .document-review-check, #comingSoonView .document-center-v3 .review-card.document-review-card > .review-thumbnail, #comingSoonView .document-center-v3 .review-card.document-review-card > div:not(.review-actions) { align-self:center; }

/* Booking con thieu + tai len gan day */
.document-center-v3 .missing-booking-list, .document-center-v3 .recent-document-list { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:8px !important; }
.document-center-v3 .missing-booking-list > article, .document-center-v3 .recent-document-list > article { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px !important; min-width:0; margin:0 !important; padding:8px 12px !important; border-radius:11px !important; }
.document-center-v3 .recent-document-list > article { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto; }
.document-center-v3 .missing-booking-list > article > div { min-width:0; }
.document-center-v3 .missing-booking-list > article strong { display:block; font-size:13.5px !important; }
.document-center-v3 .missing-booking-list > article small, .document-center-v3 .missing-booking-list > article span { display:block; margin-top:2px; font-size:11.5px !important; line-height:1.35; }
.document-center-v3 .missing-booking-list > article .soft-button, .document-center-v3 .recent-document-list > article .soft-button { width:auto !important; height:32px; min-height:32px !important; padding:0 12px !important; border-radius:9px !important; font-size:12.5px !important; white-space:nowrap; }
.document-center-v3 .doc-v3-name-cell { min-width:0; gap:10px !important; }
.document-center-v3 .doc-v3-name-cell > div, .document-center-v3 .doc-v3-type-cell { min-width:0; }
.document-center-v3 .doc-v3-name-cell strong, .document-center-v3 .doc-v3-type-cell strong { display:block; font-size:12.5px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.document-center-v3 .doc-v3-thumb { width:40px !important; height:40px !important; flex:0 0 40px; border-radius:9px; overflow:hidden; }

/* man vua: the duyet chung tu xuong 2 hang */
@media (max-width:1199px) {
  #comingSoonView .document-center-v3 .review-card.document-review-card { grid-template-columns:22px 64px minmax(0,1fr) minmax(0,1fr); }
  #comingSoonView .document-center-v3 .review-card.document-review-card > div:not(.review-actions) { grid-column:3 / -1; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > label:not(.document-review-check) { grid-column:span 2; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > .review-actions { grid-column:1 / -1; }
  #comingSoonView .document-center-v3 .review-card:not(.document-review-card) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #comingSoonView .document-center-v3 .review-card:not(.document-review-card) > div:not(.review-actions), #comingSoonView .document-center-v3 .review-card:not(.document-review-card) > .review-actions { grid-column:1 / -1; }
}
/* dien thoai */
@media (max-width:820px) {
  .document-center-v3 > .management-heading h2 { font-size:16px !important; }
  .document-center-v3 .doc-v3-search { flex:1 1 100%; }
  .document-center-v3 .doc-v3-pills { flex:1 1 100%; }
  .document-center-v3 .doc-v3-actions { flex:1 1 100%; }
  .document-center-v3 .doc-v3-actions button { flex:1 1 0; }
  .document-center-v3 .document-overview-stats { gap:6px !important; }
  .document-center-v3 .document-overview-stats article { grid-template-columns:minmax(0,1fr); row-gap:3px; padding:8px 6px !important; text-align:center; }
  .document-center-v3 .document-overview-stats article i { display:none !important; }
  .document-center-v3 .document-overview-stats article strong { grid-row:1; font-size:20px !important; }
  .document-center-v3 .document-overview-stats article span { font-size:10px !important; }
  .document-center-v3 > section:not(.doc-v3-toolbar) { padding:10px !important; }
  .document-center-v3 .document-review-bulk > button { flex:1 1 0; }
  .document-center-v3 .document-review-bulk > span { margin-right:0; margin-left:auto; }
  #comingSoonView .document-center-v3 .review-card .review-actions button { padding:0 6px !important; font-size:12px !important; }
  .document-center-v3 .missing-booking-list, .document-center-v3 .recent-document-list { grid-template-columns:minmax(0,1fr); }
  .document-center-v3 .recent-document-list > article { grid-template-columns:minmax(0,1fr) auto; }
  .document-center-v3 .recent-document-list > article .doc-v3-type-cell { grid-column:1; grid-row:2; padding-left:50px; }
  .document-center-v3 .recent-document-list > article .soft-button { grid-row:1 / span 2; grid-column:2; }
}

/* ---- dat lai vi tri cac o trong the duyet chung tu (ghi de CSS cu) ---- */
#comingSoonView .document-center-v3 .review-card.document-review-card { grid-template-columns:22px 64px minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr) auto !important; align-items:end !important; gap:8px 12px !important; overflow:hidden !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > * { position:static !important; grid-row:1 !important; float:none !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > .document-review-check { grid-column:1 !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > a.review-thumbnail { grid-column:2 !important; display:block !important; width:64px !important; height:64px !important; border-radius:10px; }
#comingSoonView .document-center-v3 .review-card.document-review-card > a.review-thumbnail > img { object-fit:cover !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > div:not(.review-actions) { grid-column:3 !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > div:not(.review-actions) > small, #comingSoonView .document-center-v3 .review-card.document-review-card > div:not(.review-actions) > span { white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; }
#comingSoonView .document-center-v3 .review-card.document-review-card > label:nth-of-type(2) { grid-column:4 !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > label:nth-of-type(3) { grid-column:5 !important; }
#comingSoonView .document-center-v3 .review-card.document-review-card > .review-actions { grid-column:6 !important; display:flex !important; grid-template-columns:none !important; width:auto !important; gap:6px !important; }
#comingSoonView .document-center-v3 .review-card .review-actions button { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-height:36px !important; height:36px; padding:0 12px !important; font-size:12.5px !important; line-height:1.2 !important; text-indent:0 !important; overflow:visible !important; }
#comingSoonView .document-center-v3 .review-card .review-actions button::after { content:none !important; display:none !important; }
@media (max-width:1199px) {
  #comingSoonView .document-center-v3 .review-card.document-review-card { grid-template-columns:22px 64px minmax(0,1fr) minmax(0,1fr) !important; align-items:center !important; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > div:not(.review-actions) { grid-column:3 / -1 !important; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > label:nth-of-type(2) { grid-row:2 !important; grid-column:1 / 4 !important; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > label:nth-of-type(3) { grid-row:2 !important; grid-column:4 !important; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > .review-actions { grid-row:3 !important; grid-column:1 / -1 !important; }
  #comingSoonView .document-center-v3 .review-card.document-review-card > .review-actions button { flex:1 1 0 !important; }
}
@media (max-width:820px) {
  .document-center-v3 > .management-heading h2 { flex:1; text-align:left; }
  #comingSoonView .document-center-v3 .review-card .review-actions button { height:40px; min-height:40px !important; padding:0 4px !important; font-size:11.5px !important; white-space:normal !important; text-align:center; }
}
/* ---- chung tu tai len gan day: moi dong = anh nho + ten, phan loai ben duoi, nut Mo ben phai ---- */
.document-center-v3 .doc-v3-recent .recent-document-list { overflow:visible !important; border:0 !important; border-radius:0 !important; gap:8px !important; }
.document-center-v3 .doc-v3-recent .recent-document-list > article { grid-template-columns:minmax(0,1fr) auto !important; gap:2px 10px !important; min-height:0 !important; padding:8px 12px !important; border:1px solid var(--line) !important; border-radius:11px !important; }
.document-center-v3 .doc-v3-name-cell { grid-column:1 !important; grid-row:1 !important; grid-template-columns:40px minmax(0,1fr) !important; }
.document-center-v3 .doc-v3-type-cell { grid-column:1 !important; grid-row:2 !important; display:flex !important; flex-wrap:wrap; align-items:baseline; gap:2px 8px !important; padding-left:50px !important; }
.document-center-v3 .doc-v3-recent .recent-document-list > article > .soft-button { grid-column:2 !important; grid-row:1 / span 2 !important; align-self:center; }
.document-center-v3 .doc-v3-name-cell small, .document-center-v3 .doc-v3-type-cell small { display:none !important; }
.document-center-v3 .doc-v3-name-cell strong { display:block !important; white-space:nowrap !important; -webkit-line-clamp:unset !important; }
.document-center-v3 .doc-v3-name-cell time { font-size:10.5px !important; }
.document-center-v3 .doc-v3-type-cell strong { font-size:11.5px !important; font-weight:600; color:var(--muted); overflow-wrap:normal !important; }
.document-center-v3 .doc-v3-type-cell span { font-size:10.5px !important; white-space:nowrap; }
@media (max-width:820px) {
  #comingSoonView .document-center-v3 .review-card.document-review-card { grid-template-columns:22px 64px minmax(0,1fr) minmax(0,2fr) !important; }
}
/* muc bi bo loc/tim kiem an di (thuoc tinh hidden) phai an that su */
#comingSoonView .document-center-v3 .review-card[hidden], #comingSoonView .document-center-v3 .missing-booking-list > article[hidden], #comingSoonView .document-center-v3 .recent-document-list > article[hidden] { display:none !important; }