/* ACCGEN Wave H3 — desktop profile workspaces. Pure presentation; H1/H2, data logic and mobile are frozen. */ .accgen-h3-heading{display:contents} .accgen-h3-kicker,.accgen-h3-caption{display:none} @media(min-width:1051px){ #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list){--h3-ink:#12394f;--h3-muted:#72899a;--h3-border:#dce8f0;--h3-aqua:#18aaa6;--h3-blue:#0e719d;min-width:0} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;margin-bottom:18px;padding:0 1px 21px;border-bottom:1px solid #dce5ed} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-h3-heading{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:7px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-h3-kicker{display:block;color:#108d9d;font-size:10px;font-weight:850;letter-spacing:.12em;line-height:1.25} #view-main-layout .accgen-h3-kicker>span{padding:0 6px;color:#9fb1c0} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .page-header h2{margin:0;color:#12354d;font-size:clamp(24px,2.5vw,32px);font-weight:850;line-height:1.2;letter-spacing:-.04em} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-h3-caption{display:block;max-width:680px;margin:0;color:#73899a;font-size:12.5px;line-height:1.55} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-height:44px;margin:0;padding:10px 18px;border:1px solid #096b95;border-radius:10px;background:linear-gradient(110deg,#0e729e,#0b8a9c);box-shadow:0 5px 14px rgba(11,105,146,.15);font-size:12.5px;font-weight:800;white-space:nowrap} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn::before{content:"+";display:grid;place-items:center;box-sizing:border-box;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.16);font-size:17px;font-weight:600;line-height:1} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn:hover:not(:disabled){background:linear-gradient(110deg,#075a87,#077785);box-shadow:0 7px 18px rgba(11,105,146,.19)} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,315px);gap:15px;align-items:center;box-sizing:border-box;min-height:77px;margin-bottom:14px;padding:16px 17px;border:1px solid var(--h3-border);border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(17,54,83,.045)} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search{box-sizing:border-box;min-width:0;max-width:none;width:100%;min-height:44px;margin:0;padding:10px 45px 10px 43px;border:1px solid #d3e1eb;border-radius:10px;background-color:#f8fbfd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23778da3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:19px 19px;background-position:15px center;color:#173b54;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search::placeholder{color:#8a9fb0;opacity:1} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search:focus{border-color:#31a4bf;background-color:#fff;box-shadow:0 0 0 3px rgba(40,175,188,.13);outline:none} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:9px;min-width:0;white-space:nowrap} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper>label{color:#698195;font-size:11.5px;font-weight:750} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort{flex:1 1 auto;width:100%;min-width:0;max-width:245px;min-height:42px;margin:0;padding:8px 31px 8px 11px;border:1px solid #d4e1e9;border-radius:9px;background-color:#fff;color:#25465f;font-size:12px;font-weight:650;cursor:pointer} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort:focus-visible{outline:2px solid #2db3bb;outline-offset:2px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-bulk:not([hidden]){top:92px;z-index:70;min-width:0;margin-bottom:14px;padding:12px 16px;border-color:#afd9dd;border-radius:12px;background:rgba(240,251,251,.98);box-shadow:0 8px 19px rgba(15,71,99,.085);backdrop-filter:blur(8px)} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__count{flex:1 1 200px;color:#136475;font-size:12.5px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__actions{flex:0 1 auto;width:auto;gap:7px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__actions>.btn{min-height:36px;flex:0 0 auto;padding:7px 12px;border-radius:8px;font-size:11.5px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__reset{min-height:36px;padding:7px 8px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-data-status--ready{margin:0 0 10px;color:#647f91;font-size:11.5px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper{position:relative;box-sizing:border-box;width:100%;min-width:0;max-width:100%;max-height:min(64dvh,715px);margin:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--h3-border);border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(15,53,83,.045);scrollbar-color:#c6d8e5 transparent;scrollbar-width:thin} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table{width:100%;min-width:940px;table-layout:auto;border-collapse:separate;border-spacing:0;background:#fff} #view-main-layout :is(#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table{min-width:1040px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th{position:sticky;top:0;z-index:3;box-sizing:border-box;padding:15px 14px;border-bottom:1px solid #dde8f0;background:#f4f8fb;color:#587287;font-size:10.5px;font-weight:850;letter-spacing:.04em;line-height:1.35;white-space:nowrap;text-transform:uppercase} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th:first-child{width:50px;min-width:50px;max-width:50px;text-align:center} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th:last-child{width:248px;min-width:248px;text-align:left} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td{box-sizing:border-box;min-height:55px;padding:13px 14px;border-bottom:1px solid #edf1f5;background:transparent;color:#3b5870;font-size:12.5px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:first-child{width:50px;min-width:50px;max-width:50px;text-align:center} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:nth-child(2){font-weight:750;color:#193e56} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:nth-child(3){font-variant-numeric:tabular-nums} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:nth-child(even){background:#fbfdfe} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:hover{background:#eff8fb} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:focus-within{background:#f0fbfa;outline:2px solid #7fc9d3;outline-offset:-2px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:last-child td{border-bottom:0} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table :is(th,td) input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#148aa6;cursor:pointer;vertical-align:middle} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table :is(th,td) input[type=checkbox]:focus-visible{outline:2px solid #149caa;outline-offset:3px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:last-child{min-width:248px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;max-width:100%} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;min-height:35px;margin:0;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:none} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn-primary{background:#e6f2fa!important;border-color:#cde4f3!important;color:#0c6699!important} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn-secondary{background:#f0f5f8!important;border-color:#dee9ef!important;color:#355b74!important} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn-danger{background:#fff1f0!important;border-color:#f8d3cd!important;color:#ae504e!important} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn:hover:not(:disabled){filter:brightness(.96);transform:none} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn:focus-visible{outline:2px solid #149caa;outline-offset:2px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn:disabled{opacity:.48;cursor:not-allowed} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td[colspan]{padding:42px 22px!important;text-align:center!important;color:#7892a4;font-weight:550;font-size:13px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination{justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:14px 0 0;padding:4px 0} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>.btn{box-sizing:border-box;min-width:74px;min-height:37px;margin:0;padding:8px 12px;border:1px solid #d2e0ea;border-radius:9px;background:#fff;color:#276078;font-size:12px;font-weight:750;box-shadow:0 2px 6px rgba(15,53,83,.025)} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>.btn:hover:not(:disabled){border-color:#7fc6d0;background:#f3fbfc} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>.btn:disabled{opacity:.43;cursor:not-allowed} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>span{box-sizing:border-box;min-width:96px;padding:8px 12px;border:1px solid #dce8f0;border-radius:9px;background:#fff;text-align:center;color:#43667e;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums} } @media(min-width:1051px) and (max-width:1210px){ #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{grid-template-columns:minmax(0,1fr) 230px;gap:9px;padding:13px} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper>label{display:none} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn{padding:10px 13px} } @media(prefers-reduced-motion:reduce){#view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search{transition:none}} @media(min-width:1051px) and (max-width:1279px){ #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th:last-child{position:sticky;right:0;z-index:5;box-shadow:-7px 0 13px rgba(18,57,79,.07)} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:last-child:not([colspan]){position:sticky;right:0;z-index:2;background:#fff;box-shadow:-7px 0 13px rgba(18,57,79,.065)} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:nth-child(even) td:last-child:not([colspan]){background:#fbfdfe} #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:hover td:last-child:not([colspan]){background:#eff8fb} }