.clients-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.clients-heading h1{margin:8px 0}.clients-page .client-primary{background:#214e64;color:#fff;border-color:#214e64;display:inline-flex;align-items:center;gap:8px;padding:12px 16px}.clients-page svg,.client-dialog svg{width:18px;height:18px;flex-shrink:0}.clients-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clients-summary .client-summary-card{background:#fff;border:1px solid #dfe6eb;border-radius:12px;padding:18px 22px}.clients-summary span,.clients-summary small{display:block;color:#657582;font-size:13px}.clients-summary strong{display:block;font-size:30px;font-weight:600;margin:8px 0}.clients-summary small{font-size:12px}.clients-page .clients-list{padding:0;overflow:hidden}.clients-toolbar{padding:20px;display:flex;align-items:center;gap:20px}.clients-count{color:#657582;font-size:14px;white-space:nowrap}.clients-search{margin:0 0 0 auto;width:380px;max-width:100%}.clients-search input{height:44px;width:100%;font-size:14px}.clients-list th{background:#f7f9fa;white-space:nowrap;padding:12px 20px}.clients-list td{padding:6px 20px;vertical-align:middle;font-variant-numeric:tabular-nums}.clients-list td:first-child{font-weight:500;min-width:220px}.clients-list td:nth-child(2){white-space:nowrap}.client-column{display:inline-flex;align-items:center;gap:6px}.client-sort{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;flex-shrink:0}.clients-list .client-sort select{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.client-sort:hover,th[aria-sort=ascending] .client-sort,th[aria-sort=descending] .client-sort{background:#e4edf2;color:#214e64}.client-sort:focus-within{outline:2px solid #214e64;outline-offset:2px}.client-row-actions{display:flex;gap:4px}.client-icon-button{border:0;border-radius:6px;width:34px;height:34px;background:transparent;color:#476071;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.client-icon-button:hover{background:#edf2f5}.client-icon-button.client-delete{color:#a83e3e}.clients-paging{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#657582;font-size:13px}.clients-load-status{margin:0 20px}.clients-load-status:empty{display:none}.client-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.client-fields label{margin:0}.client-fields input{width:100%;margin-top:8px}.client-fields label:first-child{grid-column:1/-1}.client-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.client-danger{color:#fff;background:#a23636;border-color:#a23636}.client-danger:hover{background:#822828}.client-dialog .feedback{color:#a23636}.client-dialog .client-primary{background:#214e64;color:#fff;border-color:#214e64}@media(max-width:700px){.clients-heading{align-items:flex-start;flex-wrap:wrap}.clients-summary{grid-template-columns:1fr;gap:8px}.clients-summary .client-summary-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.clients-summary strong{margin:0;font-size:26px}.clients-summary small{display:none}.clients-toolbar{flex-wrap:wrap;padding:16px}.clients-search{width:100%}.client-fields{grid-template-columns:1fr}.clients-list td,.clients-list th{padding-left:14px;padding-right:14px}}@media(pointer:coarse){.client-icon-button,.client-sort{width:44px;height:44px}}

.clients-page-size{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:13px;font-weight:400;color:#657582}.clients-paging .clients-page-size select{height:34px;min-width:72px}.clients-paging>div{display:flex;gap:6px}@media(max-width:700px){.clients-page-size{margin-left:0}}

.dashboard-content.clients-page{padding-top:12px}.clients-page .clients-heading{margin-bottom:10px}.clients-page .clients-heading h1{margin:2px 0;font-size:28px}.clients-page .clients-summary .client-summary-card{padding:10px 18px}.clients-page .clients-summary strong{font-size:25px;margin:3px 0}.clients-page .clients-list{margin-top:10px}.clients-page .clients-summary{gap:12px}

.clients-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.clients-header-actions .clients-toolbar{padding:0;margin:0;display:block}.clients-header-actions .clients-search{display:block;width:360px;margin:0}.clients-header-actions .action-button{margin:0}.clients-page .clients-heading{flex-wrap:wrap}.clients-header-actions input{margin:0}.clients-page .clients-header-actions>.client-primary{width:160px;min-width:160px;max-width:160px;height:44px;min-height:44px;box-sizing:border-box;flex:0 0 160px;justify-content:center;padding:0 16px;font-size:13px;line-height:1.2;white-space:nowrap}.clients-page .clients-header-actions .clients-search input{width:100%;height:44px;min-height:44px;box-sizing:border-box;padding:0 14px;font-size:14px}@media(max-width:700px){.clients-header-actions{width:100%;justify-content:flex-start}.clients-header-actions .clients-toolbar{flex:1;min-width:200px}.clients-header-actions .clients-search{width:100%}}@media(max-width:480px){.clients-page .clients-header-actions .clients-toolbar{min-width:0;width:100%;flex-basis:100%}}

.clients-page .clients-summary .client-summary-card{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:20px 16px}.clients-page .clients-summary strong{margin:0;flex-shrink:0;font-size:28px;min-width:52px;text-align:right;order:1;margin-left:auto}.clients-summary .client-summary-card>div{min-width:0}.clients-summary .client-summary-card small{margin-top:5px}.client-address{border:0;border-top:1px solid #dfe6eb;margin:22px 0 0;padding:16px 0 0;min-width:0}.client-address legend{font-weight:600;padding-right:12px}.client-address .client-fields{margin-top:0}.client-address .client-fields label:first-child{grid-column:auto}

.client-editor{width:min(940px,94vw);padding:0;max-height:90vh;overflow:hidden}.client-editor[open]{display:flex;flex-direction:column}.client-editor>header{padding:18px 24px;border-bottom:1px solid #dfe6eb;flex-shrink:0}.client-editor>header h2{margin:0;font-size:24px}.client-editor>form{display:flex;flex-direction:column;min-height:0}.client-editor-body{padding:18px 24px;overflow:auto;min-height:0}.client-section{border:0;padding:0;margin:0 0 20px;min-width:0}.client-section legend{font-size:14px;font-weight:600;margin-bottom:12px;padding:0}.client-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.client-form-grid label{margin:0;font-size:12px;min-width:0}.client-form-grid input,.client-form-grid select{display:block;height:40px;margin-top:5px;width:100%;padding:8px 10px;font-size:14px}.client-form-grid select{box-sizing:border-box;min-width:0;border:1px solid #cfd7dd;border-radius:8px;background:#fff;color:#182c3b;font-family:inherit;transition:border-color .15s,box-shadow .15s}.client-form-grid select:focus{outline:none;border-color:#c7df91;box-shadow:0 0 0 3px #e6eddc}.client-span-2{grid-column:span 2}.client-span-3{grid-column:1/-1}.client-phone-list{grid-column:1/-1;display:grid;gap:12px}.client-phone-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(200px,2fr) auto;align-items:end;gap:12px}.client-phone-row button{height:40px;margin:0}.client-add-phone{justify-self:start;grid-column:1/-1}.client-editor .client-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 24px;margin:0;border-top:1px solid #dfe6eb;flex-shrink:0}.client-editor-actions button{margin:0}.client-editor>.feedback{margin:8px 24px;flex-shrink:0}.client-registration-date{font-size:12px;color:#657582;margin:0}@media(max-width:650px){.client-form-grid{grid-template-columns:1fr 1fr}.client-span-2,.client-span-3{grid-column:1/-1}.client-phone-row{grid-template-columns:1fr auto}.client-phone-row label:nth-child(2){grid-column:1/-1;grid-row:2}.client-editor-body{padding:16px}.client-editor>header{padding:16px}}@media(max-width:420px){.client-form-grid{grid-template-columns:1fr}.client-form-grid label{grid-column:1/-1}}

.client-editor-tabs{display:flex;gap:6px;padding:12px 24px 0;border-bottom:1px solid #dfe6eb;flex-shrink:0}.client-editor-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;padding:12px 16px;margin:0;font:inherit;font-size:14px;cursor:pointer}.client-editor-tabs button[aria-selected=true]{border-bottom-color:#214e64;color:#214e64;font-weight:600;background:#edf3f6}.client-editor-tabs button:focus-visible{outline:2px solid #214e64;outline-offset:-2px}.client-editor-body{min-height:290px}.client-editor .client-section{margin-bottom:0}@media(max-width:650px){.client-editor-tabs{padding:8px 12px 0;gap:0}.client-editor-tabs button{padding:10px 12px;font-size:13px}.client-editor-body{min-height:0}}

.clients-list table{table-layout:fixed;min-width:980px}.clients-list th:first-child{width:34%}.clients-list th:nth-child(2){width:15%}.clients-list th:nth-child(3),.clients-list th:nth-child(4){width:16%}.clients-list th:nth-child(5){width:19%}.clients-list th:nth-child(3),.clients-list th:nth-child(4),.clients-list td:nth-child(3),.clients-list td:nth-child(4){text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.clients-list th:nth-child(5){text-align:right}.clients-list .client-row-actions{justify-content:flex-end;gap:0}.clients-list th,.clients-list td{padding-left:12px;padding-right:12px}.clients-list td:first-child{overflow-wrap:anywhere}

.clients-list th:first-child,.clients-list td:first-child{padding-left:24px}.clients-list th:last-child,.clients-list td:last-child{padding-right:24px}@media(pointer:fine){.clients-list .client-icon-button{width:26px;height:30px;padding:0;flex-shrink:0}}

.client-summary-card{font:inherit;text-align:left;color:inherit;cursor:pointer}.client-summary-card:hover{box-shadow:0 2px 8px #16374c22}.client-summary-card:focus-visible{outline:2px solid #214e64;outline-offset:3px}.client-history{width:min(940px,94vw)}.client-history header{display:flex;justify-content:space-between;align-items:center;gap:16px}.client-chart{overflow-x:auto}.client-chart svg{width:100%;min-width:620px;display:block}.birthday-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.birthday-filters label{margin:0;flex:1;min-width:150px}.birthday-filters input,.birthday-filters select{display:block;width:100%;height:44px;margin-top:8px}.birthday-filters button{height:44px;margin:0}

.dashboard-content.clients-page{max-width:1500px;width:100%;box-sizing:border-box}

body[data-theme=dark] .clients-page .client-summary-card{background:color-mix(in srgb,var(--brand,#163443) 80%,#18212a);color:#edf2f6}body[data-theme=dark] .clients-page .client-summary-card span,body[data-theme=dark] .clients-page .client-summary-card small{color:#bac8d1}

.clients-page .client-summary-card{border:1px solid #dfe6eb;background:#fff;box-shadow:0 1px 3px #16374c08}.clients-page .client-summary-card:nth-child(1) strong{color:var(--button,#214e64)}.clients-page .client-summary-card:nth-child(2) strong{color:var(--accent-ink,#496039)}.clients-page .client-summary-card:nth-child(3) strong{color:var(--brand,#163443)}body[data-theme=dark] .clients-page .client-summary-card strong{color:#edf2f6}

.clients-page .client-summary-card:nth-child(1){background:#E2EFFF;border-color:#BBD9FF}
.clients-page .client-summary-card:nth-child(2){background:#E5F5E7;border-color:#C6E9CD}
.clients-page .client-summary-card:nth-child(3){background:#DFF3F4;border-color:#ADE2E6}
body[data-theme=dark] .clients-page .client-summary-card:nth-child(1){background:color-mix(in srgb,var(--button,#214e64) 25%,#18212a);border-color:#425362}
body[data-theme=dark] .clients-page .client-summary-card:nth-child(2){background:color-mix(in srgb,var(--accent,#a7c76b) 15%,#18212a);border-color:#425362}
body[data-theme=dark] .clients-page .client-summary-card:nth-child(3){background:color-mix(in srgb,var(--accent,#a7c76b) 9%,color-mix(in srgb,var(--button,#214e64) 18%,#18212a));border-color:#425362}

.birthday-table-search{display:flex;align-items:end;gap:12px;margin:20px 0 8px}.birthday-table-search label{margin:0;flex:1;max-width:540px}.birthday-table-search input{display:block;width:100%;height:44px;margin-top:8px}.birthday-table-search button{height:44px;margin:0}@media(max-width:500px){.birthday-table-search{flex-wrap:wrap}.birthday-table-search label{min-width:100%}}

.birthday-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px}.birthday-heading h1{margin:0}.birthday-heading .birthday-table-search{margin:0;align-items:center;width:420px;max-width:100%;flex-shrink:0}.birthday-heading .birthday-table-search input{margin:0}.birthday-filters label:first-child{flex:2}.birthday-filters label:nth-child(3){flex:0.8}@media(max-width:750px){.birthday-heading{align-items:stretch;flex-direction:column;gap:16px}.birthday-heading .birthday-table-search{width:100%}}@media(max-width:500px){.birthday-heading .birthday-table-search{flex-wrap:nowrap}.birthday-heading .birthday-table-search label{min-width:0}}

.birthdays-page{max-width:1440px;width:100%;box-sizing:border-box}.birthdays-page>.action-button{display:inline-block;margin-bottom:12px}.birthdays-page .birthday-heading{margin:10px 0 28px}.birthday-heading p{color:#657582;margin:10px 0 0;font-size:14px}.birthday-quick-search{display:flex;align-items:center;width:360px;max-width:100%;border:1px solid #cfd7dd;background:white;border-radius:8px;overflow:hidden}.birthday-quick-search input{border:0;margin:0;width:100%;height:44px;min-width:0;background:transparent}.birthday-quick-search button{border:0;background:none;font-size:25px;padding:4px 14px;color:#214e64;cursor:pointer}.birthday-toolbar,.birthday-controls,.birthday-presets{display:flex;align-items:center;gap:12px}.birthday-toolbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}.birthday-toolbar button,.birthday-toolbar select{margin:0;min-height:42px}.birthday-presets button[aria-pressed=true]{background:var(--button,#214e64);color:white;border-color:var(--button,#214e64)}.birthday-controls select{padding:8px 14px;border:1px solid #cfd7dd;border-radius:8px;background:white;color:inherit;font:inherit;text-transform:capitalize}.birthday-extra-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;padding:20px;background:var(--tint,#eef3f5);border-radius:10px;margin-bottom:18px}.birthday-extra-filters label{margin:0;flex:1;min-width:170px}.birthday-extra-filters input{display:block;width:100%;height:42px;margin-top:6px}.birthday-extra-filters p{width:100%;font-size:12px;margin:0}.birthday-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;color:#657582}.birthday-results{border:1px solid #dfe6eb;border-radius:12px;background:white;overflow:hidden}.birthday-results th{background:#f7f9fa}.birthday-results th,.birthday-results td{padding:14px 22px}.birthday-results th:first-child{width:50%}.birthday-results td:nth-child(2),.birthday-results td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}.birthday-sort{font:inherit;border:0;background:none;color:inherit;font-weight:600;cursor:pointer;padding:0}.birthday-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px!important;color:#657582;font-size:13px}.birthday-pagination>div{display:flex;align-items:center;gap:12px}.birthday-pagination label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap;font-weight:400}.birthday-pagination select{padding:8px;border:1px solid #dfe6eb;border-radius:6px}.birthday-pagination button{margin:0}body[data-theme=dark] .birthday-results,body[data-theme=dark] .birthday-quick-search,body[data-theme=dark] .birthday-controls select{background:#202d38;color:#edf2f6}body[data-theme=dark] .birthday-results th{background:#263744}@media(max-width:760px){.birthday-quick-search{width:100%}.birthday-presets,.birthday-controls{flex-wrap:wrap}.birthday-pagination,.birthday-pagination>div{flex-wrap:wrap}.birthday-results table{min-width:620px}.birthday-heading{gap:16px}}

body:not([data-theme=dark]) .clients-page .client-summary-card strong,body:not([data-theme=dark]) .clients-page .client-summary-card span{color:#123B59}body:not([data-theme=dark]) .clients-page .client-summary-card span{font-weight:600}body:not([data-theme=dark]) .clients-page .client-summary-card small{color:#496B86}
/* Shared icons for the application's indicator cards. */
.summary-icon{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:1px solid currentColor;border-radius:9px;background:#ffffff35;color:var(--button,#214e64)}
.summary-icon svg,.clients-page .summary-icon svg{width:25px;height:25px}
.clients-summary .client-summary-card:nth-child(2) .summary-icon{color:var(--accent-ink,#496039)}
.clients-summary .client-summary-card:nth-child(3) .summary-icon{color:var(--button,#214e64)}
.admin-summary>div{position:relative;padding-left:82px}.admin-summary .summary-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
.record-summary .summary-icon{margin-bottom:14px}
body[data-theme=dark] .summary-icon{color:#c8dce8;background:#ffffff08;border-color:#ffffff30}
@media(max-width:700px){.summary-icon{width:36px;height:36px;flex-basis:36px}.clients-summary .client-summary-card{gap:10px}}

.clients-list th:nth-child(2),.clients-list td:nth-child(2),.clients-list th:nth-child(3),.clients-list td:nth-child(3),.clients-list th:nth-child(4),.clients-list td:nth-child(4){text-align:center;font-variant-numeric:tabular-nums}

.clients-page .clients-list :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(4)){text-align:center;vertical-align:middle}
.clients-page .clients-list th:is(:nth-child(2),:nth-child(3),:nth-child(4)) .client-column{display:flex;justify-content:center;position:relative;width:100%;box-sizing:border-box;padding:0 30px;min-height:30px}
.clients-page .clients-list th:is(:nth-child(2),:nth-child(3),:nth-child(4)) .client-sort{position:absolute;right:0;top:50%;transform:translateY(-50%)}

.history-comparison{width:min(1120px,94vw);padding:26px 28px}.history-comparison header h2{margin:8px 0 0;font-size:26px}.history-comparison header small{font-size:11px;letter-spacing:.14em;color:#657582}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 14px;font-size:13px;color:#657582}.history-legend{display:flex;gap:24px;color:var(--text,#182c3b)}.history-legend span{display:inline-flex;align-items:center;gap:8px;font-weight:600}.history-legend i{width:11px;height:11px;border-radius:50%}.history-comparison .client-chart svg{min-width:720px}.history-comparison .history-note{font-size:12px;color:#657582;margin:12px 0}.history-comparison details{border-top:1px solid #dfe6eb;padding-top:16px;margin-top:20px}.history-comparison summary{cursor:pointer;font-size:13px}.history-comparison svg [tabindex]:focus{outline:2px solid #495bdd;outline-offset:-2px}body[data-theme=dark] .history-comparison .history-note,body[data-theme=dark] .history-toolbar{color:#b4c3d0}@media(max-width:600px){.history-comparison{padding:18px}.history-comparison header h2{font-size:21px}}

/* Shared action icons: stronger silhouettes and compact, consistent controls. */
.client-icon-button .action-glyph{width:18px;height:18px;flex-shrink:0;display:block}
.client-icon-button{color:#173655;transition:background-color .15s,color .15s}
.client-icon-button:hover{background:#e7eef3;color:#214e64}
.client-icon-button.client-delete{color:#f04e58}
.client-icon-button.client-delete:hover{background:#fdebed;color:#b52630}
.client-icon-button:focus-visible{outline:2px solid #547c95;outline-offset:2px;background:#e7eef3}
body[data-theme=dark] .client-icon-button{color:#bdcedb}
body[data-theme=dark] .client-icon-button:hover,body[data-theme=dark] .client-icon-button:focus-visible{background:#30485b;color:#fff}
body[data-theme=dark] .client-icon-button.client-delete{color:#ff8088}
body[data-theme=dark] .client-icon-button.client-delete:hover{background:#53333f}

.client-cpf-value{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.clients-list .client-cpf-copy{flex-shrink:0;vertical-align:middle}

/* Primary details action and compact overflow menu, shared by both lists. */
.clients-list .record-compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.clients-list .record-compact-actions .record-details-button{width:auto;height:32px;min-width:112px;padding:0 10px;gap:6px;border:1px solid #d8e2e9;border-radius:7px;background:#f5f8fa;font:inherit;font-size:12px;font-weight:600;color:#214e64}
.clients-list .record-compact-actions .record-more-button{width:30px;height:32px;padding:0;font-size:24px;border:1px solid #d8e2e9;border-radius:7px}
.record-actions-popover{position:fixed;inset:auto;margin:0;width:200px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:6px;border:1px solid #d8e2e9;border-radius:10px;background:#fff;color:#173655;box-shadow:0 8px 26px #132b3b26}
.record-actions-popover .record-menu-action{display:flex;justify-content:flex-start;gap:10px;width:100%;height:38px;padding:8px 10px;font:inherit;font-size:13px;white-space:nowrap}
.record-actions-popover .record-menu-action.client-delete{border-top:1px solid #edf0f3;margin-top:4px;border-radius:0 0 6px 6px}
body[data-theme=dark] .record-actions-popover{background:#203342;border-color:#425362}
body[data-theme=dark] .clients-list .record-details-button,body[data-theme=dark] .clients-list .record-more-button{background:#203342;color:#d9e8f2;border-color:#425362}
@media(pointer:coarse){.clients-list .record-compact-actions .record-details-button,.clients-list .record-compact-actions .record-more-button{min-height:44px}.record-actions-popover .record-menu-action{height:44px}}

/* Keep the outer table width; allocate spare room to client names. */
.clients-page .clients-list .clients-data-table{table-layout:fixed;width:100%}
.clients-page .clients-list .clients-data-table th:first-child{width:auto}
.clients-page .clients-list .clients-data-table th:nth-child(2){width:180px}
.clients-page .clients-list .clients-data-table th:nth-child(3){width:210px}
.clients-page .clients-list .clients-data-table th:nth-child(4){width:190px}
.clients-page .clients-list .clients-data-table th:nth-child(5){width:160px;text-align:center;padding-left:12px;padding-right:12px}
.clients-page .clients-list .clients-data-table td:last-child{padding-left:12px;padding-right:12px}
@media(pointer:coarse){.clients-page .clients-list .clients-data-table th:nth-child(5){width:220px}}

.client-icon-button .action-glyph-activities{color:#dc3545}
body[data-theme=dark] .client-icon-button .action-glyph-activities{color:#ff8088}

.clients-page .clients-list .clients-data-table tbody td{padding-top:10px;padding-bottom:10px}

/* Shared footer matching the processes list. */
.clients-paging.records-paging{padding:16px 24px;gap:20px;border-top:1px solid #dfe6eb}
.clients-paging.records-paging .process-page-summary{display:flex;flex-direction:column;gap:4px}
@media(max-width:700px){.clients-paging.records-paging{padding:14px;gap:14px}}
@media(prefers-reduced-motion:no-preference){
 .client-summary-card.summary-enter{animation:summary-card-arrive 350ms ease-out var(--summary-delay) backwards}
 .client-summary-card.summary-enter>:not(strong){animation:summary-copy-arrive 450ms ease-out var(--summary-copy-delay) backwards}
 .client-summary-card.summary-enter>strong{animation:summary-copy-arrive 450ms ease-out var(--summary-value-delay) backwards}
}
@keyframes summary-card-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes summary-copy-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.record-menu-action .action-glyph-delete,.hearing-menu-choice .action-glyph-delete{color:#d63c4a}body[data-theme=dark] .record-menu-action .action-glyph-delete,body[data-theme=dark] .hearing-menu-choice .action-glyph-delete{color:#ff8088}

.client-office-options .client-office-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dfe6eb;border-radius:8px;cursor:pointer}.client-office-options .client-office-option input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:#214e64}.client-office-option:has(input:checked){background:#eaf3f8}
/* Office selector shares the search field without changing the header height. */
.office-search-field{position:relative;width:360px;max-width:100%}
.clients-header-actions .office-search-field .clients-search{width:100%;margin:0}
.clients-page .clients-header-actions .office-search-field input{padding-right:48px}
.office-list-filter{position:absolute;right:5px;top:5px}
.office-filter-trigger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text,#214e64);cursor:pointer}
.office-filter-trigger svg{width:20px;height:20px}
.office-filter-trigger:hover,.office-filter-trigger.is-active{background:#e2eef4}
.office-filter-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:420px;max-width:calc(100vw - 32px);max-height:70vh;overflow-y:auto;padding:8px;background:var(--surface,#fff);border:1px solid #cfd7dd;border-radius:9px;box-shadow:0 8px 24px #16344726}
.office-filter-menu .office-filter-option{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;text-align:left;white-space:normal;padding:14px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:14px;font-weight:400;line-height:1.55}
.office-filter-option-name{min-width:0;overflow-wrap:anywhere}
.office-filter-option-icon,.office-filter-option-check{display:flex;align-items:center;justify-content:center;color:var(--text,#214e64)}
.office-filter-option-icon svg{width:24px;height:24px}.office-filter-option-check svg{width:20px;height:20px}
.office-filter-option-check{visibility:hidden}.office-filter-option[aria-pressed=true] .office-filter-option-check{visibility:visible}
.office-filter-menu .office-filter-option:hover{background:#f0f6fa}
.office-filter-menu .office-filter-option:focus-visible{outline:2px solid #7099b4;outline-offset:-2px}
.office-filter-menu .office-filter-option[aria-pressed=true]{background:#e5f1fa;color:#193749}
.office-filter-menu button[aria-pressed=true]{background:#e5eef1;color:#193749}

@media(max-width:700px){.office-search-field{width:100%}}
.office-filter-error{margin:8px;padding:10px;color:#a22b32;font-size:13px;line-height:1.4}
.sidebar-office{margin-top:auto;padding-top:24px;flex-shrink:0}
.sidebar-office:not([hidden]) ~ .sidebar-admin{margin-top:0;padding-top:8px}
.sidebar-office .office-list-filter{position:relative;inset:auto}
.sidebar-office .office-filter-trigger{width:100%;height:40px;justify-content:flex-start;gap:10px;padding:9px;color:var(--brand-muted,#b9cbd5)}
.sidebar-office .office-filter-trigger:hover,.sidebar-office .office-filter-trigger.is-active,.sidebar-office .office-filter-trigger[aria-expanded=true]{background:#ffffff12;color:var(--accent,#c7df91)}
.sidebar-office .office-filter-trigger svg{width:22px;height:22px;flex-shrink:0}
.sidebar-office-label{font-size:14px;white-space:nowrap}
.sidebar-collapsed .sidebar-office-label{display:none}
.office-filter-menu.sidebar-office-menu{position:fixed;inset:auto;margin:0;color:var(--text,#193749);max-height:calc(100dvh - 16px)}


/* Consistent consultation, modification and deletion groups. */
.record-menu-separator{height:1px;margin:5px 4px;background:#dfe6eb;flex-shrink:0;}
.record-actions-popover .record-menu-action.client-delete{border-top:0;margin-top:0;border-radius:5px;}
.record-actions-popover .record-menu-danger,.hearing-actions-menu .record-menu-danger{color:#c33140;}
.record-actions-popover .record-menu-warning,.hearing-actions-menu .record-menu-warning{color:#ad5414;}
body[data-theme=dark] .record-menu-separator{background:#405461;}
body[data-theme=dark] .record-menu-danger{color:#ff8088;}
body[data-theme=dark] .record-menu-warning{color:#ffbb79;}
