/*===END Trải nghiệm người dùng đồng bộ, có tính phân cấp thị giác (Hierarchy visual) rõ ràng (thẻ lớn nhấc nhẹ, thẻ nhỏ tương tác nhanh mượt), bạn sử dụng đoạn mã CSS chuyên nghiệp dưới đây: Đoạn mã CSS đồng bộ cho cả .pcs-card và .pcs-audit-card
*/
/* =========================================================
   1. THẺ LỚN (.pcs-card) - Cấp tổng quan
   ========================================================= */
.pcs-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  /* Thuộc tính giúp chuyển động siêu mượt */
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.35s ease;
  will-change: transform, box-shadow;
}

/* Hiệu ứng khi Hover vào thẻ lớn */
.pcs-card:hover {
  /* Nâng thẻ lên nhẹ nhàng */
  transform: translateY(-4px);
  /* Bóng đổ lan rộng tạo chiều sâu 3D sang trọng */
  box-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.08),
              0 4px 12px -2px rgba(15, 23, 42, 0.03);
}


/* =========================================================
   2. THẺ CON / NÚT CHỈ SỐ (.pcs-audit-card) - Cấp thao tác
   ========================================================= */
.pcs-audit-card {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  
  /* Transition ngắn hơn thẻ lớn để phản hồi thao tác click/hover tức thì */
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1),
              box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1),
              border-color 0.2s ease,
              background-color 0.2s ease;
  will-change: transform, box-shadow;
}

/* Hiệu ứng khi Hover vào thẻ con/nút số liệu */
.pcs-audit-card:hover {
  /* Phóng nhẹ & nổi lên trên */
  transform: translateY(-3px) scale(1.015);
  /* Màu viền đổi sang tông màu chính nổi bật */
  border-color: #3b82f6;
  background-color: #f8fafc;
  /* Bóng đổ tập trung vào vùng thao tác */
  box-shadow: 0 8px 16px -4px rgba(59, 130, 246, 0.18),
              0 2px 6px -1px rgba(0, 0, 0, 0.04);
}

/* Tăng điểm nhấn cho con số bên trong thẻ con khi rê chuột */
.pcs-audit-card:hover strong {
  color: #2563eb;
  transition: color 0.2s ease;
}

