/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Loaded exclusively for page=office; homepage/detail/edit/stats are unchanged. */
.office-horizontal-page{--office-columns:42px minmax(240px,1.1fr) minmax(410px,1.8fr) 235px 128px;--office-row-gap:16px;min-width:0;margin-top:20px}
.office-horizontal-page .office-list-hint{font-size:12px;color:#60796d;margin:0 0 10px}
.office-horizontal-page .office-horizontal-scroll{max-width:100%;overflow-x:auto;border:1px solid #dce9e1;border-radius:17px;background:#fff;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
.office-horizontal-page .office-list-columns,.office-horizontal-page .office-row{display:grid!important;grid-template-columns:var(--office-columns);align-items:center;gap:var(--office-row-gap);min-width:1180px;padding:17px 20px}
.office-horizontal-page .office-list-columns{background:#edf6f1;color:#315f4d;font-size:12px;font-weight:700;border-bottom:1px solid #dce9e1}
.office-horizontal-page .office-list{display:block!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent;min-width:1180px;margin-top:0!important}
.office-horizontal-page .office-row{width:100%;margin:0!important;border:0!important;border-bottom:1px solid #edf2ef!important;border-radius:0!important;background:#fff;box-shadow:none!important;transform:none!important;transition:background-color .18s}
.office-horizontal-page .office-row:last-child{border-bottom:0!important}
.office-horizontal-page .office-row:hover,.office-horizontal-page .office-row:focus-within{background:#f3faf6}
.office-horizontal-page .office-row-main{display:contents!important}
.office-horizontal-page .office-number{grid-column:1;width:36px;min-width:36px;height:36px;border-radius:10px;font-size:12px}
.office-horizontal-page .office-title{grid-column:2;min-width:0;display:block;font-size:14px;line-height:1.8;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overflow-wrap:normal}
.office-horizontal-page .office-row .office-public-meta{grid-column:3;min-width:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;margin:0!important;font-size:12px;line-height:1.9;overflow-wrap:normal;color:#5a7166}
.office-horizontal-page .office-row small{grid-column:4;min-width:0;white-space:nowrap;font-size:12px;color:#4e715e}
.office-horizontal-page .office-row>.btn{grid-column:5;grid-row:1;justify-self:end;min-width:112px;margin:0!important;white-space:nowrap;border-radius:10px;font-size:13px;padding:9px 14px}
.office-horizontal-page .office-row-main>:is(a,p,small){grid-row:1}
.office-horizontal-page .office-horizontal-scroll>nav{min-width:0;padding:0 20px}
.office-horizontal-page .office-horizontal-scroll:focus-visible{outline:3px solid #16846a;outline-offset:3px}
@media(max-width:767.98px){.office-horizontal-page .office-list-columns,.office-horizontal-page .office-row{padding-top:14px;padding-bottom:14px}.office-horizontal-page .office-list-hint{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.office-horizontal-page .office-row{transition:none}}