/* Customer register only; original search, filters and customer actions remain. */
#customers { --reg-bg:#fff; --reg-soft:#f6f8fa; --reg-line:#dce5eb; --reg-text:#243b50; --reg-muted:#748596; --reg-green:#478b3c; }
#customers [hidden] { display:none !important; }
#customers>.topbar .btn { min-height:40px; font-size:12px; }
#customers>.panel { box-shadow:0 2px 6px #17304704; }
#customers>.panel>.panel-head { padding:18px 20px; gap:14px; align-items:center; }
#customers .filters { display:flex; flex:1; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; }
#customers .ow-reg-search { display:flex; align-items:center; flex:1 1 280px; max-width:460px; gap:10px; height:42px; padding:0 12px; border:1px solid var(--reg-line); border-radius:8px; background:var(--reg-bg); }
#customers .ow-reg-search>svg { width:17px; height:17px; flex-shrink:0; color:var(--reg-muted); }
#customers #search { width:100%; min-width:0; height:40px; min-height:40px; padding:0; border:0; outline:0; box-shadow:none; background:transparent; color:var(--reg-text); font-size:12px; }
#customers .ow-reg-search:focus-within { border-color:var(--reg-green); outline:2px solid color-mix(in srgb,var(--reg-green) 20%,transparent); outline-offset:2px; }
#customers .ow-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:155px; max-width:100%; min-height:42px; padding:9px 12px; border:1px solid var(--reg-line); border-radius:8px; background:var(--reg-bg); color:var(--reg-text); font:12px/20px Inter,sans-serif; text-align:left; cursor:pointer; }
#customers #resultCount { flex-shrink:0; padding:6px 9px; background:var(--reg-soft); border:1px solid var(--reg-line); border-radius:6px; color:var(--reg-muted); font-size:10px; white-space:nowrap; }
#customers .ow-reg-reset { border:0; background:none; color:var(--reg-green); padding:8px 4px; font:500 11px/20px Inter,sans-serif; cursor:pointer; }
#customers .table-wrap { overflow-x:auto; }
#customers .table { table-layout:fixed; width:100%; min-width:1080px; }
#customers .table th { padding:13px 16px; font-size:10px; text-transform:none; letter-spacing:0; font-weight:500; color:var(--reg-muted); background:var(--reg-soft); border-color:var(--reg-line); }
#customers .table td { padding:19px 16px; vertical-align:top; font-size:12px; border-color:var(--reg-line); color:var(--reg-text); overflow-wrap:anywhere; }
#customers .table td:nth-child(4) { min-width:0; }
#customers .table td:nth-child(8) { white-space:normal; }
#customers .table th:nth-child(1) { width:18%; }
#customers .table th:nth-child(2) { width:15%; }
#customers .table th:nth-child(3) { width:20%; }
#customers .table th:nth-child(4) { width:14%; }
#customers .table th:nth-child(5) { width:8%; }
#customers .table th:nth-child(6) { width:11%; }
#customers .table th:nth-child(7) { width:8%; }
#customers .table th:nth-child(8) { width:6%; text-align:right; }
#customers .table td:last-child,#customers .table th:last-child { padding-inline:12px; text-align:right; }
#customers .table tbody tr:last-child td { border-bottom:0; }
#customers .table tbody tr:hover { background:color-mix(in srgb,var(--reg-green) 3%,var(--reg-bg)); }
#customers .ow-reg-name { display:block; max-width:100%; padding:0; border:0; background:none; color:var(--reg-text); font:600 13px/1.65 Inter,sans-serif; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
#customers .ow-reg-name:hover { color:var(--reg-green); text-decoration:underline; text-underline-offset:3px; }
#customers #customerRows .muted { margin-top:5px; color:var(--reg-muted); font-size:11px; line-height:1.65; }
#customers .ow-reg-sites,#customers .ow-reg-systems { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
#customers .ow-reg-site { display:block; font-size:11px; line-height:1.65; }
#customers .ow-reg-site>small { color:var(--reg-muted); font-size:10px; margin-left:5px; white-space:nowrap; }
#customers .ow-reg-system { display:flex; align-items:center; flex-wrap:wrap; gap:6px; max-width:100%; color:var(--reg-text); font-size:11px; line-height:1.5; }
#customers .ow-reg-system .badge { padding:3px 6px; margin:0; font-size:9px; font-weight:600; white-space:nowrap; }
#customers .ow-reg-expand { padding:1px 0; border:0; background:transparent; color:var(--reg-green); cursor:pointer; font:500 10px/20px Inter,sans-serif; }
#customers .ow-reg-money { display:grid; gap:9px; font-variant-numeric:tabular-nums; }
#customers .ow-reg-money>div { display:flex; flex-direction:column; gap:3px; }
#customers .ow-reg-money small { font-size:9px; color:var(--reg-muted); }
#customers .ow-reg-money b { font-size:12px; font-weight:500; }
#customers .ow-reg-renewal { display:block; white-space:nowrap; font-variant-numeric:tabular-nums; }
#customers .ow-reg-actions { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:1px solid var(--reg-line); border-radius:8px; background:var(--reg-bg); color:var(--reg-muted); cursor:pointer; }
#customers .ow-reg-actions svg { width:18px; height:18px; }
#customers .ow-reg-actions:hover,#customers .ow-reg-actions[aria-expanded="true"] { border-color:var(--reg-green); color:var(--reg-green); background:color-mix(in srgb,var(--reg-green) 7%,var(--reg-bg)); }
#customers .ow-reg-action-source { display:none; }
#customers .table .empty { padding:42px 20px; color:var(--reg-muted); font-size:12px; text-align:center; }
#customers :is(button,input):focus-visible { outline:2px solid var(--reg-green); outline-offset:3px; }
#customers #search:focus-visible { outline:0; }
.ow-register-menu { position:fixed; inset:auto; width:212px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; margin:0; padding:6px; border:1px solid #dce5eb; border-radius:10px; background:#fff; color:#243b50; box-shadow:0 12px 38px #10233b26; }
.ow-register-menu:popover-open { display:grid; gap:3px; }
.ow-register-menu>.btn { display:flex; justify-content:flex-start; gap:11px; width:100%; min-height:40px; margin:0; padding:10px 11px; border:0; border-radius:6px; background:transparent; color:inherit; font:400 12px/20px Inter,sans-serif; text-align:left; box-shadow:none; }
.ow-register-menu>.btn>svg { width:17px; height:17px; flex-shrink:0; color:#748596; }
.ow-register-menu>.btn:hover,.ow-register-menu>.btn:focus-visible { background:#edf5e9; color:#386f31; outline:0; }
@media screen {
  html[data-ow-theme="dark"] #customers { --reg-bg:#192431; --reg-soft:#131e2a; --reg-line:#35475a; --reg-text:#e5ecf4; --reg-muted:#a5b4c5; --reg-green:#a5d496; }
  html[data-ow-theme="dark"] .ow-register-menu { background:#192431; color:#e5ecf4; border-color:#43556a; box-shadow:0 15px 45px #0006; }
  html[data-ow-theme="dark"] .ow-register-menu>.btn:hover,html[data-ow-theme="dark"] .ow-register-menu>.btn:focus-visible { background:#2c4034; color:#c0e5b5; }
  html[data-ow-theme="dark"] .ow-register-menu>.btn>svg { color:#a5b4c5; }
}
@media(max-width:760px) {
  #customers>.panel>.panel-head { padding:16px; }
  #customers .filters { flex-basis:100%; }
  #customers .ow-reg-search { flex-basis:100%; max-width:none; }
  #customers .filters>.ow-select-trigger { flex:1 1 42%; width:auto; font-size:16px; }
  #customers #search { font-size:16px; }
  #customers .table,#customers .table.v13-card-table { min-width:0; }
  #customers .table tbody { gap:12px; padding:12px; }
  #customers .table.v13-card-table tr { padding:14px; border:1px solid var(--reg-line); background:var(--reg-bg); border-radius:10px; }
  #customers .table.v13-card-table td { grid-template-columns:83px minmax(0,1fr); padding:10px 0 !important; border-color:var(--reg-line) !important; min-width:0; font-size:12px; }
  #customers .table.v13-card-table td::before { color:var(--reg-muted); font-size:10px; text-transform:none; letter-spacing:0; font-weight:400; }
  #customers .table.v13-card-table td:first-child { display:block; padding-top:0 !important; }
  #customers .table.v13-card-table td:first-child::before { display:none; }
  #customers .table.v13-card-table td:last-child { text-align:left !important; }
  #customers .table.v13-card-table td>.badge { justify-self:start; }
  #customers .ow-reg-money { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #customers .ow-reg-name { font-size:14px; }
  #customers .ow-reg-actions { width:40px; height:40px; }
}