/* Hiệu ứng phản hồi khi BẤM XUỐNG (Active/Click) */
.pcs-audit-card:active {
  transform: translateY(0px) scale(0.98);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1);
}
/*===END Trải nghiệm người dùng đồng bộ, có tính phân cấp thị giác (Hierarchy visual) rõ ràng (thẻ lớn nhấc nhẹ, thẻ nhỏ tương tác nhanh mượt), bạn sử dụng đoạn mã CSS chuyên nghiệp dưới đây: Đoạn mã CSS đồng bộ cho cả .pcs-card và .pcs-audit-card
*/
.pcs-audit-card:hover { background: #9af5dd !important;}
button {    text-decoration: none !important;}
button.pcs-button {cursor: pointer;}
span.donvitinh {font-size: 13px;}
.pcs-toolbar h3, p {/*padding-left: 30px;*/}
.pcs-sidebar-toggle:hover{background:#f00 !important}
.pcs-method-link{border:0;background:transparent;color:#08766b;text-decoration:underline;cursor:pointer;font:inherit}.pcs-method-dialog{width:min(900px,94vw);max-height:88dvh;overflow:auto;border:0;border-radius:12px;padding:24px;font:14px/1.6 system-ui;color:#18333e}.pcs-method-dialog::backdrop{background:#102a4380}.pcs-method-dialog .pcs-action{float:right}.pcs-audit .pcs-audit-table,.pcs-method-dialog .pcs-audit-table{display:block;overflow:auto;/*max-height:480px*/}.pcs-audit-table th,.pcs-audit-table td{min-width:110px}.pcs-audit-table th{position:sticky;top:0}.pcs-audit .pcs-action:disabled{opacity:.5;cursor:default}
/*
.pcs-kpi-hint {

  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  color: #1e40af;
  border-left: 4px solid #3b82f6;
  border-radius: 8px;
  
  padding: 10px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;

  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);
  transition: all 0.3s ease;
}
.pcs-kpi-hint::before {  content: "🔍";  font-size: 16px;  display: inline-block;}
.pcs-kpi-hint:hover {  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);  transform: translateY(-1px);}
*/

/*=====Phương án 2: Phong cách Điểm Nhấn Amber (Gây chú ý tức thì)*/
/*
.pcs-kpi-hint { background-color: #fffbeeb0;  color: #b45309;
  border: 1px solid #fde68a;  border-left: 5px solid #f59e0b;  border-radius: 6px;
  padding: 10px 16px;  margin-bottom: 16px;  font-size: 14px;
  font-weight: 600;  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.15);  display: flex;
  align-items: center;  gap: 8px;
}
.pcs-kpi-hint::before {  content: "💡";  font-size: 16px;}*/
/*=====End Phương án 2: Phong cách Điểm Nhấn Amber (Gây chú ý tức thì)*/


/*=====Phương án 3: Hiệu ứng Nhấp Nháy Nổi Bật (Pulse Effect)*/
.pcs-kpi-hint {  background: #eff6ff;  color: #1d4ed8;  border: 1px solid #bfdbfe;  border-radius: 8px;
  padding: 10px 16px;  margin-bottom: 16px;  font-size: 14px;  font-weight: 600;  display: flex;  align-items: center;  gap: 8px;
  /* Hiệu ứng phát sáng liên tục */
  animation: hintPulse 2s infinite;
}

.pcs-kpi-hint::before {  content: "🔍";}

@keyframes hintPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(59, 130, 246, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
  }
}
/*=====End Phương án 3: Hiệu ứng Nhấp Nháy Nổi Bật (Pulse Effect)*/


.pcs-kpi-button{display:block;width:100%;padding:12px;margin:0 0 12px;border:1px solid #72ada5;border-radius:8px;background:#fff;color:#000;font:700 14px system-ui;text-align:left;cursor:pointer}.pcs-kpi-button[aria-pressed=true]{background:#fff;border-color:#eee;color:#000}.pcs-kpi-hint{font-weight:700;color:#607984;margin:0 0 20px}.pcs-kpi-filters {display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 12px;margin: 18px 0;border: 1px solid #e2e8f0;border-radius: 10px;padding: 15px;}.pcs-kpi-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.pcs-kpi-filters select{width:100%;min-width:0}.pcs-dialog .pcs-kpi-table{display:block}
.pcs-dialog{width:min(1440px,98vw);max-width:98vw;height:min(900px,94dvh);max-height:94dvh;padding:0;border:0;border-radius:16px;color:#163541;background:#f4f8f9;box-shadow:0 24px 80px #092a3966;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.pcs-dialog::backdrop{background:#102a4380;backdrop-filter:blur(3px)}.pcs-dialog[open]{display:flex;flex-direction:column}.pcs-dialog *{box-sizing:border-box}.pcs-dialog .pcs-header{flex:0 0 auto}.pcs-dialog .pcs-layout{flex:1;min-height:0;height:auto}
.pcs-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#073b42;color:#fff}.pcs-eyebrow{font-size:10px;letter-spacing:1.7px;color:#a7e6d8}.pcs-header h2{margin:2px 0;font-size:21px;letter-spacing:.2px}.pcs-header p{margin:0;color:#d1e2e4;font-size:12px}.pcs-header-actions{display:flex;align-items:center;gap:8px;margin-left:12px}.pcs-expand,.pcs-close,.pcs-sidebar-toggle,.pcs-refresh{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff55;border-radius:9px;background:#c12020;color:#fff;font-size:8px;cursor:pointer}.pcs-close{font-size:17px}.pcs-refresh{font-size:11px}.pcs-expand:hover,.pcs-close:hover,.pcs-sidebar-toggle:hover,.pcs-refresh:hover{background:#f23f1d}.pcs-refresh:disabled{cursor:wait;opacity:.7}.pcs-refresh.is-loading i{animation:pcs-spin .8s linear infinite}@keyframes pcs-spin{to{transform:rotate(360deg)}}.pcs-dialog.pcs-expanded{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100dvh;border-radius:0}
.pcs-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0;background:#f6fafb;transition:grid-template-columns .2s ease}.pcs-aside{display:flex;flex-direction:column;min-height:0;padding:14px;background:#fff;border-right:1px solid #d8e4e7;overflow:hidden}.pcs-aside>input{flex:0 0 auto;width:100%;margin-bottom:10px}.pcs-aside>nav{flex:1;min-height:0;overflow-y:auto;padding:2px;scrollbar-gutter:stable}.pcs-dialog input,.pcs-dialog select{border:1px solid #c5d7dc;border-radius:8px;padding:10px 11px;background:#fff;color:#173844;max-width:100%;font:inherit}.pcs-aside details{border-bottom:1px solid #e6eef0;padding:8px 0}
.pcs-aside summary {cursor: pointer;padding: 5px;border: 1px #f49e2b solid;background: #f49e2b;font-weight: 700;color: #fff !important; border-radius: 10px;}
.pcs-criterion {    color: #000;}
span.pcs-group-name {    color: #fff;}
.pcs-group-name{font-size:15px;color:#163541}.pcs-field-name{display:block;margin-top:3px;padding-left:12px;font-size:11px;font-weight:400;color:#6b8089}.pcs-criterion{display:flex;align-items:baseline;gap:7px;width:100%;text-align:left;padding:9px 10px;margin:3px 0;background:transparent;border:0;border-radius:8px;font:inherit;color:#42616b;cursor:pointer}.pcs-criterion-number{flex:0 0 2ch;font-weight:750;font-variant-numeric:tabular-nums}.pcs-criterion>span:last-child{min-width:0}.pcs-criterion:hover,.pcs-criterion[aria-pressed=true]{color:#087166}
.pcs-sidebar-collapsed .pcs-layout{grid-template-columns:66px minmax(0,1fr)}.pcs-sidebar-collapsed .pcs-aside{padding:10px 7px}.pcs-sidebar-collapsed .pcs-aside>input,.pcs-sidebar-collapsed .pcs-group-name,.pcs-sidebar-collapsed .pcs-field-name,.pcs-sidebar-collapsed .pcs-criterion>span:last-child{display:none}.pcs-sidebar-collapsed .pcs-aside summary{font-size:0;text-align:center}.pcs-sidebar-collapsed .pcs-aside summary::before{content:"•";font-size:22px;color:#168b88}.pcs-sidebar-collapsed .pcs-criterion{justify-content:center;padding:10px 2px}.pcs-sidebar-collapsed .pcs-criterion-number{font-size:12px}
.pcs-content{min-width:0;padding:20px 24px;overflow:auto}.pcs-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px;flex-wrap:nowrap}.pcs-toolbar h3{margin:0;font-size:27px;line-height:1.2;color:#143b45}.pcs-toolbar p{margin:5px 0;color:#68808a}.pcs-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650}.pcs-scope-filters{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;margin:0 0 16px;padding:11px 12px;border:1px solid #cfe5e1;border-radius:12px;background:#f1faf7}.pcs-scope-title{display:none}.pcs-scope-filters label{display:flex;flex-direction:column;gap:4px;color:#49636d;font-size:11px;font-weight:750}.pcs-scope-filters select{width:100%;min-width:0}.pcs-scope-actions,.pcs-filter-trigger{display:none}
.pcs-cards{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.pcs-card{min-height:116px;padding:16px 18px;border:1px solid #d6e4e8;border-radius:13px;background:#fff;display:flex;flex-direction:column;justify-content:center}.pcs-card:first-child{background:#e2f4ef;border-color:#a8d8cc}.pcs-card strong{margin:4px 0;font-size:29px;color:#08766b;letter-spacing:.5px}.pcs-card small,.pcs-note{color:#607984}.pcs-note{font-size:12px;margin:13px 0 17px}.pcs-toolbar .pcs-detail-toggle{flex-direction:row;align-items:center;gap:8px;font-size:13px;cursor:pointer}.pcs-detail-toggle input{width:17px;height:17px;accent-color:#168b88}.pcs-chart-scroll{max-height:550px;overflow:auto;background:#fff;border:1px solid #edf2f3;border-radius:14px;padding:16px}.pcs-chart{position:relative}.pcs-table{overflow:auto;margin-top:16px}.pcs-table table{border-collapse:collapse;width:100%;background:#fff}.pcs-table th,.pcs-table td{padding:11px 13px;border-bottom:1px solid #e2eaee;text-align:right}.pcs-table th:first-child,.pcs-table td:first-child{text-align:left}.pcs-table th{background:#edf3f6}.pcs-table caption{caption-side:top;text-align:left;padding:10px;color:#607984}.pcs-components-table{margin-top:6px;font-size:12px;color:#526b76}.pcs-components-table summary{cursor:pointer}.pcs-components-table div{padding:3px 0}.pcs-message {padding: 32px 10px;color: #607984;text-align: center;font-weight: bold;text-transform: uppercase;font-size: 26px;}.pcs-action{padding:10px 20px;border:0;border-radius:8px;background:#096d62;color:#fff;cursor:pointer}.pcs-dialog :focus-visible{outline:3px solid #e6a330;outline-offset:2px}.pcs-trigger{flex:0 0 auto}.pcs-mobile-period{display:none}
@media(max-width:700px){.pcs-sidebar-collapsed .pcs-criterion>span:last-child{display:block}.pcs-dialog,.pcs-dialog.pcs-expanded{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.pcs-header{background:linear-gradient(130deg,#063b45,#0e6065)}.pcs-header h2,.pcs-header p,.pcs-eyebrow,.pcs-sidebar-toggle,.pcs-expand{display:none}.pcs-header-actions{align-self:flex-start}.pcs-close{width:36px;height:36px}.pcs-mobile-period{position:absolute;display:block;top:23px;right:86px;color:#f00;font-size:14px; z-index:9}.pcs-layout{display:block;overflow:visible}.pcs-aside{position:absolute;z-index:5;top:6px;left:68px;right:68px;min-height:0;padding:0;background:transparent;border:0;overflow:visible}.pcs-aside>input{height:55px;margin:0;padding:13px 16px 13px 48px;border-radius:14px;box-shadow:0 8px 22px #062e3730;font-size:17px}.pcs-aside::before{content:"\f002";position:absolute;z-index:1;top:16px;left:17px;font:20px "Font Awesome 5 Free";font-weight:900;color:#71818a00}.pcs-aside>nav{position:absolute;top:59px;left:0;right:0;max-height:0;min-height:0;padding:0;overflow:hidden;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 12px 22px #062e3738;transition:max-height .2s ease}.pcs-aside:focus-within>nav{max-height:260px;padding:8px 10px;overflow-y:auto}.pcs-aside details{padding:0;border:0}.pcs-aside summary{display:none}.pcs-aside details:not([open]){display:block}.pcs-aside details>button{display:none}.pcs-aside details[open]>button{display:flex}.pcs-criterion{font-size:16px;padding:10px 8px}.pcs-criterion-number{display:none}.pcs-field-name{display:none}.pcs-content{padding:10px 16px 28px;background:linear-gradient(#f4f8f8,#eef6f5); height:100%}.pcs-toolbar{margin-bottom:10px}.pcs-toolbar>div h3{font-family:system-ui,sans-serif;font-size:22px}.pcs-toolbar>div p{display:none}.pcs-toolbar>label{display:none}.pcs-scope-filters{position:fixed;z-index:30;left:0;right:0;bottom:0;display:none;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -14px 40px #062e3750}.pcs-scope-filters.is-open{display:grid}.pcs-scope-title{display:block;grid-column:1/-1;font-size:18px;color:#123d4a}.pcs-scope-filters label{font-size:12px}.pcs-scope-filters label:nth-of-type(3),.pcs-scope-filters label:nth-of-type(4){grid-column:1/-1}.pcs-scope-filters select{height:50px;font-size:15px}.pcs-scope-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:4px}.pcs-scope-actions button,.pcs-filter-trigger{height:52px;border-radius:12px;font:700 16px system-ui;cursor:pointer}.pcs-filter-cancel{border:1px solid #b7cbd0;background:#fff;color:#163541}.pcs-filter-apply,.pcs-filter-trigger{border:0;background:#0b5359;color:#fff}.pcs-filter-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 14px}.pcs-cards{grid-template-columns:repeat(3, 1fr);text-align:center;gap:10px}.pcs-card{min-height:108px;padding:14px;border-radius:14px}.pcs-card:first-child{min-height:76px}.pcs-card strong{font-size:24px}.pcs-card small{font-size:12px}.pcs-card:nth-child(3){display:none}.pcs-note{display:none}.pcs-toolbar:has(.pcs-detail-toggle){display:none}.pcs-chart-scroll{max-height:none;padding:13px;margin-top:2px;border:0;border-radius:16px}.pcs-mobile-results-title{margin:4px 0 14px;font-size:23px}.pcs-mobile-results{display:grid;gap:11px}.pcs-mobile-result{padding:12px;border:1px solid #e2ecec;border-radius:11px;background:#fcffff}.pcs-mobile-result-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:14px}.pcs-mobile-result-heading span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcs-mobile-result-heading strong{flex:0 0 auto;color:#0b5359;font-size:15px}.pcs-mobile-progress{height:9px;overflow:hidden;border-radius:9px;background:#ddecE9}.pcs-mobile-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168b88,#0b5359)}.pcs-table{display:none}.pcs-dialog:has(.pcs-scope-filters.is-open)::after{content:"";position:fixed;z-index:25;inset:0;background:#032d3330;pointer-events:none}}
@media(max-width:390px){.pcs-scope-filters{grid-template-columns:1fr}.pcs-scope-filters label{grid-column:1/-1!important}.pcs-cards{grid-template-columns:1fr}.pcs-card:first-child{grid-column:auto}}

/* Bố cục bám sát màn hình mẫu desktop: thanh lọc nằm trên cùng vùng dữ liệu. */
@media(min-width:701px){h3.pcs-mobile-criteria-title {display: none;}.pcs-dialog{position:relative}.pcs-header{position:absolute;z-index:5;top:0;left:0;width:300px;height:92px;display:block;padding:18px 20px;background:#002f2c}.pcs-header h2{margin-top:6px;font-size:19px}.pcs-header p{display:none}.pcs-header-actions{position:fixed;z-index:8;top:11px;right:11px}.pcs-sidebar-toggle{position:fixed;top:18px;left:286px;width:32px;height:32px;font-size:13px;background:#0a5456;border-color:#ffffff55}.pcs-layout{height:100%!important;grid-template-columns:300px minmax(0,1fr)}.pcs-aside{padding:108px 18px 16px;background:#002f2c;border:0}.pcs-aside>input{background:#fff}.pcs-aside details{border-color:#ffffff18}.pcs-aside summary,.pcs-group-name,.pcs-criterion{color:#fff}.pcs-field-name{color:#99b6b6}.pcs-criterion:hover,.pcs-criterion[aria-pressed=true]{color:#fff}.pcs-content{position:relative;padding-top:98px}.pcs-content>.pcs-toolbar:first-child{position:absolute;top:5px;left:24px;right:24px;padding:0px 30px;z-index:1}.pcs-content>.pcs-toolbar:first-child>label{top:24px;right:118px;z-index:8;width:118px}.pcs-scope-filters{position: absolute;top: 8px;left: 44px;z-index: 2;grid-template-columns: repeat(5,minmax(120px,1fr));margin: 0px 26px 0px 0px;padding: 14px 12px 10px;background: #f4fbf9;}.pcs-scope-filters .pcs-scope-period{display:none}.pcs-cards{margin-top:54px}.pcs-chart-scroll{/*max-height:calc(100dvh - 405px);*/min-height:390px}.pcs-dialog.pcs-expanded .pcs-chart-scroll{max-height:calc(100dvh - 405px)}.pcs-sidebar-collapsed .pcs-header{width:0px;padding:16px 0px}.pcs-sidebar-collapsed .pcs-header>div:first-child{display:none}.pcs-sidebar-collapsed .pcs-layout{grid-template-columns:66px minmax(0,1fr)}.pcs-sidebar-collapsed .pcs-sidebar-toggle{left:60px}}

/* Mobile giữ biểu đồ thanh ngang và bottom sheet như mockup điện thoại. */
@media(max-width:700px){.pcs-aside>nav{max-height:0;min-height:0;padding:0;overflow:hidden}.pcs-aside.pcs-suggestions-open>nav{max-height:220px;min-height:180px;padding:8px 10px;overflow-y:auto}.pcs-aside:focus-within>nav{max-height:0;min-height:0;padding:0}.pcs-aside.pcs-suggestions-open:focus-within>nav{max-height:220px;min-height:180px;padding:8px 10px;overflow-y:auto}.pcs-aside details>button,.pcs-aside details[open]>button{display:flex}.pcs-scope-title{display:none}.pcs-scope-filters{grid-template-columns:1fr 1fr;padding-top:25px}.pcs-scope-filters .pcs-scope-field{display:none!important;grid-column:auto!important}.pcs-scope-filters .pcs-scope-period,.pcs-scope-filters .pcs-scope-block,.pcs-scope-filters .pcs-scope-unit{display:flex!important}.pcs-scope-filters .pcs-scope-period,.pcs-scope-filters .pcs-scope-block{grid-column:auto!important}.pcs-scope-filters .pcs-scope-unit{grid-column:1!important}.pcs-scope-actions{grid-column:2!important;grid-template-columns:1fr}.pcs-filter-cancel{display:none}.pcs-card:first-child{flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.pcs-card:first-child strong{margin:0}.pcs-card:nth-child(3){display:flex}.pcs-chart-scroll{padding:12px 10px;max-height:100% !important;overflow:auto}.pcs-chart{min-width:0}.pcs-table{display:none}.pcs-mobile-results,.pcs-mobile-results-title{display:none}}
@media(max-width:700px){.pcs-sidebar-toggle{position:absolute!important;top:16px;left:16px;display:grid!important;width:36px;height:36px;border-color:#ffffff70;background:#ffffff18;color:#fff;font-size:15px;z-index:7}.pcs-sidebar-toggle[aria-pressed=true]{background:#e3f5f1;color:#07555a}.pcs-aside>nav{max-height:0;min-height:0;padding:0;overflow:hidden}.pcs-aside.pcs-suggestions-open>nav{max-height:220px;min-height:180px;padding:8px 10px;overflow-y:auto}.pcs-aside:focus-within>nav{max-height:0;min-height:0;padding:0}.pcs-aside.pcs-suggestions-open:focus-within>nav{max-height:220px;min-height:180px;padding:8px 10px;overflow-y:auto}.pcs-aside details>button,.pcs-aside details[open]>button{display:flex}.pcs-scope-title{display:none}.pcs-scope-filters{grid-template-columns:1fr 1fr;padding-top:25px}.pcs-scope-filters .pcs-scope-field{display:none!important;grid-column:auto!important}.pcs-scope-filters .pcs-scope-period,.pcs-scope-filters .pcs-scope-block,.pcs-scope-filters .pcs-scope-unit{display:flex!important}.pcs-scope-filters .pcs-scope-period,.pcs-scope-filters .pcs-scope-block{grid-column:auto!important}.pcs-scope-filters .pcs-scope-unit{grid-column:1!important}.pcs-scope-actions{grid-column:2!important;grid-template-columns:1fr}.pcs-filter-cancel{display:none}.pcs-card:first-child{flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.pcs-card:first-child strong{margin:0}.pcs-card:nth-child(3){display:flex}.pcs-chart-scroll{padding:12px 10px;max-height:470px;overflow:auto}.pcs-chart{min-width:0}.pcs-table{display:none}.pcs-mobile-results,.pcs-mobile-results-title{display:none}}

/* Ngăn nhóm chỉ tiêu dành riêng cho mobile: mở bằng icon danh sách, hoạt động như sidebar desktop. */
@media(max-width:700px){
    .pcs-sidebar-toggle{position:fixed!important;top:16px;left:16px;z-index:90}
    .pcs-mobile-filter-toggle{position:fixed;top:60px;left:16px;z-index:90;display:grid;place-items:center;width:36px;height:36px;border:1px solid #bce6de;border-radius:9px;background:#e3f5f1;color:#07555a;font-size:15px;box-shadow:0 3px 10px #001f2055;cursor:pointer}
    .pcs-mobile-filter-toggle[aria-pressed=true]{background:#e3f5f1;color:#07555a}
    .pcs-mobile-criteria-title{display:none}
    .pcs-aside:not(.pcs-suggestions-open)>input{display:none!important}
    .pcs-aside.pcs-suggestions-open{position:fixed;z-index:80;inset:0 auto 0 0;width:min(300px,86vw);padding:70px 18px 18px;background:#002f2c;box-shadow:16px 0 42px #001f2090}
    .pcs-aside.pcs-suggestions-open::before{display:none}
    .pcs-aside.pcs-suggestions-open .pcs-mobile-criteria-title{display:block;margin:0 0 18px;color:#fff;font-size:20px}
    .pcs-aside.pcs-suggestions-open>input{display:block!important;height:44px;margin:0 0 10px;padding:9px 12px;border-radius:8px;font-size:14px;box-shadow:none}
    .pcs-aside.pcs-suggestions-open>nav,.pcs-aside.pcs-suggestions-open:focus-within>nav{position:static;display:block;max-height:calc(100dvh - 120px);min-height:0;padding:0;overflow-y:auto;background:transparent;box-shadow:none;border-radius:0}
    .pcs-aside.pcs-suggestions-open details{padding:9px 0;border-bottom:1px solid #ffffff18}
    .pcs-aside.pcs-suggestions-open summary,.pcs-sidebar-collapsed .pcs-aside.pcs-suggestions-open summary{display:block;padding:4px;color:#fff;font-size:14px;font-weight:750;text-align:left}
    .pcs-aside.pcs-suggestions-open summary::before,.pcs-sidebar-collapsed .pcs-aside.pcs-suggestions-open summary::before{content:none}
    .pcs-aside.pcs-suggestions-open .pcs-group-name,.pcs-sidebar-collapsed .pcs-aside.pcs-suggestions-open .pcs-group-name{display:inline!important;color:#fff;font-size:15px;font-weight:800}
    .pcs-aside.pcs-suggestions-open .pcs-field-name{display:block;color:#a8c3c3}
    .pcs-aside.pcs-suggestions-open details>button{display:none}
    .pcs-aside.pcs-suggestions-open details[open]>button{display:flex}
    .pcs-aside.pcs-suggestions-open .pcs-criterion{padding:9px 10px;color:#fff;font-size:14px}
    .pcs-aside.pcs-suggestions-open .pcs-criterion-number,.pcs-sidebar-collapsed .pcs-aside.pcs-suggestions-open .pcs-criterion-number{display:inline!important;flex:0 0 2ch;color:#fff;font-size:14px;font-weight:850}
    .pcs-aside.pcs-suggestions-open .pcs-criterion>span:last-child,.pcs-sidebar-collapsed .pcs-aside.pcs-suggestions-open .pcs-criterion>span:last-child{display:block!important;min-width:0;color:#fff}
    .pcs-aside.pcs-suggestions-open .pcs-criterion[aria-pressed=true]{background:#08766b}
    .pcs-filter-trigger{display:none!important}
}

/* Desktop dùng cùng icon lọc; bảng lọc chỉ xuất hiện khi icon được chọn. */
@media(min-width:701px){
    .pcs-mobile-filter-toggle{position:fixed;top:58px;left:286px;right:auto;z-index:20;display:grid;place-items:center;width:32px;height:32px;border:1px solid #8ca9b0;border-radius:7px;background:#f5fbfa;color:#07555a;font-size:14px;cursor:pointer}
    .pcs-mobile-filter-toggle[aria-pressed=true]{background:#07555a;color:#fff}
    .pcs-sidebar-collapsed .pcs-mobile-filter-toggle{left:60px}
    .pcs-scope-filters{display:none!important}
    .pcs-scope-filters.is-open{display:grid!important}
    .pcs-filter-trigger{display:none!important}
}

/* Xuất dữ liệu và các hình thức trực quan hóa bổ sung. */
.pcs-export-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid #cfe5e1;border-radius:10px;background:#f7fcfa}.pcs-export-panel strong{color:#075c57;font-size:13px}.pcs-export-panel strong span{font-weight:400;color:#607984}.pcs-export-panel select{min-height:34px;max-width:260px}.pcs-export-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:0;border-radius:7px;background:#08766b;color:#fff;font:700 12px system-ui;cursor:pointer}.pcs-export-excel{background:#1f8f4a}.pcs-export-button:disabled{opacity:.55;cursor:wait}.pcs-export-status{color:#607984;font-size:11px}.pcs-view-options{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 12px;padding:8px 10px;border:1px solid #dbe8e8;border-radius:9px;background:#fff}.pcs-view-options legend{float:left;width:auto;margin:0 8px 0 0;padding:0;color:#37555e;font-size:12px;font-weight:750}.pcs-view-options label{display:flex;align-items:center;gap:5px;color:#49636d;font-size:12px;cursor:pointer}.pcs-view-options input{width:15px;height:15px;accent-color:#08766b}.pcs-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pcs-primary-chart{grid-column:1/-1}.pcs-chart-card{min-width:0;padding:13px;border:1px solid #e2ecec;border-radius:12px;background:#fff}.pcs-chart-card h4{margin:0 0 8px;color:#254851;font-size:13px}.pcs-chart-small{height:280px}.pcs-chart-grid [hidden]{display:none!important}
@media(max-width:700px){.pcs-export-panel{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 10px;padding:9px}.pcs-export-panel strong,.pcs-export-status{grid-column:1/-1}.pcs-export-panel select{width:100%;min-width:0;max-width:none}.pcs-export-button{justify-content:center}.pcs-view-options{gap:7px;margin-bottom:9px}.pcs-view-options legend{width:100%;margin:0}.pcs-view-options label{font-size:11px}.pcs-chart-grid{grid-template-columns:1fr;gap:9px}.pcs-primary-chart{grid-column:auto}.pcs-chart-card{padding:10px}.pcs-chart-small{height:240px}}

/* Combobox chỉ tiêu trong bộ lọc thống kê: giữ quan hệ cha - con rõ ràng. */
.pcs-scope-field{display:flex;flex-direction:column;gap:4px;color:#49636d;font-size:11px;font-weight:750}.pcs-scope-label{display:block}.pcs-criterion-picker{position:relative}.pcs-criterion-picker-trigger{display:grid;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:6px;width:100%;min-height:42px;padding:8px 10px;border:1px solid #c5d7dc;border-radius:8px;background:#fff;color:#173844;font:inherit;text-align:left;cursor:pointer}.pcs-criterion-picker-trigger:focus,.pcs-criterion-picker.is-open .pcs-criterion-picker-trigger{border-color:#08766b;box-shadow:0 0 0 3px #08716622}.pcs-criterion-picker-trigger>i:first-child{color:#102e35;font-size:11px}.pcs-criterion-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcs-criterion-picker-arrow{font-size:11px;transition:transform .16s ease}.pcs-criterion-picker.is-open .pcs-criterion-picker-arrow{transform:rotate(180deg)}.pcs-criterion-picker-options{position:absolute;z-index:20;/*top:calc(100% + 4px)*/;left:0;right:0;display:none;max-height:330px;overflow:auto;padding:5px;border:1px solid #9bc5bf;border-radius:9px;background:#fff;box-shadow:0 12px 26px #082f3550}.pcs-criterion-picker.is-open .pcs-criterion-picker-options{display:block}.pcs-criterion-picker-option{display:flex;align-items:center;gap:7px;width:100%;min-height:31px;padding:6px 8px 6px calc(8px + var(--pcs-criterion-level, 0) * 18px);border:0;border-radius:6px;background:#fff;color:#173844;font:inherit;font-size:12px;text-align:left;cursor:pointer}.pcs-criterion-picker-option>i{width:13px;flex:0 0 13px;color:#102e35;font-size:11px}.pcs-criterion-picker-option[aria-selected=true],.pcs-criterion-picker-option:hover{background:#087166;color:#fff}.pcs-criterion-picker-option[aria-selected=true]>i,.pcs-criterion-picker-option:hover>i{color:#fff}
.pcs-criterion-picker-search{position:sticky;top:0;z-index:1;width:100%;margin:0 0 5px;padding:8px 9px!important;border-color:#b6d1cd!important;background:#fff}.pcs-criterion-picker-empty{margin:8px;padding:8px;color:#607984;font-size:12px;text-align:center}
@media(max-width:700px){.pcs-scope-filters .pcs-scope-criterion{display:flex!important;grid-column:1/-1!important}.pcs-criterion-picker-options{position:relative;max-height:180px;margin-top:4px;box-shadow:none}}

/* Desktop: thu gọn nghĩa là ẩn hẳn sidebar, không để lại cột biểu tượng. */
@media(min-width:701px){
    .pcs-dialog.pcs-sidebar-collapsed .pcs-layout{grid-template-columns:minmax(0,1fr)}
    .pcs-dialog.pcs-sidebar-collapsed .pcs-aside{display:none}
    .pcs-dialog.pcs-sidebar-collapsed .pcs-header{width:0;padding:0;background:transparent}
    .pcs-dialog.pcs-sidebar-collapsed .pcs-sidebar-toggle{left:12px}
    .pcs-dialog.pcs-sidebar-collapsed .pcs-mobile-filter-toggle{left:12px}
}

/* Keep headings in document flow and reserve a rail for collapsed sidebar controls. */
.pcs-dialog .pcs-content > .pcs-toolbar:first-child{position:relative;inset:auto;padding:0;margin:0 0 16px;z-index:auto}
.pcs-dialog .pcs-toolbar h3{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding-left:0;line-height:1.35}
.pcs-dialog .pcs-content > .pcs-toolbar:first-child > div{min-width:0;max-width:100%}
.pcs-dialog .pcs-content > .pcs-toolbar:first-child p{padding-left:0}
@media(min-width:701px){
 .pcs-dialog.pcs-sidebar-collapsed .pcs-content{padding-left:56px!important}
 .pcs-dialog .pcs-content > .pcs-cards{margin-top:16px}
}
@media(prefers-reduced-motion:no-preference){.pcs-dialog .pcs-sidebar-toggle{transition:background .16s ease,color .16s ease}}

/* One period picker moves between the sidebar and the comparison heading. */
.pcs-dialog .pcs-aside > .pcs-comparison-period{display:flex;flex-direction:column;gap:5px;margin:8px 0 14px;font-size:12px;color:#52677c}
.pcs-dialog .pcs-comparison-period select{box-sizing:border-box;width:100%;min-width:0;min-height:36px;padding:7px 9px;border:1px solid #ccd6e2;border-radius:8px;background:#fff;font:inherit;color:#18334b}
.pcs-dialog .pcs-toolbar > .pcs-comparison-period{position:static!important;inset:auto!important;display:flex;flex-direction:column;gap:5px;flex:0 0 180px;max-width:100%;margin:0 0 0 auto;font-size:12px;color:#52677c}
.pcs-dialog .pcs-content > .pcs-toolbar:first-child{align-items:flex-start;gap:16px;flex-wrap:wrap}
.pcs-dialog .pcs-content > .pcs-toolbar:first-child > div:first-child{flex:1 1 280px}
@media(max-width:700px){.pcs-dialog .pcs-toolbar > .pcs-comparison-period{flex-basis:160px;margin-left:auto}}
/* Xu hướng qua các kỳ & so sánh giữa hai kỳ */
.pcs-trend-card{grid-column:1/-1}.pcs-trend-body{display:flex;flex-direction:column;gap:10px;min-height:0}
.pcs-trend-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.pcs-trend-field{display:flex;flex-direction:column;gap:3px;color:#49636d;font-size:11px;font-weight:650}.pcs-trend-field select{min-height:32px;max-width:260px;padding:4px 8px;border:1px solid #cfdede;border-radius:7px;background:#fff;font-size:12px}
.pcs-trend-swap{min-height:32px;padding:5px 11px;border:1px solid #cfdede;border-radius:7px;background:#f7fcfa;color:#075c57;font:700 12px system-ui;cursor:pointer}.pcs-trend-swap:hover{background:#e6f4f1}
.pcs-trend-chips{display:flex;flex-wrap:wrap;gap:6px}.pcs-trend-chips:empty{display:none}.pcs-trend-chip{padding:3px 9px;border:2px solid #999;border-radius:999px;background:#fff;color:#254851;font-size:12px;cursor:pointer}
.pcs-trend-summary{margin:0;color:#37555e;font-size:12px}.pcs-trend-empty{margin:4px 0;color:#607984;font-size:12px}
.pcs-trend-canvas{position:relative;height:320px;flex:0 0 auto}.pcs-period-canvas{position:relative;min-height:220px}
.pcs-delta{font-weight:750;white-space:nowrap}.pcs-delta.is-up{color:#1b7f3b}.pcs-delta.is-down{color:#c62828}.pcs-delta.is-flat{color:#607984}
.pcs-period-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pcs-period-tile{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid #e2ecec;border-radius:9px;background:#fbfdfd}.pcs-period-tile small{color:#607984;font-size:11px}.pcs-period-tile strong,.pcs-period-tile .pcs-delta{font-size:16px;color:#254851}.pcs-period-tile .pcs-delta.is-up{color:#1b7f3b}.pcs-period-tile .pcs-delta.is-down{color:#c62828}
.pcs-period-table td:not(:first-child),.pcs-period-table th:not(:first-child){text-align:right}
@media(max-width:700px){.pcs-period-tiles{grid-template-columns:1fr 1fr}.pcs-trend-field select{max-width:none;width:100%}.pcs-trend-field{flex:1 1 45%}}
/* Hiển thị dữ liệu dạng tab: mỗi lần một biểu đồ/bảng, chiếm toàn bộ chiều ngang */
.pcs-view-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:6px;border:1px solid #f1d6d3;border-radius:12px;background:#fff8f7}
.pcs-view-tabs[hidden],.pcs-tab-empty[hidden]{display:none!important}
.pcs-view-tab{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#5f2521;font:650 13px system-ui;cursor:pointer;transition:background .15s,color .15s}
.pcs-view-tab i{color:#c62828}
.pcs-view-tab:hover{background:#fdecea}
.pcs-view-tab[aria-selected="true"]{background:#c62828;border-color:#c62828;color:#fff;box-shadow:0 4px 12px rgba(198,40,40,.22)}
.pcs-view-tab[aria-selected="true"] i{color:#fff}
.pcs-view-tab:focus-visible{outline:2px solid #1459b5;outline-offset:2px}
.pcs-dialog .pcs-custom-chart-grid.pcs-tabbed-grid .pcs-layout-card,.pcs-tabbed-grid>.pcs-layout-card{grid-column:1/-1}
.pcs-tab-panel{margin-top:4px}
@media(max-width:700px){.pcs-view-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.pcs-view-tab{flex:0 0 auto;font-size:12px;padding:6px 10px}}
/* Biểu đồ tròn tỷ trọng + danh sách chú giải bên cạnh */
.pcs-pie-layout{display:flex;flex-wrap:wrap;gap:16px;height:100%;min-height:0;align-items:stretch;container-type:inline-size}
.pcs-pie-canvas{position:relative;flex:1 1 300px;min-width:220px;min-height:240px}
.pcs-pie-legend{display:flex;flex-direction:column;flex:1 1 340px;min-width:0;min-height:0;max-height:100%;border:1px solid #edf0f3;border-radius:10px;background:#fbfcfd;padding:10px}
.pcs-pie-legend-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:12.5px;color:#37555e}
.pcs-pie-legend-head strong{color:#102e35;font-size:13.5px}
.pcs-pie-search{width:100%;min-height:32px;margin-bottom:8px;padding:5px 9px;border:1px solid #cfdede;border-radius:8px;font-size:12.5px;background:#fff}
.pcs-pie-list{flex:1 1 auto;min-height:0;overflow:auto;margin:0;padding:0;list-style:none;scrollbar-width:thin}
.pcs-pie-item{display:grid;grid-template-columns:14px minmax(0,1fr) auto 58px;grid-template-areas:"sw name value pct" ". bar bar bar";align-items:center;column-gap:8px;row-gap:3px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12.5px;color:#254851;outline:none}
.pcs-pie-item[hidden]{display:none}
.pcs-pie-item:hover,.pcs-pie-item.is-active,.pcs-pie-item:focus-visible{background:#fdecea}
.pcs-pie-item:focus-visible{box-shadow:inset 0 0 0 2px #1459b5}
.pcs-pie-item.is-hidden{opacity:.42}
.pcs-pie-item.is-hidden .pcs-pie-name{text-decoration:line-through}
.pcs-pie-swatch{grid-area:sw;width:12px;height:12px;border-radius:3px}
.pcs-pie-name{grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcs-pie-value{grid-area:value;font-weight:700;white-space:nowrap;text-align:right}
.pcs-pie-percent{grid-area:pct;text-align:right;color:#c62828;font-weight:700;white-space:nowrap}
.pcs-pie-bar{grid-area:bar;height:4px;border-radius:999px;background:#eef2f4;overflow:hidden}
.pcs-pie-bar span{display:block;height:100%;border-radius:999px}
.pcs-pie-hint{margin:8px 0 0;font-size:11px;color:#6c7a80}
@container (max-width:640px){
  .pcs-pie-canvas{flex-basis:100%;height:260px;min-height:260px}
  .pcs-pie-legend{flex-basis:100%;max-height:340px}
}
@media(max-width:700px){
  .pcs-pie-layout{height:auto}
  .pcs-pie-canvas{flex-basis:100%;height:240px;min-height:240px}
  .pcs-pie-legend{flex-basis:100%;max-height:320px}
  .pcs-pie-item{grid-template-columns:12px minmax(0,1fr) auto 50px;font-size:12px;padding:6px}
}
/* Biểu tượng ⓘ hướng dẫn cạnh từng tab */
.pcs-view-tab-wrap{display:inline-flex;align-items:center;border-radius:9px;transition:background .15s}
.pcs-view-tab-wrap:hover{background:#fdecea}
.pcs-view-tab-wrap.is-selected{background:#c62828;box-shadow:0 4px 12px rgba(198,40,40,.22)}
.pcs-view-tab-wrap .pcs-view-tab{padding-right:6px}
.pcs-view-tab-wrap .pcs-view-tab:hover{background:transparent}
.pcs-view-tab-wrap.is-selected .pcs-view-tab[aria-selected="true"]{background:transparent;border-color:transparent;box-shadow:none}
.pcs-view-help{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:5px;border:0;border-radius:50%;background:transparent;color:#b0868a;font-size:13px;cursor:pointer}
.pcs-view-help:hover,.pcs-view-help:focus-visible{background:#fff;color:#c62828;outline:none;box-shadow:0 0 0 2px #f3c3bf}
.pcs-view-tab-wrap.is-selected .pcs-view-help{color:#ffd9d6}
.pcs-view-tab-wrap.is-selected .pcs-view-help:hover,.pcs-view-tab-wrap.is-selected .pcs-view-help:focus-visible{background:#fff;color:#c62828}
/* Hộp hướng dẫn */
.pcs-help-dialog{box-sizing:border-box;width:min(560px,94vw);max-height:86dvh;overflow:auto;padding:0;border:0;border-radius:14px;color:#1f2d33;box-shadow:0 24px 60px rgba(15,23,42,.35)}
.pcs-help-dialog::backdrop{background:rgba(15,23,42,.45)}
.pcs-help-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#c62828;color:#fff}
.pcs-help-head h3{margin:0;font-size:16px;font-weight:800}
.pcs-help-close{width:32px;height:32px;border:0;border-radius:8px;background:rgba(255,255,255,.18);color:#fff;font-size:15px;cursor:pointer}
.pcs-help-close:hover{background:rgba(255,255,255,.3)}
.pcs-help-dialog section{padding:12px 18px 0}
.pcs-help-dialog h4{margin:0 0 6px;font-size:13.5px;font-weight:800;color:#c62828}
.pcs-help-dialog p,.pcs-help-dialog li{font-size:13.5px;line-height:1.55}
.pcs-help-dialog p{margin:0}
.pcs-help-dialog ul{margin:0;padding-left:20px}
.pcs-help-dialog li+li{margin-top:4px}
.pcs-help-note{margin:14px 18px 0!important;padding:10px 12px;border-left:4px solid #e3a126;border-radius:8px;background:#fff8e6;color:#5c4400}
.pcs-help-ok{display:block;margin:16px 18px 18px auto;padding:9px 20px;border:0;border-radius:8px;background:#c62828;color:#fff;font-weight:700;cursor:pointer}
@media(max-width:700px){.pcs-view-help{width:24px;height:24px;font-size:12px}.pcs-help-head h3{font-size:15px}}
.pcs-view-tab-wrap{flex:0 0 auto;max-width:100%}
.pcs-view-tab-wrap .pcs-view-tab{white-space:nowrap}
/* Ô sắp xếp cho biểu đồ tròn và biểu đồ phân bố */
.pcs-chart-sortbar{display:flex;justify-content:flex-end;flex:0 0 auto;margin:-4px 0 8px}
.pcs-chart-sortbar[hidden]{display:none}
.pcs-chart-sort{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#49636d;font-weight:650}
.pcs-chart-sort select{min-height:30px;padding:3px 8px;border:1px solid #cfdede;border-radius:7px;background:#fff;font-size:12px}
@media(max-width:700px){.pcs-chart-sortbar{justify-content:stretch}.pcs-chart-sort{width:100%}.pcs-chart-sort select{flex:1}}
/* "Số cơ quan hiển thị" ở cuối thanh tab (các ô tick đã chuyển sang Cấu hình hệ thống) */
.pcs-view-tabs .pcs-tab-limit{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:0 4px;font-size:12px;font-weight:650;color:#5f2521}
.pcs-view-tabs .pcs-tab-limit[hidden]{display:none}
.pcs-view-tabs .pcs-tab-limit select{min-height:32px;padding:3px 8px;border:1px solid #e9c9c5;border-radius:8px;background:#fff;font-size:12px}
@media(max-width:700px){.pcs-view-tabs .pcs-tab-limit{margin-left:0;flex:0 0 auto}}
/* ===== Điều hành nhanh ===== */
.pcs-lead-button{display:flex!important;align-items:center;gap:8px;font-weight:800!important;background:linear-gradient(135deg,#c62828,#e4572e)!important;color:#fff!important;border-color:transparent!important}
.pcs-lead-button[aria-pressed="true"]{box-shadow:0 0 0 3px #ffd54f inset}
.pcs-lead-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.pcs-lead-head h3{margin:0;font-size:22px;font-weight:800;color:#102e35}
.pcs-lead-head p{margin:2px 0 0;color:#607984;font-size:13px}
.pcs-lead-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.pcs-lead-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:12px}
.pcs-lead-tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #e2ecec;border-left:5px solid #9fb3b9;border-radius:10px;background:#fff}
.pcs-lead-tile small{font-size:12px;color:#607984}
.pcs-lead-tile strong{font-size:24px;line-height:1.1;color:#102e35}
.pcs-lead-tile.is-good{border-left-color:#1b7f3b}.pcs-lead-tile.is-good strong{color:#1b7f3b}
.pcs-lead-tile.is-ok{border-left-color:#1565c0}.pcs-lead-tile.is-ok strong{color:#1565c0}
.pcs-lead-tile.is-warn{border-left-color:#e3a126}.pcs-lead-tile.is-warn strong{color:#b26a00}
.pcs-lead-tile.is-bad{border-left-color:#c62828}.pcs-lead-tile.is-bad strong{color:#c62828}
.pcs-lead-tile.is-muted strong{color:#78909c}
.pcs-lead-alert{margin:0 0 12px;padding:10px 12px;border-left:4px solid #e3a126;border-radius:8px;background:#fff8e6;color:#5c4400;font-size:13px}
.pcs-lead-section{margin:0 0 14px;padding:14px;border:1px solid #e2ecec;border-radius:12px;background:#fff}
.pcs-lead-section>h4{margin:0 0 4px;font-size:15px;font-weight:800;color:#c62828}
.pcs-lead-desc{margin:0 0 10px;font-size:12.5px;color:#607984}
.pcs-lead-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.pcs-lead-table table{width:100%}
.pcs-lead-table tr.is-clickable{cursor:pointer}
.pcs-lead-table tr.is-clickable:hover,.pcs-lead-table tr.is-clickable:focus-visible{background:#fdf1f0;outline:none}
.pcs-lead-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:750;white-space:nowrap;background:#eceff1;color:#455a64}
.pcs-lead-badge.is-good{background:#e7f5ec;color:#1b7f3b}.pcs-lead-badge.is-ok{background:#e3f0fc;color:#1565c0}
.pcs-lead-badge.is-warn{background:#fff3d6;color:#8a5a00}.pcs-lead-badge.is-bad{background:#fdecea;color:#c62828}
.pcs-lead-coverage{white-space:nowrap}.pcs-lead-coverage.is-low{color:#b26a00;font-weight:750}
.pcs-lead-bar{display:block;min-width:80px;height:6px;border-radius:999px;background:#eef2f4;overflow:hidden}
.pcs-lead-bar span{display:block;height:100%;background:#e4572e}
.pcs-lead-method{margin:6px 0 0;font-size:12px;color:#607984}
@media(max-width:700px){.pcs-lead-head h3{font-size:19px}.pcs-lead-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pcs-lead-tile strong{font-size:20px}.pcs-lead-grid{grid-template-columns:1fr}.pcs-lead-section{padding:10px}}
/* Trên điện thoại, CSS cũ ẩn mọi .pcs-table (khi bảng luôn nằm dưới biểu đồ). Nay bảng nằm trong tab
   người dùng chủ động chọn, trong Xu hướng/So sánh kỳ và Điều hành nhanh: phải hiển thị, cuộn ngang được. */
@media(max-width:700px){
  .pcs-tab-panel.pcs-table,.pcs-trend-body .pcs-table,.pcs-lead-section .pcs-table{display:block!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pcs-tab-panel.pcs-table[hidden]{display:none!important}
  .pcs-lead-table table,.pcs-trend-body .pcs-table table{min-width:560px}
}
/* Điều hành nhanh: STT, sắp xếp theo cột, phân trang, nút nhắc email (20261107_mail) */
.pcs-lead-table th.pcs-lead-stt,.pcs-lead-table td.pcs-lead-stt{width:46px;text-align:center!important;color:#607984;font-variant-numeric:tabular-nums}
.pcs-lead-table th.is-left,.pcs-lead-table td.is-left{text-align:left}
.pcs-lead-table td{font-variant-numeric:tabular-nums}
.pcs-lead-sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font:inherit;font-weight:700;color:inherit;cursor:pointer;text-align:inherit}
.pcs-lead-sort:hover{color:#c62828}
.pcs-lead-sort-icon{font-size:10px;color:#9fb3b9}
.pcs-lead-table th[aria-sort="ascending"] .pcs-lead-sort-icon,.pcs-lead-table th[aria-sort="descending"] .pcs-lead-sort-icon{color:#c62828}
.pcs-lead-table th.pcs-lead-mailcol,.pcs-lead-table td.pcs-lead-mailcol{width:96px;text-align:center}
.pcs-lead-label{display:flex;flex-direction:column;gap:1px}
.pcs-lead-label small{font-size:11.5px;color:#7a9099}
.pcs-lead-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 0;font-size:12.5px;color:#607984}
.pcs-lead-pager select{height:30px;border:1px solid #cfdde1;border-radius:7px;padding:0 6px;font-size:12.5px;background:#fff}
.pcs-lead-pager-nav{display:flex;align-items:center;gap:4px}
.pcs-lead-pager-nav span{padding:0 6px;white-space:nowrap}
.pcs-lead-pager-nav button{min-width:30px;height:30px;border:1px solid #cfdde1;border-radius:7px;background:#fff;color:#102e35;cursor:pointer;font-weight:700}
.pcs-lead-pager-nav button:hover:not(:disabled){border-color:#c62828;color:#c62828}
.pcs-lead-pager-nav button:disabled{opacity:.4;cursor:default}
.pcs-lead-scope{margin:0 0 10px;font-size:13px;font-weight:700;color:#8a3b12}
.pcs-lead-mailcell{display:inline-flex;flex-direction:column;align-items:center;gap:2px}
.pcs-lead-mailcell small{font-size:10.5px;color:#1b7f3b;white-space:nowrap}
.pcs-lead-mailcell small.is-error{color:#c62828}
.pcs-lead-mail-btn{display:inline-grid;place-items:center;width:32px;height:30px;border:1px solid #f2c5bf;border-radius:8px;background:#fff5f3;color:#c62828;cursor:pointer}
.pcs-lead-mail-btn:hover,.pcs-lead-mail-btn:focus-visible{background:#c62828;color:#fff;border-color:#c62828}
.pcs-lead-mailbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 10px}
.pcs-lead-mail-all i{margin-right:4px}
.pcs-lead-mail-warn{font-size:12.5px;color:#b26a00}
.pcs-lead-mail{max-width:560px;width:calc(100vw - 24px)}
.pcs-lead-mail{padding-bottom:16px}
.pcs-lead-mail>:not(.pcs-help-head){margin-left:18px!important;margin-right:18px!important}
.pcs-lead-mail>p{font-size:14px;margin-top:12px}
.pcs-lead-mail-note textarea{box-sizing:border-box}
.pcs-lead-mail-list{max-height:220px;overflow:auto;margin:0 0 10px;padding:8px 8px 8px 30px;border:1px solid #e2ecec;border-radius:8px;background:#fafcfc;font-size:13px}
.pcs-lead-mail-note{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#102e35}
.pcs-lead-mail-note textarea{width:100%;padding:8px 10px;border:1px solid #cfdde1;border-radius:8px;font:400 14px system-ui,sans-serif;resize:vertical}
.pcs-lead-mail-hint{margin:6px 0;font-size:12px;color:#607984}
.pcs-lead-mail-status{margin:6px 0;font-size:13px}
.pcs-lead-mail-status:empty{display:none}
.pcs-lead-mail-status.is-error{padding:8px 10px;border-radius:8px;background:#fdecea;color:#b71c1c}
.pcs-lead-mail-status.is-ok{padding:8px 10px;border-radius:8px;background:#e7f5ec;color:#14532d}
.pcs-lead-mail-status ul{margin:4px 0 0;padding-left:18px;max-height:140px;overflow:auto}
.pcs-lead-mail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.pcs-lead-mail-actions .pcs-action i{margin-right:4px}
@media(max-width:700px){.pcs-lead-tools{width:100%}.pcs-lead-tools>label{flex:1 1 140px}.pcs-lead-pager{justify-content:center}.pcs-lead-mailbar{justify-content:stretch}.pcs-lead-mail-all{width:100%}}
/* Điều hành nhanh: thanh tiêu đề + bộ lọc + In PDF cố định khi cuộn (20261107_sticky) */
.pcs-dialog .pcs-content .pcs-pin.is-pinned{position:sticky!important;top:0!important;z-index:4!important;background:var(--pcs-lead-bg,#fff);padding-bottom:10px;transition:box-shadow .15s}
.pcs-dialog .pcs-content .pcs-pin.is-pinned.is-stuck{box-shadow:0 8px 14px -10px rgba(16,46,53,.35);border-bottom:1px solid #e2ecec}
.pcs-dialog .pcs-content .pcs-pin.is-pinned.is-stuck::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--pcs-lead-pad,0px) + 2px);background:var(--pcs-lead-bg,#fff);pointer-events:none}
.pcs-lead-head.is-pinned{margin-bottom:12px}
.pcs-lead-head.is-pinned select{position:relative}
.pcs-lead-body .pcs-lead-section{scroll-margin-top:120px}
@media(max-width:700px){.pcs-pin.is-pinned{padding-bottom:8px}.pcs-lead-head.is-pinned p{display:none}.pcs-lead-head.is-pinned h3{font-size:17px}}
.pcs-lead-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 6px;padding:6px 12px;border:1px solid #c62828;border-radius:8px;background:#fff;color:#c62828;font-weight:700;font-size:13px;cursor:pointer}
.pcs-lead-back:hover,.pcs-lead-back:focus-visible{background:#c62828;color:#fff}
.pcs-toolbar .pcs-lead-back{margin-bottom:8px}
.pcs-lead-mail-label{font-size:13px;color:#607984}
.pcs-lead-mailbar .pcs-lead-mailcell{flex-direction:row;gap:8px}
/* Nút nổi Quay lại Điều hành nhanh (20261108_float) */
.pcs-lead-float{position:fixed;right:18px;bottom:14px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border:0;border-radius:999px;background:linear-gradient(135deg,#c62828,#e4572e);color:#fff;font:inherit;cursor:pointer;box-shadow:0 10px 26px rgba(198,40,40,.45),0 0 0 3px rgba(255,213,79,.85);animation:pcs-lead-float-in .35s ease-out, pcs-lead-float-pulse 2.4s ease-in-out .4s 3}
.pcs-lead-float:hover,.pcs-lead-float:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(198,40,40,.55),0 0 0 4px #ffd54f;outline:none}
.pcs-lead-float-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#c62828;font-size:17px}
.pcs-lead-float-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.pcs-lead-float-text small{font-size:11px;opacity:.9;font-weight:600}
.pcs-lead-float-text b{font-size:14.5px;font-weight:800;white-space:nowrap}
.pcs-lead-float-gauge{font-size:18px;color:#ffd54f}
@keyframes pcs-lead-float-in{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
@keyframes pcs-lead-float-pulse{0%,100%{box-shadow:0 10px 26px rgba(198,40,40,.45),0 0 0 3px rgba(255,213,79,.85)}50%{box-shadow:0 10px 26px rgba(198,40,40,.45),0 0 0 9px rgba(255,213,79,.25)}}
@media(max-width:700px){.pcs-lead-float{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:6px 12px 6px 6px;gap:8px}.pcs-lead-float-icon{width:34px;height:34px}.pcs-lead-float-text b{font-size:13px}.pcs-lead-float-gauge{display:none}}
@media(prefers-reduced-motion:reduce){.pcs-lead-float{animation:none}}
@media(max-width:700px){.pcs-dialog .pcs-content .pcs-pin.is-pinned h3{font-size:18px!important;line-height:1.25}.pcs-dialog .pcs-content .pcs-pin.is-pinned .pcs-kpi-heading-actions{gap:4px 12px;font-size:12px}}
/* Nút Quay lại thống kê trước (Theo dõi nhập liệu) dùng cùng giao diện nút nổi Quay lại Điều hành nhanh */
.pcs-dialog .pcs-lead-float.pcs-audit-back{position:fixed!important;right:18px;bottom:14px;z-index:60;margin:0;box-shadow:0 10px 26px rgba(198,40,40,.45),0 0 0 3px rgba(255,213,79,.85)}
.pcs-dialog .pcs-lead-float.pcs-audit-back:hover,.pcs-dialog .pcs-lead-float.pcs-audit-back:focus-visible{box-shadow:0 14px 30px rgba(198,40,40,.55),0 0 0 4px #ffd54f}
.pcs-lead-float[hidden]{display:none!important}
@media(max-width:700px){.pcs-dialog .pcs-lead-float.pcs-audit-back{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}
/* Ô số liệu Điều hành nhanh bấm được → popup chi tiết (20261108_popup) */
.pcs-lead-tile.is-clickable{font:inherit;text-align:left;cursor:pointer;transition:transform .12s,box-shadow .12s;position:relative}
.pcs-lead-tile.is-clickable:hover,.pcs-lead-tile.is-clickable:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,46,53,.12);outline:none}
.pcs-lead-tile.is-clickable:focus-visible{box-shadow:0 0 0 3px #ffd54f}
.pcs-lead-tile-more{font-size:11px;color:#c62828;font-weight:700;opacity:0;transition:opacity .12s}
.pcs-lead-tile.is-clickable:hover .pcs-lead-tile-more,.pcs-lead-tile.is-clickable:focus-visible .pcs-lead-tile-more{opacity:1}
.pcs-lead-popup{width:min(1100px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 40px);flex-direction:column;padding:0}
.pcs-lead-popup[open]{display:flex}
.pcs-lead-popup .pcs-lead-popup-body{padding:12px 18px 18px;overflow:auto;min-height:0}
.pcs-lead-popup .pcs-lead-table table{min-width:640px}
@media(hover:none){.pcs-lead-tile-more{opacity:1}}
@media(max-width:700px){.pcs-lead-popup{width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.pcs-lead-popup .pcs-lead-popup-body{padding:10px}}
/* Nút chỉ tiêu trước / tiếp theo cạnh tên chỉ tiêu (20261108_critnav) */
.pcs-crit-nav{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;gap:12px;flex-wrap:nowrap;min-width:0}
.pcs-crit-nav h3{margin:0;min-width:0}
.pcs-crit-nav-btn{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #c62828;background:#fff;color:#c62828;font-size:15px;cursor:pointer;box-shadow:0 3px 10px rgba(198,40,40,.18);transition:background .15s,color .15s,transform .15s}
.pcs-crit-nav-btn:hover:not(:disabled),.pcs-crit-nav-btn:focus-visible{background:#c62828;color:#fff;transform:scale(1.06);outline:none}
.pcs-crit-nav-btn:disabled{opacity:.3;cursor:default;box-shadow:none}
.pcs-crit-nav-pos{flex:0 0 auto;font-size:12px;font-weight:700;color:#607984;background:#eef4f5;border-radius:999px;padding:2px 9px}
@media(max-width:700px){.pcs-crit-nav{gap:8px}.pcs-crit-nav-btn{width:32px;height:32px;font-size:13px}.pcs-crit-nav-pos{display:none}}