/* Giao diện thống kê công khai; bộ màu hiện hành ở cuối file. */
.pcs-chart-limit{display:flex;align-items:center;gap:6px;margin-left:auto;color:#5d3028;font-size:12px;font-weight:700}.pcs-chart-limit select{min-height:32px;padding:6px 8px;border-color:#d7b97d;background:#fffdf7;color:#621719;font-size:12px}.pcs-chart-card:has(.pcs-distribution-chart){overflow:auto}
.pcs-dialog{color:#482d25;background:#fffaf0;box-shadow:0 24px 80px #3d10105c}.pcs-dialog::backdrop{background:#2e080880}.pcs-header{background:linear-gradient(135deg, #ed1c24, #ed1c24 58%, #ed1c24)}.pcs-eyebrow{color:#ffff00;font-weight: bold;}.pcs-header p{color:#f8e7bf}.pcs-expand,.pcs-close,.pcs-sidebar-toggle{background:#f00;border-color:#f0c76d;color:#fff}.pcs-expand:hover,.pcs-close:hover,.pcs-sidebar-toggle:hover{background:#c82c2f!important}.pcs-layout{background:#fff7e9}.pcs-aside{background:#fff; border: 1px solid;border-right-color:#66666626}.pcs-aside>input{border-color:#d7b97d}.pcs-aside details{border-color:#ffffff2b}.pcs-aside summary,.pcs-group-name,.pcs-criterion{color:#000}.pcs-field-name{color:#f00}.pcs-criterion:hover,.pcs-criterion[aria-pressed=true]{color:#f49e2b!important;font-weight: bold}.pcs-criterion:hover .pcs-criterion-number,.pcs-criterion[aria-pressed=true] .pcs-criterion-number{color:#4b1712}.pcs-content{background:linear-gradient(180deg,#fffdf8,#ffff)}.pcs-dialog input,.pcs-dialog select{border-color:#dec690;background:#fffdf8;color:#4f2b25}.pcs-scope-filters,.pcs-export-panel{border-color:#e2cb9d;background:#fff9ed}.pcs-card{border-color:#ecd8ae;background:#fffdf8}.pcs-card:first-child{background:linear-gradient(135deg,#fdf2cb,#fff8e8);border-color:#d9b552}.pcs-card strong{color:#9b1d24}.pcs-detail-toggle input,.pcs-view-options input{accent-color:#a51d24}.pcs-chart-scroll,.pcs-chart-card{border-color:#ead8b7;background:#fffdf9}.pcs-chart-card h4,.pcs-toolbar h3{color:#f00}.pcs-table table{background:#fffdf9}.pcs-table th{background:#faedcf;color:#f00}.pcs-table th,.pcs-table td{border-bottom-color:#eedfbd}.pcs-action,.pcs-export-button{background:#ef1620}.pcs-export-excel{background:#8f6a18}.pcs-view-options{border-color:#ead8b7;background:#fffdf9}.pcs-view-options legend{color:#75151a}.pcs-view-options label{color:#5d3028}.pcs-mobile-filter-toggle{border-color:#d7b97d;background:#fff5d9;color:#8f1920}.pcs-mobile-filter-toggle[aria-pressed=true]{background:#9e1d23;color:#fff}
@media(max-width:700px){.pcs-chart-limit{width:100%;margin-left:0;justify-content:space-between}.pcs-chart-limit select{flex:1;max-width:180px}}
/* Keep variable-height headings and filters in normal document flow. */
.pcs-dialog .pcs-toolbar{flex-wrap:wrap;align-items:flex-start}
.pcs-dialog .pcs-toolbar>div{min-width:0;flex:1 1 260px}
.pcs-dialog .pcs-toolbar h3,.pcs-dialog .pcs-toolbar p{overflow-wrap:anywhere;white-space:normal}
.pcs-dialog .pcs-card{min-width:0;overflow-wrap:anywhere}
@media(min-width:701px){
    .pcs-dialog .pcs-content{padding-top:42px}
    .pcs-dialog .pcs-content>.pcs-toolbar:first-child{position:relative;inset:auto;padding:0;margin:0 0 16px;z-index:auto}
    .pcs-dialog .pcs-content>.pcs-toolbar:first-child>div{flex:1 1 300px}
    .pcs-dialog .pcs-content>.pcs-toolbar:first-child h3,
    .pcs-dialog .pcs-content>.pcs-toolbar:first-child p{padding-left:0}
    .pcs-dialog .pcs-content>.pcs-toolbar:first-child>label{position:static;inset:auto;flex:0 1 180px;width:auto;min-width:140px;max-width:100%;z-index:auto}
    .pcs-dialog .pcs-scope-filters{position:relative;inset:auto;width:auto;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));margin:0 0 16px;z-index:2}
    .pcs-dialog .pcs-scope-filters>*{min-width:0}
    .pcs-dialog .pcs-cards{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
}

/* Indent the public criterion hierarchy while keeping collapsed navigation compact. */
.pcs-dialog .pcs-criterion{padding-left:calc(10px + var(--pcs-criterion-depth, 0) * 20px)}
.pcs-dialog .pcs-criterion-number{flex:0 0 auto;min-width:2ch;white-space:nowrap}
.pcs-dialog.pcs-sidebar-collapsed .pcs-criterion{padding-left:2px}

.pcs-table.pcs-kpi-table {
    border: 1px solid #eee;
    border-radius: 10px;
}

/* Bảng màu thống nhất: đỏ cờ, vàng nhạt và nền trắng trang trọng. */
.pcs-scope-close { display:none; }
.pcs-dialog .pcs-header { background:linear-gradient(135deg,#c91f2b 0%,#e33434 58%,#b31324 100%); }
.pcs-dialog .pcs-header .pcs-eyebrow { color:#fff4b8; }
.pcs-dialog .pcs-header h2 { color:#fff; }
.pcs-dialog .pcs-layout { background:#fffaf2; }
.pcs-dialog .pcs-aside { background:#fffdf8; border-right:1px solid #ead7ad; }
.pcs-dialog .pcs-aside summary { background:linear-gradient(135deg,#e9a13b,#f0ad45); border-color:#e09a31; color:#fff!important; }
.pcs-dialog .pcs-aside details { border-color:#f0e2c6; }
.pcs-dialog .pcs-group-name { color:#5f1b1b; }
.pcs-dialog .pcs-field-name { color:#b34a32; }
.pcs-dialog .pcs-criterion { color:#4b3832; }
.pcs-dialog .pcs-criterion:hover,.pcs-dialog .pcs-criterion[aria-pressed=true] { background:#fff1d6; color:#a51d24!important; }
.pcs-dialog .pcs-content { background:linear-gradient(180deg,#fffdf9 0%,#fff9ed 100%); }
.pcs-dialog .pcs-toolbar h3 { color:#c51f28; }
.pcs-dialog .pcs-toolbar p,.pcs-dialog .pcs-note { color:#715e55; }
.pcs-dialog .pcs-scope-filters { background:#fff8e9; border-color:#ead1a0; }
.pcs-dialog .pcs-card { background:#fffefb; border-color:#ead8b7; text-align:center}
.pcs-dialog .pcs-card:first-child { background:#fff1d0; border-color:#dfb65d; text-align:center}
.pcs-dialog .pcs-card strong { color:#a51d24; }
.pcs-dialog .pcs-chart-scroll,.pcs-dialog .pcs-chart-card,.pcs-dialog .pcs-table table { background:#fffefb; border-color:#ead8b7; }
.pcs-dialog .pcs-table th { background:#faedcf; color:#a51d24; }
.pcs-dialog .pcs-action,.pcs-dialog .pcs-export-button { background:#c51f28; }
.pcs-dialog .pcs-export-excel { background:#9b741c; }
@media(max-width:700px){
    .pcs-dialog .pcs-scope-filters { gap:9px; padding:18px 16px calc(16px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; }
    .pcs-dialog .pcs-scope-title { display:block; grid-column:1/-1; padding-right:42px; color:#7c2021; font-size:16px; font-weight:800; }
    .pcs-dialog .pcs-scope-close { position:absolute; top:12px; right:14px; z-index:2; display:grid; place-items:center; width:32px; height:32px; border:1px solid #d7b97d; border-radius:50%; background:#fff; color:#a51d24; font-size:22px; line-height:1; cursor:pointer; }
    .pcs-dialog .pcs-scope-close:hover { background:#fff0d1; }
    .pcs-dialog .pcs-scope-filters label { gap:3px; font-size:11px; }
    .pcs-dialog .pcs-scope-filters select { height:44px; padding:8px 10px; font-size:14px; }
    .pcs-dialog .pcs-scope-actions button { height:46px; font-size:15px; }
    .pcs-dialog .pcs-aside.pcs-suggestions-open { background:linear-gradient(180deg,#fffdf8,#fff6e5); }
    .pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-mobile-criteria-title,
    .pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-group-name,
    .pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion,
    .pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion>span:last-child { color:#5f1b1b; }
    .pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-field-name { color:#b34a32; }
    .pcs-dialog .pcs-aside.pcs-suggestions-open details { border-color:#ead7b2; }
    .pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion[aria-pressed=true] { background:#fff0d1; color:#a51d24!important; }
}

/* Color-only theme. Preserve all existing layout, visibility and interaction rules. */
.pcs-dialog { color:#101d35; background:#f3f4f6; }
.pcs-dialog::backdrop { background:#101d3580; }
.pcs-dialog .pcs-header { background:#c40018; }
.pcs-dialog .pcs-header h2 { color:#fff; }
.pcs-dialog .pcs-header .pcs-eyebrow,
.pcs-dialog .pcs-header p { color:#ffe7eb; }
.pcs-dialog .pcs-layout,
.pcs-dialog .pcs-content { background:#f3f4f6;text-align: center; }
.pcs-dialog .pcs-aside,
.pcs-dialog .pcs-aside.pcs-suggestions-open { background:#fff; border-color:#e2e5eb; }
.pcs-dialog .pcs-aside details,
.pcs-dialog .pcs-aside.pcs-suggestions-open details { border-color:#edf0f4; }
.pcs-dialog .pcs-aside summary { background:#f3f4f6; border-color:#e2e5eb; color:#101d35!important; }
.pcs-dialog .pcs-aside .pcs-group-name,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-group-name,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-mobile-criteria-title { color:#101d35; }
.pcs-dialog .pcs-aside .pcs-field-name,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-field-name { color:#657287; }
.pcs-dialog .pcs-aside summary:hover { background:#fff0f3; border-color:#f2ccd3; }
.pcs-dialog .pcs-aside details[open]>summary { background:#c40018; border-color:#c40018; color:#fff!important; }
.pcs-dialog .pcs-aside details[open]>summary .pcs-group-name { color:#fff; }
.pcs-dialog .pcs-aside details[open]>summary .pcs-field-name { color:#ffe7eb; }
.pcs-dialog .pcs-criterion,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion>span:last-child,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion-number { color:#344158; }
.pcs-dialog .pcs-criterion:hover,
.pcs-dialog .pcs-criterion[aria-pressed=true],
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion[aria-pressed=true] { background:#fff0f3; color:#c40018!important; }
.pcs-dialog .pcs-criterion:hover>span,
.pcs-dialog .pcs-criterion[aria-pressed=true]>span,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion:hover>span,
.pcs-dialog .pcs-aside.pcs-suggestions-open .pcs-criterion[aria-pressed=true]>span { color:#c40018; }
.pcs-dialog.pcs-sidebar-collapsed .pcs-aside summary::before { color:#c40018; }
.pcs-dialog .pcs-toolbar h3,
.pcs-dialog .pcs-chart-card h4 { color:#101d35; }
.pcs-dialog .pcs-toolbar p,
.pcs-dialog .pcs-toolbar label,
.pcs-dialog .pcs-note,
.pcs-dialog .pcs-message,
.pcs-dialog .pcs-kpi-hint,
.pcs-dialog .pcs-card>span,
.pcs-dialog .pcs-card small,
.pcs-dialog .pcs-table caption,
.pcs-dialog .pcs-components-table { color:#657287; }
.pcs-dialog input,
.pcs-dialog select { background:#fff; color:#101d35; border-color:#cfd5df; }
.pcs-dialog input::placeholder { color:#8993a4; }
.pcs-dialog input:hover,
.pcs-dialog select:hover { border-color:#929eb0; }
.pcs-dialog :focus-visible { outline-color:#c40018; }
.pcs-dialog .pcs-scope-filters,
.pcs-dialog .pcs-kpi-filters,
.pcs-dialog .pcs-export-panel,
.pcs-dialog .pcs-view-options,
.pcs-dialog .pcs-card,
.pcs-dialog .pcs-card:first-child,
.pcs-dialog .pcs-chart-scroll,
.pcs-dialog .pcs-chart-card,
.pcs-dialog .pcs-table table { background:#fff; border-color:#e2e5eb; }
.pcs-dialog .pcs-card strong { color:#101d35; }
.pcs-dialog .pcs-card:first-child strong { color:#c40000; }
.pcs-dialog .pcs-scope-title,
.pcs-dialog .pcs-export-panel strong,
.pcs-dialog .pcs-view-options legend { color:#101d35; }
.pcs-dialog .pcs-scope-field,
.pcs-dialog .pcs-scope-filters label,
.pcs-dialog .pcs-export-panel strong span,
.pcs-dialog .pcs-export-status,
.pcs-dialog .pcs-view-options label,
.pcs-dialog .pcs-chart-limit { color:#657287; }
.pcs-dialog .pcs-table th { background:#f0f2f5; color:#101d35; }
.pcs-dialog .pcs-table td { color:#344158; }
.pcs-dialog .pcs-table th,
.pcs-dialog .pcs-table td,
.pcs-dialog .pcs-kpi-table { border-color:#e2e5eb; }
.pcs-dialog .pcs-table tbody tr:hover { background:#fff0f3; }
.pcs-dialog .pcs-detail-toggle input,
.pcs-dialog .pcs-view-options input { accent-color:#c40018; }
.pcs-dialog .pcs-action,
.pcs-dialog .pcs-export-button,
.pcs-dialog .pcs-filter-apply,
.pcs-dialog .pcs-filter-trigger { background:#c40018; color:#fff; border-color:#c40018; }
.pcs-dialog .pcs-export-excel { background:#fff; color:#c40018; }
.pcs-dialog .pcs-action:hover,
.pcs-dialog .pcs-export-button:hover,
.pcs-dialog .pcs-filter-apply:hover { background:#a90014; color:#fff; }
.pcs-dialog .pcs-kpi-button { background:#fff; color:#101d35; border-color:#cfd5df; }
.pcs-dialog .pcs-kpi-button:hover,
.pcs-dialog .pcs-kpi-button[aria-pressed=true] { background:#fff0f3; color:#c40018; border-color:#edc0c8; }
.pcs-dialog .pcs-expand,
.pcs-dialog .pcs-close,
.pcs-dialog .pcs-refresh,
.pcs-dialog .pcs-sidebar-toggle { background:#c40018; color:#fff; border-color:#c40018; }
.pcs-dialog .pcs-expand:hover,
.pcs-dialog .pcs-close:hover,
.pcs-dialog .pcs-refresh:hover,
.pcs-dialog .pcs-sidebar-toggle:hover { background:#a90014!important; }
.pcs-dialog .pcs-mobile-filter-toggle,
.pcs-dialog .pcs-scope-close,
.pcs-dialog .pcs-filter-cancel { background:#c40018; color:#fff; border-color:#cfd5df; }
.pcs-dialog .pcs-mobile-filter-toggle[aria-pressed=true] { background:#c40018; color:#fff; border-color:#c40018; }
.pcs-dialog .pcs-scope-close:hover,
.pcs-dialog .pcs-filter-cancel:hover { background:#fff0f3; }
.pcs-dialog .pcs-mobile-period,
.pcs-dialog .pcs-method-link { color:#c40018; }
.pcs-dialog .pcs-criterion-picker-trigger,
.pcs-dialog .pcs-criterion-picker-options,
.pcs-dialog .pcs-criterion-picker-option { background:#fff; color:#101d35; border-color:#cfd5df; }
.pcs-dialog .pcs-criterion-picker-trigger>i:first-child,
.pcs-dialog .pcs-criterion-picker-option>i { color:#c40018; }
.pcs-dialog .pcs-criterion-picker-trigger:focus,
.pcs-dialog .pcs-criterion-picker.is-open .pcs-criterion-picker-trigger { border-color:#c40018; }
.pcs-dialog .pcs-criterion-picker-option:hover,
.pcs-dialog .pcs-criterion-picker-option[aria-selected=true] { background:#c40018; color:#fff; }
.pcs-dialog .pcs-criterion-picker-option:hover>i,
.pcs-dialog .pcs-criterion-picker-option[aria-selected=true]>i { color:#fff; }
.pcs-dialog .pcs-criterion-picker-search { border-color:#cfd5df!important; }
.pcs-dialog .pcs-criterion-picker-empty { color:#657287; }
.pcs-dialog * { scrollbar-color:#c4cad4 #f3f4f6; }
.pcs-method-dialog {
    color: #101d35;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
button.pcs-audit-link {margin: 5px 0px;}
.pcs-method-dialog .pcs-table th { background:#f0f2f5; color:#101d35; }
.pcs-method-dialog .pcs-action { background:#c40018; color:#fff; }

/* User-adjustable chart cards; hidden chart choices keep their existing behavior. */
.pcs-dialog .pcs-custom-chart-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; align-items:start; }
.pcs-dialog .pcs-custom-chart-grid .pcs-layout-card {
    grid-column:span var(--pcs-chart-span,6); height:var(--pcs-chart-height,360px);
    min-height:240px; max-height:none!important; position:relative;
    display:flex; flex-direction:column; padding:12px 12px 24px; overflow:hidden;
}
.pcs-dialog .pcs-custom-chart-grid .pcs-layout-card[hidden] { display:none!important; }
.pcs-chart-drag { display:flex; align-items:center; gap:8px; flex:0 0 auto; width:100%; text-align:left; padding:4px 0 10px; border:0; background:transparent; color:#101d35; font-family:inherit; font-size:13px; font-weight:600; line-height:1.4; cursor:grab; touch-action:none; }
.pcs-chart-drag i { color:#9aa4b3; }
.pcs-chart-viewport { flex:1; min-height:0; overflow:auto; }
.pcs-dialog .pcs-layout-card:not(.pcs-primary-chart) .pcs-chart { height:100%!important; min-height:180px; }
.pcs-chart-resize { position:absolute; bottom:0; right:0; width:26px; height:24px; border:0; border-radius:6px 0 0; background:#f0f2f5; color:#657287; cursor:nwse-resize; touch-action:none; }
.pcs-chart-adjusting { outline:2px solid #c40018; }
.pcs-chart-drop-target { box-shadow:inset 0 0 0 3px #c40018!important; }
.pcs-layout-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.pcs-layout-reset { border:1px solid #d5dbe4; border-radius:6px; background:#fff; color:#657287; padding:5px 9px; font:inherit; font-size:12px; cursor:pointer; }
.pcs-layout-status { color:#a90014; font-size:12px; }
@media(max-width:700px){ .pcs-dialog .pcs-custom-chart-grid .pcs-layout-card { grid-column:1/-1; } }

/* Export popover remains outside the document flow and scrolls on short screens. */
.pcs-dialog .pcs-export-panel[popover] {
    position:fixed; inset:52px 16px auto auto; margin:0;
    width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 72px);
    overflow:auto; padding:18px; border-radius:14px;
    box-shadow:0 12px 40px #101d3533;
    grid-template-columns:1fr 1fr; gap:12px;
}
.pcs-dialog .pcs-export-panel[popover]:not(:popover-open) { display:none; }
.pcs-dialog .pcs-export-panel[popover]:popover-open { display:grid; }
.pcs-dialog .pcs-export-panel[popover]>strong { grid-column:1/-1; padding-right:28px; }
.pcs-dialog .pcs-export-panel[popover]>select { grid-column:1/-1; width:100%; max-width:none; }
.pcs-dialog .pcs-export-panel[popover] .pcs-export-status { grid-column:1/-1; }
.pcs-dialog .pcs-export-close {
    position:absolute; top:10px; right:10px; width:28px; height:28px;
    border:1px solid #e2e5eb; border-radius:50%; background:#fff;
    color:#c40018; font-size:20px; line-height:1; cursor:pointer;
}
.pcs-dialog .pcs-export-toggle[aria-expanded=true] { background:#8f0012; }
.pcs-dialog .pcs-export-toggle:disabled { cursor:default; opacity:.45; }

/* Brand artwork in the desktop sidebar header; controls retain their positions. */
@media(min-width:701px){
    .pcs-dialog .pcs-header {
        background-color:#fff;
        background-image:url('../images/logo.png'),url('../images/header.png');
        background-repeat:no-repeat,no-repeat;
        background-position:12px center,left center;
        background-size:44px auto,auto 100%;
        padding-left:66px;
        padding-right:22px;
        text-transform:uppercase;
    }
    .pcs-dialog .pcs-header h2 { color:#101d35; font-size:16px; line-height:1.35; }
    .pcs-dialog .pcs-header .pcs-eyebrow { color:#344158; letter-spacing:1px; }
}

/* Compact mobile filter sheet; keep the existing visibility and event logic. */
@media(max-width:700px){
    .pcs-dialog .pcs-scope-filters {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px 10px;
        padding:12px 16px calc(12px + env(safe-area-inset-bottom));
        max-height:calc(100dvh - 20px);
        overflow-y:auto;
        align-items:end;
    }
    .pcs-dialog .pcs-scope-title { grid-row:1; margin:0; padding-right:38px; min-height:28px; }
    .pcs-dialog .pcs-scope-close { top:8px; right:12px; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-period { grid-column:1!important; grid-row:2; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-block { grid-column:2!important; grid-row:2; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-criterion { grid-column:1/-1!important; grid-row:3; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-unit { grid-column:1!important; grid-row:4; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-actions {
        grid-column:2!important; grid-row:4; margin:0; gap:0; align-self:end;
    }
    .pcs-dialog .pcs-scope-filters .pcs-scope-field { min-width:0; margin:0; gap:3px; }
    .pcs-dialog .pcs-scope-filters select,
    .pcs-dialog .pcs-scope-filters .pcs-criterion-picker-trigger {
        min-width:0; min-height:42px; height:42px; padding:7px 10px;
    }
    .pcs-dialog .pcs-scope-actions button { height:42px; }
}
@media(max-width:390px){
    .pcs-dialog .pcs-scope-filters { grid-template-columns:minmax(0,1fr); padding-left:12px; padding-right:12px; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-period { grid-column:1!important; grid-row:2; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-block { grid-column:1!important; grid-row:3; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-criterion { grid-column:1!important; grid-row:4; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-unit { grid-column:1!important; grid-row:5; }
    .pcs-dialog .pcs-scope-filters .pcs-scope-actions { grid-column:1!important; grid-row:6; }
}

/* Basic scope filters and searchable organization picker. */
.pcs-dialog .pcs-scope-filters { grid-template-columns:repeat(6,minmax(0,1fr)); }
.pcs-dialog .pcs-scope-filters .pcs-scope-criterion,
.pcs-dialog .pcs-scope-filters .pcs-scope-unit { grid-column:span 3!important; grid-row:auto; min-width:0; }
.pcs-dialog .pcs-scope-filters .pcs-scope-block,
.pcs-dialog .pcs-scope-filters .pcs-scope-group,
.pcs-dialog .pcs-scope-filters .pcs-scope-type { display:none!important; grid-row:auto; grid-column:span 2!important; }
.pcs-dialog .pcs-scope-filters.pcs-advanced-open .pcs-scope-block,
.pcs-dialog .pcs-scope-filters.pcs-advanced-open .pcs-scope-group,
.pcs-dialog .pcs-scope-filters.pcs-advanced-open .pcs-scope-type { display:flex!important; }
.pcs-advanced-toggle { grid-column:1/-1; justify-self:end; border:0; background:transparent; color:#c40018; padding:2px 0; font:600 12px/1.5 Arial,sans-serif; cursor:pointer; text-decoration:underline; }
.pcs-unit-picker { position:relative; min-width:0; font-size:14px; font-weight:400; }
.pcs-unit-picker>summary { border:1px solid #cfd5df; border-radius:8px; padding:10px; background:white; color:#101d35; cursor:pointer; overflow-wrap:anywhere; min-height:42px; }
.pcs-unit-options { position:absolute; top:calc(100% + 4px); left:0; right:0; z-index:25; padding:8px; border:1px solid #cfd5df; border-radius:9px; background:#fff; box-shadow:0 10px 28px #101d3526; }
.pcs-dialog .pcs-unit-options input { width:100%; margin:0 0 6px; font-size:13px; }
.pcs-unit-list { max-height:220px; overflow:auto; }
.pcs-unit-option { display:block; width:100%; border:0; border-radius:5px; padding:9px; background:white; color:#344158; text-align:left; font:inherit; cursor:pointer; }
.pcs-unit-option:hover,.pcs-unit-option[aria-pressed=true] { background:#fff0f3; color:#c40018; }
.pcs-unit-empty { padding:8px!important; margin:0; color:#657287; font-size:12px; }
@media(max-width:700px){
 .pcs-dialog .pcs-scope-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pcs-dialog .pcs-scope-filters .pcs-scope-period,
 .pcs-dialog .pcs-scope-filters .pcs-scope-criterion,
 .pcs-dialog .pcs-scope-filters .pcs-scope-unit,
 .pcs-dialog .pcs-scope-filters .pcs-scope-actions { grid-column:1/-1!important; grid-row:auto; }
 .pcs-dialog .pcs-scope-filters .pcs-scope-block,
 .pcs-dialog .pcs-scope-filters .pcs-scope-group,
 .pcs-dialog .pcs-scope-filters .pcs-scope-type { grid-column:span 1!important; grid-row:auto; }
 .pcs-unit-options { position:relative; top:auto; margin-top:4px; box-shadow:none; }
}
@media(max-width:390px){
 .pcs-dialog .pcs-scope-filters .pcs-scope-block,
 .pcs-dialog .pcs-scope-filters .pcs-scope-group,
 .pcs-dialog .pcs-scope-filters .pcs-scope-type { grid-column:1/-1!important; }
}

/* Mobile branded header and a single right-hand tool rail. Layout only. */
@media(max-width:700px){
 .pcs-dialog .pcs-header {
    position:relative; inset:auto; z-index:85; flex:0 0 92px;
    width:100%; height:92px; min-height:92px; margin:0;
    display:flex; align-items:center; padding:12px 52px 12px 78px;
    background-color:#fff;
    background-image:url('../images/logo.png'),url('../images/header.png');
    background-repeat:no-repeat,no-repeat;
    background-position:14px center,center center;
    background-size:100px auto,auto 100%;
    border-bottom:1px solid #e2e5eb;
	justify-content:center
 }
 .pcs-dialog .pcs-header>div:first-child { display:block; min-width:0; }
 .pcs-dialog .pcs-header .pcs-eyebrow { display:block; color:#344158; font-size:10px; letter-spacing:1.5px; }
 .pcs-dialog .pcs-header h2 { display:block; color:#101d35; font-size:1em; line-height:1.3; margin:6px 0 0;text-transform:uppercase }
 .pcs-dialog .pcs-header p { display:none; }
 .pcs-dialog .pcs-header-actions {
    position:fixed; top:max(4px,env(safe-area-inset-top)); right:max(4px,env(safe-area-inset-right));
    left:auto; z-index:90; display:flex; flex-direction:column; align-items:center;
    gap:4px; margin:0; padding:0; width:32px;
 }
 .pcs-dialog .pcs-header-actions>button {
    position:static!important; inset:auto!important; margin:0; flex:0 0 30px;
    width:30px; height:30px; min-height:30px; border-radius:8px; font-size:13px;
    box-shadow:0 1px 3px #101d3520;
 }
 .pcs-dialog .pcs-header-actions>.pcs-sidebar-toggle { display:grid!important; }
 .pcs-dialog .pcs-header-actions>.pcs-close { font-size:19px; }
 .pcs-dialog .pcs-layout { min-height:0; flex:1; overflow:hidden; }
 .pcs-dialog .pcs-content { height:100%; overflow:auto; padding:12px 44px 24px 12px; }
 .pcs-dialog .pcs-mobile-period { position:static; flex:0 0 auto; margin:0; padding:4px 44px 4px 12px; font-size:12px; color:#657287; background:#f3f4f6; }
 .pcs-dialog .pcs-mobile-period[hidden] { display:none; }
 .pcs-dialog .pcs-aside.pcs-suggestions-open { top:92px; bottom:0; padding:16px; max-width:calc(100vw - 42px); }
 .pcs-dialog .pcs-aside.pcs-suggestions-open>nav,
 .pcs-dialog .pcs-aside.pcs-suggestions-open:focus-within>nav { max-height:calc(100dvh - 230px); }
 .pcs-dialog .pcs-scope-filters { z-index:100; }
 .pcs-dialog .pcs-kpi-filters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; }
 .pcs-dialog .pcs-kpi-filters label { min-width:0; font-size:11px; }
 .pcs-dialog .pcs-kpi-filters select { padding:8px 6px; font-size:12px; }
 .pcs-dialog .pcs-kpi-hint { margin-bottom:14px; font-size:12px; }
}
@media(max-width:390px){
 .pcs-dialog .pcs-header { padding-left:64px; background-position:10px center,center center; background-size:44px auto,auto 100%; }
 .pcs-dialog .pcs-header h2 { font-size:16px; }
 .pcs-dialog .pcs-header .pcs-eyebrow { font-size:9px; letter-spacing:1px; }
 .pcs-dialog .pcs-kpi-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* KPI filter visibility is controlled by its heading toggle. */
.pcs-dialog .pcs-kpi-filters[hidden] { display:none!important; }
.pcs-kpi-heading-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; margin-left:auto; }
.pcs-kpi-heading-actions button { white-space:nowrap; }

/* Mobile summary cards: readable values, stacked labels and no squeezed rows. */
@media(max-width:700px){
    .pcs-dialog .pcs-cards {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-bottom:14px;
        text-align:left;
    }
    .pcs-dialog .pcs-cards .pcs-card,
    .pcs-dialog .pcs-cards .pcs-card:first-child {
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:6px;
        min-width:0;
        min-height:0;
        padding:16px;
        border-radius:14px;
        overflow-wrap:normal;
        word-break:normal;
    }
    .pcs-dialog .pcs-cards .pcs-card:first-child { grid-column:1/-1; }
    .pcs-dialog .pcs-cards .pcs-card>span {
        font-size:13px;
        line-height:1.45;
        padding:0;
    }
    .pcs-dialog .pcs-cards .pcs-card strong {
        display:block;
        margin:0;
        font-size:clamp(22px,4.5vw,28px);
        line-height:1.25;
        letter-spacing:0;
        font-variant-numeric:tabular-nums;
        overflow-wrap:break-word;
        word-break:normal;
    }
    .pcs-dialog .pcs-cards .pcs-card:first-child strong { font-size:clamp(26px,5vw,32px); }
    .pcs-dialog .pcs-cards .pcs-card small {
        display:block;
        font-size:12px;
        line-height:1.5;
        overflow-wrap:break-word;
    }
}
@media(max-width:390px){
    .pcs-dialog .pcs-cards { grid-template-columns:minmax(0,1fr); }
    .pcs-dialog .pcs-cards .pcs-card { padding:14px; }
}

/* Comparison controls travel with their chart; the summary note sits by reset. */
.pcs-dialog .pcs-layout-toolbar .pcs-aggregation-note {
    display:block; flex:1 1 280px; margin:0; padding:0;
    text-align:center; font-size:12px; line-height:1.5;
}
.pcs-dialog .pcs-comparison-header {
    display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
    flex:0 0 auto; padding-bottom:8px;
}
.pcs-dialog .pcs-comparison-header .pcs-chart-drag { flex:1 1 200px; width:auto; padding:4px 0; }
.pcs-dialog .pcs-comparison-header .pcs-comparison-controls {
    display:flex; flex:1 1 340px; justify-content:space-between;
    align-items:center; flex-wrap:wrap; gap:8px 12px; margin:0;
}
.pcs-dialog .pcs-comparison-controls .pcs-detail-toggle {
    flex:0 1 auto; flex-direction:row; align-items:center; gap:6px;
    margin:0; font-size:12px;
}
.pcs-dialog .pcs-comparison-controls select { max-width:100%; padding:6px 8px; font-size:12px; }
@media(max-width:700px){
    .pcs-dialog .pcs-comparison-header { gap:6px; }
    .pcs-dialog .pcs-comparison-header .pcs-chart-drag { flex-basis:100%; }
    .pcs-dialog .pcs-comparison-header .pcs-comparison-controls { flex-basis:100%; }
    .pcs-dialog .pcs-layout-toolbar .pcs-aggregation-note { text-align:left; }
}

/* Reporting monitor: independent filters, drill-down cards and mobile records. */
.pcs-dialog .pcs-audit-heading h3 {margin:0 0 16px;font-size:23px;color:#17243c}
.pcs-dialog .pcs-audit-filters {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;background:#fff;border:1px solid #e2e5eb;border-radius:12px}
.pcs-dialog .pcs-audit-filters label {display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;min-width:0}
.pcs-dialog .pcs-audit-filters select,.pcs-dialog .pcs-audit-filters input {width:100%;min-width:0;min-height:38px;border:1px solid #cbd3df;border-radius:7px;padding:7px;background:#fff;color:#17243c}
.pcs-dialog .pcs-audit-filters :disabled {opacity:.55}
.pcs-dialog .pcs-audit-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.pcs-dialog .pcs-audit-card {display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;border:1px solid #e2e5eb;border-radius:12px;padding:16px;cursor:pointer;color:#17243c;justify-content:center}
.pcs-dialog .pcs-audit-card strong {font-size:25px;color:#b42326}
.pcs-dialog .pcs-audit-card span {font-size:13px}
.pcs-dialog .pcs-audit-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.pcs-dialog .pcs-audit-tabs .pcs-action {background:#fff;color:#475569;border:1px solid #cbd5e1;box-shadow:none}
.pcs-dialog .pcs-audit-tabs .pcs-action:hover {background:#f1f5f9;color:#334155;border-color:#94a3b8}
.pcs-dialog .pcs-audit-tabs .pcs-action[aria-pressed=true] {background:#b42326;color:#fff;border-color:#b42326;box-shadow:inset 0 -3px 0 #7f1d1d;font-weight:750}
.pcs-dialog .pcs-audit-tabs .pcs-action:focus-visible {outline:2px solid #2563eb;outline-offset:3px}
.pcs-dialog .pcs-audit-link {border:0;background:transparent;color:#a71c22;text-decoration:underline;padding:5px;text-align:left;cursor:pointer;font:inherit}
.pcs-dialog .pcs-audit-table {overflow:auto;margin:12px 0}
.pcs-dialog .pcs-audit-table table {width:100%;border-collapse:collapse}
.pcs-dialog .pcs-audit-table th,.pcs-dialog .pcs-audit-table td {padding:10px;text-align:left;border-bottom:1px solid #e2e5eb;vertical-align:top;overflow-wrap:anywhere}
.pcs-dialog .pcs-audit-table th {background:#f3f4f6}
.pcs-dialog .pcs-audit button:focus-visible {outline:3px solid #317fbd;outline-offset:2px}
@media(max-width:700px){
 .pcs-dialog .pcs-audit-filters {grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}
 .pcs-dialog .pcs-audit-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .pcs-dialog .pcs-audit-card {padding:12px}
 .pcs-dialog .pcs-audit-card strong {font-size:21px}
 .pcs-dialog .pcs-audit-table thead {display:none}
 .pcs-dialog .pcs-audit-table table,.pcs-dialog .pcs-audit-table tbody,.pcs-dialog .pcs-audit-table tr {display:block}
 .pcs-dialog .pcs-audit-table tr {background:#fff;border:1px solid #e2e5eb;border-radius:10px;margin-bottom:12px;padding:8px}
 .pcs-dialog .pcs-audit-table td {display:grid;grid-template-columns:minmax(90px,40%) minmax(0,1fr);gap:8px;padding:7px 4px}
 .pcs-dialog .pcs-audit-table td::before {content:attr(data-label);font-weight:600;color:#667085;font-size:12px}
 .pcs-dialog .pcs-audit-tabs .pcs-action {flex:1 1 42%;white-space:normal}
}
.pcs-dialog .pcs-audit-table {display:block}
.pcs-dialog .pcs-audit .pcs-note {display:block;font-size:12px;line-height:1.6;color:#596579}
.pcs-dialog .pcs-header-actions>.pcs-audit-shortcut {display:grid;place-items:center;background:#b42326;color:#fff;border:0;border-radius:8px;width:30px;height:30px;cursor:pointer}
.pcs-dialog .pcs-audit-select-field {display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;min-width:0}
.pcs-dialog .pcs-audit-search-hint {font-weight:400;color:#667085;line-height:1.4}
.pcs-dialog .pcs-audit-search-hint:empty {display:none}
.pcs-dialog .pcs-audit-filters .pcs-audit-option-search {background:#f8fafc;font-weight:400}
.pcs-dialog .pcs-audit-combo {display:block;width:100%;min-height:38px;border:1px solid #cbd3df;border-radius:7px;padding:8px;background:#fff;color:#17243c;font:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcs-audit-dropdown {position:fixed;inset:auto;margin:0;padding:10px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#17243c;box-shadow:0 8px 24px #17243c33;box-sizing:border-box;overflow:auto;font:13px/1.5 system-ui}
.pcs-audit-dropdown .pcs-audit-option-search {position:sticky;top:0;width:100%;box-sizing:border-box;min-height:38px;padding:8px;border:1px solid #cbd3df;border-radius:6px;background:#fff}
.pcs-audit-options {display:flex;flex-direction:column;margin-top:6px}
.pcs-audit-options button {flex-shrink:0;text-align:left;padding:9px;border:0;border-radius:4px;background:#fff;color:#17243c;cursor:pointer;font:inherit;white-space:normal}
.pcs-audit-options button:hover,.pcs-audit-options button:focus-visible {background:#f1f4f9;outline:2px solid #317fbd;outline-offset:-2px}
.pcs-audit-options button[aria-selected=true] {background:#fff0f0;color:#b42326;font-weight:600}
.pcs-dialog .pcs-audit-select-field>select[hidden] {display:none!important}
/* Separate overall coverage, automatic values, manual entry and deadlines. */
.pcs-dialog .pcs-audit-cards {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.pcs-dialog .pcs-audit-overview {grid-column:1/-1;display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #dce2ec;border-radius:12px;padding:16px}
.pcs-dialog .pcs-audit-overview .pcs-audit-card {border:0;padding:0;min-width:180px}
.pcs-dialog .pcs-audit-overview p {font-size:13px;color:#586477;line-height:1.6;margin:0}
.pcs-dialog .pcs-audit-summary-group {padding:18px;background:#fff;border:1px solid #dce2ec;border-top:4px solid #317fbd;border-radius:12px}
.pcs-dialog .pcs-audit-summary-group.manual {border-top-color:#b42326}
.pcs-dialog .pcs-audit-summary-group h4,.pcs-dialog .pcs-audit-deadline-summary h4 {margin:0 0 14px;font-size:16px;color:#17243c}
.pcs-dialog .pcs-audit-summary-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pcs-dialog .pcs-audit-summary-metrics .pcs-audit-card {padding:12px 8px;background:#f8fafc;display:flex;align-items:center}
.pcs-dialog .pcs-audit-summary-group.auto strong {color:#24689a}
.pcs-dialog .pcs-audit-summary-rate {font-size:13px;font-weight:600;margin:14px 0 6px}
.pcs-dialog .pcs-audit-summary-group progress {width:100%;height:8px;accent-color:#317fbd}
.pcs-dialog .pcs-audit-summary-group.manual progress {accent-color:#b42326}
.pcs-dialog .pcs-audit-summary-group small,.pcs-dialog .pcs-audit-deadline-summary small {display:block;font-size:12px;color:#667085;margin-top:10px;line-height:1.5}
.pcs-dialog .pcs-audit-deadline-summary {grid-column:1/-1;background:#fff;border:1px solid #e2e5eb;border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:center}
.pcs-dialog .pcs-audit-deadline-summary h4,.pcs-dialog .pcs-audit-deadline-summary small {grid-column:1/-1}
@media(max-width:700px){
 .pcs-dialog .pcs-audit-cards {grid-template-columns:minmax(0,1fr)}
 .pcs-dialog .pcs-audit-overview {flex-direction:column;align-items:stretch;gap:10px}
 .pcs-dialog .pcs-audit-summary-group {padding:12px}
 .pcs-dialog .pcs-audit-summary-metrics .pcs-audit-card strong {font-size:22px}
 .pcs-dialog .pcs-audit-summary-metrics .pcs-audit-card span {font-size:12px}
}

/* Access notice remains prominent inside the reporting results on every screen. */
.pcs-dialog .pcs-audit-access-notice {display:flex;align-items:center;gap:18px;margin:20px 0;padding:24px;border:1px solid #efc17a;border-left:5px solid #b42326;border-radius:12px;background:linear-gradient(110deg,#fff4df,#fffaf2);box-shadow:0 4px 14px #6b3d0710;color:#593513}
.pcs-dialog .pcs-audit-access-icon {display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;background:#ffe5b3;font-size:26px}
.pcs-dialog .pcs-audit-access-text {min-width:0}
.pcs-dialog .pcs-audit-access-text h4 {margin:0 0 7px;color:#9a251d;font-size:20px;font-weight:750;line-height:1.35}
.pcs-dialog .pcs-audit-access-text p {display:block;margin:0;color:#593513;font-size:15px;line-height:1.65}
@media(max-width:700px){
 .pcs-dialog .pcs-audit-access-notice {align-items:flex-start;gap:12px;padding:18px 14px;margin:16px 0}
 .pcs-dialog .pcs-audit-access-icon {flex-basis:40px;height:40px;font-size:21px}
 .pcs-dialog .pcs-audit-access-text h4 {font-size:18px}
 .pcs-dialog .pcs-audit-access-text p {font-size:14px}
}

/* Reporting summary sorting and page controls. */
.pcs-audit-pagination { gap:10px; flex-wrap:wrap; margin:12px 0; }
.pcs-audit-pagination label { display:flex; flex-direction:row; align-items:center; gap:8px; }
.pcs-audit-pagination select { width:auto; min-width:80px; }
.pcs-audit-table th[aria-sort] button { text-align:left; color:inherit; font:inherit; font-weight:700; text-decoration:none; }
.pcs-audit-table th[aria-sort=ascending],.pcs-audit-table th[aria-sort=descending] { color:#c40018; }
.pcs-audit-pagination button:disabled { opacity:.45; cursor:default; }
.pcs-audit-pagination .pcs-audit-table-search { flex:1 1 240px; min-width:0; max-width:420px; }
@media(max-width:700px){ .pcs-audit-pagination .pcs-audit-table-search { flex-basis:100%; max-width:none; } }

.pcs-audit-loading-dialog {position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 36px));box-sizing:border-box;padding:34px 28px;border:0;border-top:5px solid #b42326;border-radius:16px;background:#fff;color:#17243c;text-align:center;box-shadow:0 24px 70px #10182855;font-family:system-ui,sans-serif}
.pcs-audit-loading-dialog::backdrop {background:rgba(16,24,40,.58);backdrop-filter:blur(3px)}
.pcs-audit-loading-dialog h3 {margin:20px 0 12px;font-size:23px;color:#b42326;line-height:1.35}
.pcs-audit-loading-dialog p {margin:0;font-size:15px;line-height:1.7;color:#475467}
.pcs-audit-loading-spinner {display:inline-block;width:48px;height:48px;border:5px solid #f4dfe0;border-top-color:#b42326;border-radius:50%;animation:pcs-audit-loading-spin .85s linear infinite !important;will-change:transform}
@keyframes pcs-audit-loading-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pcs-audit-loading-spinner{animation-duration:2s !important}}

/* Hướng dẫn KPI: tiêu đề/nút đóng cố định, chỉ phần nội dung cuộn. */
dialog.pcs-kpi-setup-guide[open]{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(900px,calc(100vw - 24px));height:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;display:flex;flex-direction:column;}
.pcs-kpi-setup-guide .pcs-kpi-guide-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:12px 20px;border-bottom:1px solid #dce2eb;background:#fff;}
.pcs-kpi-setup-guide .pcs-kpi-guide-header h3{margin:0;font-size:18px;}
.pcs-kpi-setup-guide .pcs-kpi-guide-header .pcs-action{float:none;flex:none;}
.pcs-kpi-setup-guide .pcs-kpi-guide-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;text-align:left;}
.pcs-kpi-setup-guide .pcs-kpi-guide-body h4{margin:16px 0 8px;}
.pcs-kpi-setup-guide .pcs-kpi-guide-body p{margin:0 0 14px;}
.pcs-kpi-view-tabs{display:flex;gap:8px;margin:12px 0;}
.pcs-kpi-view-tabs [aria-selected="true"]{background:#c40018;color:#fff;}
.pcs-kpi-view-panel[hidden]{display:none!important;}

/* Tab chỉ nổi bật khi đang được chọn; trạng thái focus được giữ riêng. */
.pcs-dialog .pcs-kpi-view-tabs .pcs-action{background:#fff;color:#475569;border:1px solid #cbd5e1;box-shadow:none;}
.pcs-dialog .pcs-kpi-view-tabs .pcs-action[aria-selected="true"]{background:#b42326;color:#fff;border-color:#b42326;box-shadow:inset 0 -3px 0 #7f1d1d;font-weight:750;}
.pcs-dialog .pcs-kpi-view-tabs .pcs-action:focus-visible{outline:2px solid #2563eb;outline-offset:3px;}
.pcs-dialog .pcs-audit-advanced-field[hidden]{display:none!important;}
.pcs-dialog .pcs-kpi-heading-actions{position:relative;z-index:1;max-width:100%;}
.pcs-dialog .pcs-toolbar:has(.pcs-kpi-heading-actions){flex-wrap:wrap;}

.pcs-export-column-picker{margin:16px 0;border:1px solid #cbd5e1;border-radius:8px;padding:12px;}
.pcs-export-column-picker>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-height:40dvh;overflow:auto;}
.pcs-export-column-picker label{display:flex;gap:8px;align-items:center;text-align:left;}
.pcs-export-column-picker input{width:auto;flex:none;}
.pcs-export-fields-dialog{box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;}

/* Export fields: bounded dialog, clear heading, spacious choices, fixed actions. */
dialog.pcs-export-fields-dialog[open]{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #dbe4ef;box-shadow:0 24px 80px #102a4340;}
.pcs-export-fields-dialog>h3{margin:0;padding:22px 24px;background:linear-gradient(120deg,#eaf6f3,#f1f5fd);font-size:20px;color:#163447;text-align:left;}
.pcs-export-fields-dialog .pcs-export-column-picker{min-height:0;overflow:auto;margin:16px 24px;padding:16px;border-color:#dce5ef;}
.pcs-export-fields-dialog .pcs-export-column-picker>div{max-height:none;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;}
.pcs-export-fields-dialog .pcs-export-column-picker label{padding:10px 12px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;font-size:14px;cursor:pointer;}
.pcs-export-fields-dialog .pcs-export-column-picker label:has(input:checked){border-color:#8ac6b7;background:#eef9f5;}
.pcs-export-fields-dialog .pcs-export-column-picker input{accent-color:#087f69;width:16px;height:16px;margin:0;}
.pcs-export-fields-dialog .pcs-export-column-picker button,.pcs-export-fields-footer button{padding:9px 15px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;cursor:pointer;margin-right:8px;font:inherit;}
.pcs-export-fields-dialog .pcs-export-column-picker legend{font-weight:700;font-size:15px;}
.pcs-export-fields-footer{flex:none;display:flex;justify-content:flex-end;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;}
.pcs-export-fields-footer button:last-child{background:#087f69;color:#fff;border-color:#087f69;}
.pcs-export-fields-footer button:disabled{opacity:.45;cursor:default;}
.pcs-export-fields-status{margin:0 24px;color:#526375;font-size:13px;}
.pcs-dialog .pcs-audit-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0;}
.pcs-dialog .pcs-audit-navigation .pcs-audit-tabs{margin:0;}
.pcs-dialog .pcs-audit-navigation .pcs-audit-back{margin-left:auto;white-space:nowrap;}
.pcs-dialog .pcs-audit-navigation [hidden],.pcs-audit-table [hidden]{display:none!important;}

/* Keep the back action within reach independently of table/content scrolling. */
.pcs-dialog .pcs-audit-back{position:fixed!important;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;box-shadow:0 4px 16px #102a4330;}
.pcs-dialog .pcs-audit-back:disabled{opacity:.55;cursor:default;}
.pcs-dialog .pcs-audit{padding-bottom:68px;}
.pcs-dialog .pcs-audit-sticky-table{display:block!important;position:relative;max-height:100dvh;overflow:auto!important;isolation:isolate;}
.pcs-audit-sticky-table .pcs-audit-top-scroll{position:sticky;top:0;left:0;height:20px;min-height:20px;overflow-x:scroll;overflow-y:hidden;z-index:6;background:#f3f4f6;}
.pcs-audit-top-scroll>div{height:1px;}
.pcs-dialog .pcs-audit-sticky-table table{border-collapse:separate;border-spacing:0;margin-top:0;}
.pcs-dialog .pcs-audit-sticky-table th{position:sticky;top:20px;z-index:5;background:#f0f2f5;}
/* Override centered method-dialog alignment so all export sections fill the form. */
dialog.pcs-export-fields-dialog[open]{align-items:stretch;justify-content:flex-start;align-content:normal;height:min(720px,calc(100dvh - 24px));width:min(860px,calc(100vw - 24px));min-width:0;}
.pcs-export-fields-dialog>h3{flex:none;box-sizing:border-box;width:100%;overflow-wrap:anywhere;}
.pcs-export-fields-dialog>.pcs-export-column-picker{box-sizing:border-box;flex:1 1 0;min-height:0;min-width:0;max-width:calc(100% - 32px);width:calc(100% - 32px);margin:12px 16px;overflow:auto;}
.pcs-export-fields-dialog .pcs-export-column-picker>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));min-width:0;width:100%;overflow:visible;}
.pcs-export-fields-dialog .pcs-export-column-picker label{box-sizing:border-box;min-width:0;overflow-wrap:anywhere;}
.pcs-export-fields-dialog>.pcs-export-fields-footer{box-sizing:border-box;width:100%;flex:0 0 auto;position:static;margin:0;flex-wrap:wrap;gap:8px;padding:12px 16px;}
.pcs-export-fields-dialog .pcs-export-fields-status:empty{display:none;}
@media(max-width:480px){.pcs-export-fields-dialog>h3{padding:16px;font-size:18px;}.pcs-export-fields-dialog .pcs-export-column-picker>div{grid-template-columns:1fr;}.pcs-export-fields-dialog .pcs-export-column-picker{padding:10px;}.pcs-export-fields-footer button{flex:1;margin:0;min-height:42px;}}
@media(max-height:420px){.pcs-export-fields-dialog>h3{padding:8px 14px;font-size:16px;}.pcs-export-fields-dialog>.pcs-export-fields-footer{padding:6px 12px;}.pcs-export-fields-dialog>.pcs-export-column-picker{margin-top:6px;margin-bottom:6px;}}

.pcs-dialog .pcs-audit-filters .pcs-audit-filter-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;}
.pcs-audit-filter-action svg{flex:none;vertical-align:middle;}

/* Only Apply is the primary action in the audit filter form. */
.pcs-dialog .pcs-audit-filters .pcs-audit-filter-action{background:transparent!important;color:#24405c!important;border:1px solid transparent!important;box-shadow:none!important;font-weight:400;}
.pcs-dialog .pcs-audit-filters .pcs-audit-filter-action:hover{background:#edf2f7!important;color:#123652!important;}
.pcs-dialog .pcs-audit-filters .pcs-audit-filter-action:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}
.pcs-dialog .pcs-audit-filters .pcs-audit-filter-apply{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#c40018;color:#fff;border:1px solid #c40018;font-weight:700;}
.pcs-audit-filter-apply svg{flex:none;}

.pcs-export-overview-section{margin-top:18px;border-top:1px solid #dbe4ef;padding-top:14px;text-align:left;}.pcs-export-overview-section summary{font-weight:700;cursor:pointer;margin-bottom:12px;}.pcs-export-overview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:12px;}

.pcs-dialog .pcs-audit-table .pcs-audit-column-help{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;min-width:15px;padding:0;margin:4px 0 0 5px;border:1px solid #9aafc5;border-radius:50%;background:#fff;color:#315777;font:600 10px/1 system-ui;cursor:help;vertical-align:middle;box-shadow:none;}
.pcs-dialog .pcs-audit-table .pcs-audit-column-help:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}

dialog.pcs-column-help-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:22px;border:1px solid #d8e2ed;border-radius:12px;color:#183447;background:#fff;font:14px/1.65 system-ui;box-shadow:0 20px 70px #102a4340;}
.pcs-column-help-dialog::backdrop{background:#102a4370;}
.pcs-column-help-dialog h3{margin:0 0 12px;font-size:18px;}.pcs-column-help-dialog p{margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere;}.pcs-column-help-close{display:block;margin-left:auto;padding:8px 20px;border:0;border-radius:7px;background:#b42326;color:#fff;cursor:pointer;font:inherit;}

.pcs-dialog .pcs-audit-table .pcs-audit-missing-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:4px 0 0 6px;padding:0;border:1px solid #b42326;border-radius:5px;color:#b42326;background:#fff;font:bold 18px/1 system-ui;cursor:pointer;}.pcs-audit-missing-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}

.pcs-review-export-intro{padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px;flex:0 1 auto;overflow:auto;min-height:60px;}.pcs-review-export-intro label{display:flex;flex-direction:column;gap:7px;font-weight:600;}.pcs-review-export-intro select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;}.pcs-review-export-intro p{margin:10px 0 0;color:#526375;}.pcs-review-export-dialog>.pcs-export-column-picker{flex:1 1 180px;}.pcs-review-export-dialog>.pcs-export-fields-footer{flex-shrink:0;}

.pcs-audit-options [role=option]{display:flex;align-items:flex-start;gap:8px;}.pcs-audit-option-check{flex:none;color:#087f69;font-size:16px;}.pcs-audit-combo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.pcs-dialog .pcs-kpi-hint[hidden]{display:none!important;}
.pcs-dialog .pcs-kpi-hint::before{display:none;content:none;}
.pcs-kpi-hint-search{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;padding:4px 7px;margin-right:4px;cursor:pointer;border-radius:4px;}
.pcs-kpi-hint-search:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}
.pcs-dialog .pcs-aside>input.pcs-criteria-search{padding-left:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E");background-position:11px center;background-repeat:no-repeat;background-size:16px 16px;}

/* Applied filters describe the displayed result, independently of draft controls. */
.pcs-audit-filter-summary{padding:10px 14px;margin:10px 0 8px;border:1px solid #dbe5ef;border-left:3px solid #387fb6;border-radius:7px;background:#f5f9fd;color:#28445d;font-size:13px;line-height:1.7;overflow-wrap:anywhere;text-align:left;}
.pcs-audit-filter-summary>strong{color:#163447;}
/* Size deadline cards by available content width rather than viewport/sidebar width. */
.pcs-dialog .pcs-audit-deadline-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;align-items:stretch;text-align:left;}
.pcs-dialog .pcs-audit-deadline-summary>h4,.pcs-dialog .pcs-audit-deadline-summary>p,.pcs-dialog .pcs-audit-deadline-summary>small{grid-column:1/-1;margin:0;}
.pcs-dialog .pcs-audit-deadline-summary>.pcs-audit-card{min-width:0;min-height:86px;padding:12px 14px;margin:0;text-align:left;}
.pcs-dialog .pcs-audit-deadline-summary>.pcs-audit-card strong{font-size:24px;}
.pcs-dialog .pcs-audit-deadline-summary>.pcs-audit-card span{line-height:1.45;overflow-wrap:anywhere;}
@media(max-width:480px){.pcs-dialog .pcs-audit-deadline-summary{padding:10px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));}.pcs-dialog .pcs-audit-deadline-summary>.pcs-audit-card{padding:10px;min-height:82px;}.pcs-audit-filter-summary{padding:8px 10px;}}

.pcs-dialog .pcs-quick-scroll{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;z-index:31;}
.pcs-dialog .pcs-quick-scroll-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #c40018;border-radius:9px;background:#fff;color:#b42326;box-shadow:0 2px 10px #102a4320;cursor:pointer;}
.pcs-dialog .pcs-quick-scroll-button:hover{background:#b42326;color:#fff;}
.pcs-dialog .pcs-quick-scroll-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}