#app .hp06-lined-module .data-table,#app .hp06-striped{border-collapse:collapse;width:100%}
#app .hp06-lined-module .data-table tbody tr:nth-child(odd)>td,#app .hp06-striped tbody tr:nth-child(odd)>td,#modalRoot .hp06-striped tbody tr:nth-child(odd)>td{background:#dcebf3!important}
#app .hp06-lined-module .data-table tbody tr:nth-child(even)>td,#app .hp06-striped tbody tr:nth-child(even)>td,#modalRoot .hp06-striped tbody tr:nth-child(even)>td{background:#c4dce9!important}
#app .hp06-lined-module .data-table th,#app .hp06-lined-module .data-table td,#app .hp06-striped th,#app .hp06-striped td{border:1px solid #91afc2!important;padding:9px 11px!important;line-height:1.4;font-size:14px}
#app .hp06-lined-module .data-table thead th,#app .hp06-striped thead th{background:#174967!important;color:white!important}
.hp06-notices{margin:16px 0;padding:16px;border:1px solid #93b2c6;border-radius:8px;background:#e5f0f6;color:#15374d}
.hp06-notices h3{margin:0 0 8px}.hp06-notices p{margin:8px 0}.hp06-notice-scroll{max-height:380px;overflow:auto}.hp06-notice-scroll thead th{position:sticky;top:0;z-index:1}
.hp06-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hp06-summary button{text-align:left;color:#17354c;font:inherit}.hp06-summary .t,.hp06-summary .n,.hp06-summary .d{display:block}.hp06-summary .d{font-size:14px!important}
.hp06-notices summary{cursor:pointer;padding:10px;font-weight:700}.hp06-target>td{outline:2px solid #dd9100;outline-offset:-2px}
.kpi[role=button]{cursor:pointer}.kpi[role=button]:hover,.kpi[role=button]:focus-visible{outline:2px solid #24678f}
@media(max-width:700px){.hp06-summary{grid-template-columns:1fr!important}.hp06-notices{padding:10px}.manual-control-title-main{font-size:24px!important}}

#app .pms116-biweekly{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;width:100%;padding:2px;box-sizing:border-box}
#app .pms116-biweekly .hp05-slot{width:100%!important;min-width:0!important;white-space:nowrap;gap:3px;padding:5px 3px!important;overflow:hidden}
#app .pms116-biweekly small{flex:none;font-size:13px!important}
#app .pms116-table-wrap{max-width:100%;overflow-x:auto!important}
#app .main,#mainContent{min-width:0}
#app .pms116-table td{overflow-wrap:break-word!important}
#app .pms116-table{min-width:var(--hp06-width,1200px)!important;width:max(100%,var(--hp06-width,1200px))!important;table-layout:fixed!important}
@media(min-width:1001px){.hp06-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:701px) and (max-width:1000px){.hp06-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.hp06-evidence-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #b7ccd9;flex-wrap:wrap}.hp06-evidence-row>a{overflow-wrap:anywhere;flex:1 1 250px}.hp06-file-replace{position:relative;overflow:hidden;display:inline-flex!important;cursor:pointer}.hp06-file-replace input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.hp06-file-replace:focus-within{outline:2px solid #126091}

/* Paired labels need their own foreground on the shared dark table headers. */
#app :is(.hp06-lined-module .data-table,.hp06-striped) thead th :is(.op-en,.hp-lang-en,.pms116-en){color:#fff!important}
#app :is(.hp06-lined-module .data-table,.hp06-striped) thead th :is(.op-vi,.hp-lang-vi,.pms116-vi){color:#c8f3ec!important}