.customer-directory .page-heading{margin-bottom:18px}.customer-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.customer-filter label,.customer-context-controls>label{display:flex;flex-direction:column;gap:6px;color:#4c6359;font-size:11px;min-width:150px;flex:1}.customer-filter .customer-search-field{flex:1.5}.customer-filter input,.customer-filter select,.customer-context-controls select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);padding:9px;font-size:12px;min-height:37px}.customer-filter input[type=number]{max-width:150px}.customer-stage-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.customer-stage-tabs button{border:1px solid var(--line);background:#fff;color:#425f4c;border-radius:7px;padding:8px 13px;font-size:12px;min-height:34px}.customer-stage-tabs button.active{background:#e8f0e1;border-color:#b9cfb3;color:#214d33;font-weight:700}.customer-stage-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.customer-list-count{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 10px;font-size:12px;flex-wrap:wrap}.customer-list-count>span{color:#587064;font-size:11px}.customer-context-chip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:4px 0;font-size:11px}.customer-context-chip .badge{font-size:10px}.customer-record-back{margin-bottom:14px}.customer-record-hero{margin-bottom:14px}.customer-record-hero h1{font-size:24px}.customer-record-hero p{overflow-wrap:anywhere}.customer-context-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:9px}.customer-context-controls>label{max-width:330px}.customer-record-tag{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;padding:7px 0}.customer-case-note{padding:10px 2px 15px;font-size:12px;color:#4c6359;line-height:1.6}.customer-business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.customer-business-grid .panel{min-width:0}.customer-business-grid .panel-header{gap:10px;align-items:flex-start}.customer-business-grid .panel-header h2{font-size:16px}.customer-business-grid .panel-header p{font-size:11px;line-height:1.65}.customer-business-grid .panel-body>.empty{padding:25px 12px}.customer-business-grid .panel-header>.btn{flex-shrink:0}.customer-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.customer-support-grid>.panel{min-width:0}.customer-legacy-details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.customer-legacy-details>summary{color:#4c6359;cursor:pointer;font-size:12px;margin-bottom:12px}.customer-confirm-form .field[hidden]{display:none}
@media(max-width:1150px){.customer-support-grid{grid-template-columns:1fr}.customer-business-grid .panel-header{padding:17px}.customer-business-grid .panel-header>.btn{font-size:11px;padding:8px}.customer-context-controls>label{max-width:none}}
@media(max-width:760px){.customer-filter{gap:9px;padding:11px}.customer-filter label{min-width:130px}.customer-filter .customer-search-field{min-width:100%}.customer-stage-tabs{gap:5px}.customer-stage-tabs button{padding:8px 10px}.customer-business-grid{grid-template-columns:1fr;gap:13px}.customer-record-hero{gap:10px;flex-wrap:wrap}.customer-record-hero>div{min-width:0;flex:1}.customer-record-hero h1{font-size:21px}.customer-context-controls{padding:11px}.customer-context-controls>label{min-width:100%}.customer-record-tag{width:100%}.customer-list-count{font-size:12px}.customer-business-grid .panel-header{align-items:center}}

/* Keep the customer record actions in the first viewport without changing other pages. */
.content:has(>.customer-record),.content:has(>.customer-directory){padding:20px 24px 40px}.customer-record-back{margin-bottom:8px}.customer-record-hero{padding:16px 18px;margin-bottom:10px;gap:12px}.customer-record-hero .avatar{width:40px;height:40px;font-size:18px}.customer-record-hero h1{font-size:21px}.customer-record-hero p{margin-top:3px;font-size:11px}.customer-context-controls{padding:9px 12px;gap:8px}.customer-context-controls>label{gap:4px}.customer-context-controls select{padding:7px;min-height:33px}.customer-case-note{padding:7px 2px 10px;font-size:11px}.customer-business-grid{gap:12px}.customer-business-grid .panel-header{padding:14px 16px 10px}.customer-business-grid .panel-body{padding:0 16px 12px}.customer-business-grid .panel-body>.empty{padding:10px 4px}.customer-business-grid .empty svg{display:none}.customer-business-grid .empty p{margin-top:4px}.customer-case-loading .loading{padding:12px}.customer-case-loading+.customer-business-grid{opacity:.65}
.customer-record-pending{max-width:760px;margin:20px auto;padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.customer-pending-line{height:14px;width:100%;border-radius:6px;margin:0 0 16px;background:linear-gradient(100deg,#e7eee3 20%,#f4f7f1 42%,#e7eee3 64%);background-size:220% 100%;animation:customer-pending-shimmer 1.4s ease-in-out infinite}.customer-pending-line.is-wide{height:92px;border-radius:10px;margin-bottom:24px}.customer-pending-line.is-short{width:58%}.customer-record-pending p{font-size:11px;color:#748574;margin-top:8px}@keyframes customer-pending-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.customer-pending-line{animation:none}}
@media(max-width:760px){.content:has(>.customer-record),.content:has(>.customer-directory){padding:16px 14px 30px}.customer-record-hero{padding:13px}.customer-context-controls>label{min-width:160px}.customer-context-controls>label:first-child{flex:1}.customer-record-tag{padding:2px 0}.customer-business-grid .panel-header{padding:13px}.customer-business-grid .panel-header p{line-height:1.5}}

.customer-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customer-name-line>.btn{font-size:11px}
#customer-ai-summary{margin:0 0 18px}#customer-ai-summary .panel-header{gap:12px;align-items:flex-start}#customer-ai-summary .panel-header h2{font-size:16px}#customer-ai-summary .panel-header p{font-size:11px;line-height:1.6}.customer-summary-copy{white-space:normal;color:#31483d;font-size:13px;line-height:1.9}.customer-summary-meta{margin-top:10px;color:#6a7f74;font-size:11px}.customer-summary-state{display:flex;align-items:center;gap:9px;padding:10px 0;color:#4c6359;font-size:12px}.customer-summary-state svg{width:18px;height:18px;color:var(--green)}
@media(max-width:760px){#customer-ai-summary .panel-header{align-items:center}#customer-ai-summary .panel-header>.actions{width:100%}}