/* HF05EV: Kanokphan customer registry mockup, scoped to the registry page only. */
#page-content:has(.ops-customer-registry){padding:14px 22px 30px!important;background:#f6f9fb!important}
.ops-customer-registry.cr-refresh{max-width:none!important;width:100%!important;margin:0!important;gap:0!important;padding:0!important;background:transparent!important;min-height:0!important}
.ops-customer-registry.cr-refresh>.ar-heading{display:grid!important;grid-template-columns:minmax(240px,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:3px!important;align-items:center!important;max-width:none!important;width:100%!important;margin:0 0 13px!important;padding:4px 0 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ops-customer-registry.cr-refresh>.ar-heading h1{grid-column:1!important;grid-row:1!important;gap:12px!important;font-size:24px!important;font-weight:800!important;color:#17324a!important}
.ops-customer-registry.cr-refresh>.ar-heading h1 svg{box-sizing:content-box;width:22px!important;height:22px!important;padding:9px!important;border-radius:9px!important;background:#dbf6f1!important;border:1px solid #9de3d9!important;color:#098867!important}
.ops-customer-registry.cr-refresh>.ar-heading .cr-subtitle{grid-column:1!important;grid-row:2!important;font-size:12px!important;margin:0 0 0 53px!important;color:#738398!important}
.ops-customer-registry.cr-refresh>.ar-heading>.ar-actions{grid-column:2!important;grid-row:1/3!important;gap:8px!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.ops-customer-registry.cr-refresh>.ar-heading>.ar-actions button{font-size:12px!important;font-weight:600!important;min-height:39px!important;height:39px!important;border:1px solid #cbd9e7!important;padding:7px 11px!important;color:#203e5a!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 5px #e6eff4!important}
.ops-customer-registry.cr-refresh>.ar-heading>.ar-actions [data-ar=new]{background:#087f5d!important;color:#fff!important;border-color:#087f5d!important}
.ops-customer-registry.cr-refresh #ar-body{width:100%!important;max-width:none!important;display:grid!important;gap:12px!important}
.ops-customer-registry .cr-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0}
.ops-customer-registry .cr-kpi{display:flex!important;text-align:left!important;align-items:center!important;position:relative!important;gap:12px!important;padding:13px 12px!important;min-height:86px!important;border:1px solid #e8eef4!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 14px rgba(27,57,76,.045)!important;color:#172f48!important}
.ops-customer-registry .cr-kpi[aria-pressed=true]{outline:2px solid #097b61!important;outline-offset:-2px!important}
.ops-customer-registry .cr-kpi:disabled{opacity:.7;cursor:default!important}
.ops-customer-registry .cr-kpi-icon{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border-radius:11px;background:#e5f1ff;color:#1674d1}
.ops-customer-registry .cr-kpi-icon svg{width:23px!important;height:23px!important}
.ops-customer-registry .cr-green .cr-kpi-icon{background:#e1f8ed;color:#16a56a}.ops-customer-registry .cr-orange .cr-kpi-icon{background:#fff0e0;color:#f39717}.ops-customer-registry .cr-sky .cr-kpi-icon{background:#eaf3ff;color:#1a74d5}.ops-customer-registry .cr-purple .cr-kpi-icon{background:#f0e9ff;color:#813af0}.ops-customer-registry .cr-red .cr-kpi-icon{background:#fff0f0;color:#e63945}
.ops-customer-registry .cr-kpi-copy{display:grid;gap:4px;min-width:0;font-size:12px;color:#607184;white-space:normal}.ops-customer-registry .cr-kpi-copy strong{font-size:24px;line-height:1.05;color:#162e43;font-weight:850;white-space:nowrap}.ops-customer-registry .cr-kpi-copy small{font-size:11px;color:#728499;font-weight:400}.ops-customer-registry .cr-red .cr-kpi-copy strong{color:#e22d40}.ops-customer-registry .cr-kpi>svg{margin-left:auto;color:#8793a5;flex:0 0 auto}
.ops-customer-registry .cr-filter-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:13px 14px!important;border:1px solid #e4ecf2!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px rgba(27,57,76,.04)!important}
.ops-customer-registry .cr-search{height:42px;position:relative;display:flex;align-items:center;min-width:0}
.ops-customer-registry .cr-search>svg{position:absolute;left:14px;z-index:2;width:18px;height:18px;color:#76889e}
.ops-customer-registry .cr-search input{height:42px!important;min-height:42px!important;width:100%;border:1px solid #d0dce9!important;border-radius:8px!important;padding:9px 36px 9px 42px!important;background:#fff!important;font-size:12px!important}
.ops-customer-registry .cr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ops-customer-registry .cr-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr)) auto auto;gap:10px;align-items:end}
.ops-customer-registry .cr-filter-grid label,.ops-customer-registry .cr-more label{display:grid;gap:5px;min-width:0;color:#3a5268;font-size:11px!important;font-weight:700!important;margin:0!important}
.ops-customer-registry .cr-filter-grid select,.ops-customer-registry .cr-more select{width:100%;min-width:0;height:36px!important;min-height:36px!important;border:1px solid #d3dfeb!important;border-radius:8px!important;background:#fff;color:#253e55;font-size:11px;padding:6px 9px!important}
.ops-customer-registry .cr-filter-grid>button{height:36px!important;min-height:36px!important;white-space:nowrap;border:1px solid #cddfeb!important;background:#fff!important;border-radius:8px!important;font-size:11px!important;color:#1973b1!important;padding:7px 10px!important}
.ops-customer-registry .cr-more:not([hidden]){display:flex;gap:11px;padding:8px;border-top:1px solid #ebf0f4}.ops-customer-registry .cr-more label{width:min(230px,45%)}.ops-customer-registry .cr-more[hidden]{display:none!important}
.ops-customer-registry #customer-table{border:1px solid #e4ecec!important;border-radius:11px!important;background:#fff!important;box-shadow:0 4px 12px rgba(27,57,76,.045)!important;overflow:hidden!important}
.ops-customer-registry #customer-table>.ar-scroll{max-height:min(57vh,650px)!important;min-height:150px!important;margin:0!important;border:0!important;border-radius:0!important;overflow:auto!important;background:#fff!important}
.ops-customer-registry #customer-table table{border-collapse:collapse!important;width:100%!important;min-width:1390px!important;font-size:11px!important;line-height:1.3!important}
.ops-customer-registry #customer-table thead th{position:sticky!important;top:0!important;z-index:2!important;height:39px!important;min-height:39px!important;background:#e9f7f0!important;border:0!important;border-bottom:1px solid #dbe8e2!important;color:#235646!important;padding:7px 9px!important;font-size:10px!important;font-weight:800!important;text-align:left!important;white-space:nowrap}
.ops-customer-registry #customer-table td{height:46px!important;min-height:46px!important;padding:7px 9px!important;border:0!important;border-bottom:1px solid #e7ecf1!important;vertical-align:middle!important;font-size:11px!important;color:#273f56!important}
.ops-customer-registry #customer-table tbody tr:nth-child(even){background:#f8fbfd!important}.ops-customer-registry #customer-table tbody tr:hover{background:#eaf7f2!important}
.ops-customer-registry #customer-table .ar-link{font-weight:800!important;color:#006bbb!important;text-decoration:none!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.ops-customer-registry #customer-table .cm-customer-name{display:block!important;font-weight:700!important;max-width:360px!important;white-space:normal!important;color:#2a4357!important}.ops-customer-registry #customer-table .cm-secondary{font-size:9px!important;line-height:1.35!important;color:#84919e!important;margin-top:2px!important}
.ops-customer-registry #customer-table .cr-type{display:inline-flex;background:#ecf3fc;color:#1769ad;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700}.ops-customer-registry #customer-table .cr-type.individual{background:#f0f3f7;color:#536478}.ops-customer-registry #customer-table .cr-type.unknown{background:#f7f8fa;color:#828da0}
.ops-customer-registry #customer-table .cm-level{border:0!important;border-radius:5px!important;background:#dff0ff!important;color:#0b6bbc!important;font-size:10px!important;font-weight:750!important;min-width:41px!important;padding:4px 7px!important}
.ops-customer-registry #customer-table .cm-status{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:20px!important;padding:5px 9px!important;background:#def8eb!important;color:#108256!important;font-size:10px!important;font-weight:700!important}.ops-customer-registry #customer-table .cm-status svg{width:13px!important;height:13px!important}.ops-customer-registry #customer-table .cm-inactive{background:#fff0e8!important;color:#bd7548!important}.ops-customer-registry #customer-table .cr-overdue{display:block;margin-top:3px;color:#dc3b48!important;font-weight:700!important;font-size:9px!important}
.ops-customer-registry #customer-table .cr-money{text-align:right!important;font-variant-numeric:tabular-nums!important;white-space:nowrap}.ops-customer-registry #customer-table .cr-money.is-overdue{color:#e23644!important;font-weight:800!important}
.ops-customer-registry #customer-table .ar-actions{display:flex!important;gap:5px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
.ops-customer-registry #customer-table .ar-actions button{display:inline-flex!important;gap:4px!important;align-items:center!important;height:27px!important;min-height:27px!important;padding:5px 7px!important;border-radius:6px!important;border:1px solid #d2dfeb!important;background:#fff!important;color:#166cae!important;box-shadow:none!important;font-size:10px!important;white-space:nowrap!important}
.ops-customer-registry #customer-table .ar-actions button svg{height:13px!important;width:13px!important}.ops-customer-registry #customer-table .ar-actions .cr-row-more{padding:5px!important}
.ops-customer-registry #customer-table .cr-sort{display:inline-flex;align-items:center;gap:4px;border:0!important;background:transparent!important;color:#235646!important;box-shadow:none!important;padding:0!important;font-size:10px!important;font-weight:800!important;min-height:20px!important}.ops-customer-registry #customer-table .cr-sort svg{width:12px!important;height:12px!important}
.ops-customer-registry #customer-table input[type=checkbox]{accent-color:#0b8163;width:15px;height:15px}.ops-customer-registry #customer-table .cr-index{color:#71869a!important;width:25px!important}
.ops-customer-registry .cr-footer{display:flex;align-items:center;gap:12px;padding:3px 5px;flex-wrap:wrap;color:#647a8d;font-size:11px}.ops-customer-registry .cr-footer label{display:flex;align-items:center;gap:7px;white-space:nowrap}.ops-customer-registry .cr-footer select{width:64px!important;height:30px!important;min-height:30px!important;background:#fff!important;border-radius:6px!important;font-size:11px!important}.ops-customer-registry .cr-footer #customer-count{margin-left:auto}.ops-customer-registry .cr-pages{display:flex;gap:5px;align-items:center}.ops-customer-registry .cr-pages button{min-height:29px;height:29px;padding:4px 8px!important;font-size:10px!important;border:1px solid #d7e2ec!important;background:#fff!important;color:#4b708e!important;border-radius:6px!important}.ops-customer-registry .cr-pages button[aria-current=page]{background:#0b8060!important;border-color:#0b8060!important;color:#fff!important}.ops-customer-registry #customer-page-buttons{display:flex;gap:4px}.ops-customer-registry .cr-pages button:disabled{opacity:.4;cursor:default}
@media(max-width:1450px){.ops-customer-registry .cr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-customer-registry .cr-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr)) auto auto}}
@media(max-width:800px){.ops-customer-registry.cr-refresh>.ar-heading{grid-template-columns:1fr!important}.ops-customer-registry.cr-refresh>.ar-heading>.ar-actions{grid-column:1!important;grid-row:3!important;justify-content:flex-start!important}.ops-customer-registry .cr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-customer-registry .cr-filter-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.ops-customer-registry .cr-footer #customer-count{margin-left:0}}
@media(max-width:500px){#page-content:has(.ops-customer-registry){padding:8px!important}.ops-customer-registry .cr-kpis{grid-template-columns:1fr 1fr;gap:6px}.ops-customer-registry .cr-kpi{min-height:70px!important;padding:7px!important;gap:7px!important}.ops-customer-registry .cr-kpi-icon{width:33px;height:33px;flex-basis:33px}.ops-customer-registry .cr-kpi-copy strong{font-size:18px}.ops-customer-registry .cr-filter-grid{grid-template-columns:1fr 1fr}.ops-customer-registry.cr-refresh>.ar-heading>.ar-actions button{min-height:32px!important;font-size:10px!important}.ops-customer-registry .cr-footer{gap:6px}}
/* Table sizing for 12-column mockup (override old 8-column registry widths). */
.ops-customer-registry.cr-refresh #customer-table table{table-layout:auto!important;min-width:1480px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(1){width:33px!important;min-width:33px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(2){width:34px!important;min-width:34px!important;max-width:34px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(3){width:143px!important;min-width:125px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(4){width:26%!important;min-width:230px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(5){width:83px!important;min-width:83px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(6){width:142px!important;min-width:136px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(7){width:107px!important;min-width:105px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(8){width:95px!important;min-width:95px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(9){width:82px!important;min-width:82px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(10){width:112px!important;min-width:110px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(11){width:115px!important;min-width:115px!important}
.ops-customer-registry.cr-refresh #customer-table th:nth-child(12){width:250px!important;min-width:246px!important}
.ops-customer-registry.cr-refresh .cr-footer label{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important}
.ops-customer-registry.cr-refresh .cr-footer #customer-page-size{flex:none!important;width:60px!important}
.ops-customer-registry.cr-refresh .cr-footer>label{flex-direction:row!important;flex-wrap:nowrap!important;align-self:center!important;min-width:max-content!important}