.hrq-page{display:flex!important;flex-direction:column;gap:16px!important;color:var(--ui-text,#172b40)}
.hrq-page .employee-page-head,.hrq-page .leave-submenu{margin:0!important}
.hrq-page .hrq-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hrq-page .hrq-filters>.host-input{width:280px!important;max-width:100%!important;min-height:44px}
.hrq-page .trip-fee-payroll-filter{margin:0!important;gap:10px;color:inherit}
.hrq-page .trip-fee-payroll-filter label{white-space:nowrap;color:inherit!important}
.hrq-page .employee-card{box-shadow:none!important;margin:0!important;min-width:0}
.hrq-page .hrq-ai{padding:12px 16px;border:1px solid var(--ui-line,#dae3eb);border-radius:10px}
.hrq-page .hrq-ai summary{cursor:pointer;font-weight:600;min-height:24px}
.hrq-page .hrq-ai>div{margin:12px 0 0!important;box-shadow:none!important}
.hrq-page .hrq-queue{padding:12px 16px!important;border-left:3px solid #c48c18!important}
.hrq-page .hrq-queue h2{font-size:16px!important;margin:0 0 6px}
.hrq-page .hrq-queue p{margin:4px 0!important}
#view .hrq-page table.hrq-table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
#view .hrq-page table.hrq-table th,#view .hrq-page table.hrq-table td{width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;padding:14px 10px!important;position:static!important;text-align:left;vertical-align:top}
#view .hrq-page table.hrq-table th{font-size:12px!important;font-weight:600!important}
#view .hrq-page table.hrq-table td{font-size:14px!important;line-height:1.55!important}
#view .hrq-page table.hrq-table th:first-child{width:22%!important}
#view .hrq-page[data-hrq="trip-fees"] table.hrq-table th:first-child{width:44px!important}
#view .hrq-page[data-hrq="trip-fees"] table.hrq-table th:nth-child(2){width:21%!important}
#view .hrq-page table.hrq-table .hrq-number{text-align:right!important;font-variant-numeric:tabular-nums;font-weight:600}
.hrq-page .hrq-table .host-status{white-space:normal!important;word-break:normal!important;display:inline-block!important;max-width:100%;font-size:12px!important;line-height:1.6!important;padding:4px 8px!important}
.hrq-page .hrq-open{min-height:44px!important;padding:8px 12px!important;white-space:nowrap!important}
.hrq-page .hrq-table td::before{content:none!important}
.hrq-page .hrq-table [hidden]{display:none!important}
.hrq-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--ui-line,#d6e0ea);border-radius:16px;background:var(--ui-surface,#fff);color:var(--ui-text,#172b40);z-index:15000}
.hrq-dialog::backdrop{background:rgb(0 0 0 / .45)}
.hrq-dialog header,.hrq-dialog footer{padding:16px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hrq-dialog header{border-bottom:1px solid var(--ui-line,#d6e0ea)}
.hrq-dialog h2{font-size:20px;margin:0}.hrq-dialog h3{font-size:13px;margin:0 0 6px;color:var(--ui-muted,#566779)}
.hrq-details{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow-wrap:anywhere}
.hrq-details section{min-width:0}.hrq-dialog .host-btn{min-height:44px}
.hrq-dialog footer{border-top:1px solid var(--ui-line,#d6e0ea);justify-content:flex-end}
.hrq-page button:focus-visible,.hrq-dialog button:focus-visible,.hrq-page summary:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
@media(max-width:900px){
 .hrq-page .hrq-filters{align-items:stretch}.hrq-page .hrq-filters>.host-input{flex:1 1 220px;width:auto!important}
 #view .hrq-page table.hrq-table,#view .hrq-page table.hrq-table tbody{display:block!important}
 #view .hrq-page table.hrq-table thead{display:none!important}
 #view .hrq-page table.hrq-table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:16px!important;margin:0 0 12px!important;border:1px solid var(--ui-line,#d6e0ea)!important;border-radius:12px!important}
 #view .hrq-page table.hrq-table tr[hidden],#view .hrq-page table.hrq-table tr[style*="display: none"]{display:none!important}
 #view .hrq-page table.hrq-table td{display:block!important;padding:0!important;border:0!important;width:auto!important;background:transparent!important}
 #view .hrq-page table.hrq-table td:first-child,#view .hrq-page table.hrq-table td:last-child{grid-column:1/-1}
 #view .hrq-page table.hrq-table td:before{content:attr(data-label)!important;display:block!important;color:var(--ui-muted,#566779);font-size:12px!important;font-weight:400!important;margin-bottom:4px}
 #view .hrq-page table.hrq-table td[data-label="จัดการ"]:before,#view .hrq-page table.hrq-table td[data-label="พนักงาน"]:before{display:none!important}
 #view .hrq-page table.hrq-table .hrq-number{text-align:left!important}
 #view .hrq-page[data-hrq="trip-fees"] table.hrq-table td[data-label="พนักงาน"]{grid-column:1/-1}
 .hrq-page .hrq-open{width:100%!important}.hrq-page .trip-fee-payroll-filter label{white-space:normal}
 .hrq-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.hrq-details{grid-template-columns:1fr}.hrq-dialog footer .host-btn{flex:1 1 120px}
}

#view .hrq-page table.hrq-table tbody{width:auto!important;max-height:none!important}
@media(min-width:901px){#view .hrq-page table.hrq-table thead{display:table-header-group!important}#view .hrq-page table.hrq-table tbody{display:table-row-group!important}#view .hrq-page table.hrq-table tr{display:table-row!important}#view .hrq-page table.hrq-table td,#view .hrq-page table.hrq-table th{display:table-cell!important}}
#view .hrq-page table.hrq-table .host-status.pending{background:#fff4cc!important;color:#805400!important}
#view .hrq-page table.hrq-table .host-status.ok{background:#ddf4e7!important;color:#176340!important}
#view .hrq-page table.hrq-table .host-status.danger{background:#ffe3e3!important;color:#a42323!important}
#view .hrq-page table.hrq-table td[data-label="สถานะ"]>:not(:first-child){display:none!important}
.hrq-page .employee-filters:empty{display:none!important}
#view .hrq-page table.hrq-table tr[hidden],#view .hrq-page table.hrq-table tr[style*="display: none"]{display:none!important}

/* Keep OT reasons readable alongside the requested times and amount. */
@media(min-width:901px){
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(1){width:19%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(2){width:14%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(3){width:13%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(4){width:8%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(5){width:9%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(6){width:19%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(7){width:8%!important}
 #view .hrq-page[data-hrq="ot"] table.hrq-table th:nth-child(8){width:10%!important}
}
#view .hrq-page[data-hrq="ot"] table.hrq-table td[data-label="หมายเหตุ"]{white-space:pre-wrap!important}
@media(max-width:900px){#view .hrq-page[data-hrq="ot"] table.hrq-table td[data-label="หมายเหตุ"]{grid-column:1/-1!important}}