.page-size-control{display:flex;flex-direction:column;gap:6px;min-width:138px}
.app{grid-template-columns:280px minmax(0,1fr)}
#portalView,#viewRoot{min-width:0;max-width:100%}
#viewRoot>.panel,#viewRoot .table-wrap{min-width:0;max-width:100%}
#viewRoot .table-wrap{overflow-x:auto}
#partnerMetaAlertFiltersForm,#partnerMetaTemplateFiltersForm,#partnerDeliveryFiltersForm,#partnerDeliveryAlertFiltersForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;align-items:end}
#partnerMetaAlertFiltersForm>label,#partnerMetaTemplateFiltersForm>label,#partnerDeliveryFiltersForm>label,#partnerDeliveryAlertFiltersForm>label{min-width:0}
@media(max-width:780px){.app{grid-template-columns:minmax(0,1fr)}}
.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:16px}
.list-pagination .page-info{line-height:1.6;overflow-wrap:anywhere}
.list-pagination .table-actions{display:flex;gap:8px;flex-wrap:wrap}
.customer-external-id{display:inline-block;max-width:220px;white-space:normal;overflow-wrap:anywhere}
.customer-avatar{position:relative;isolation:isolate;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:13px;overflow:hidden;background:color-mix(in srgb,var(--primary) 10%,var(--panel));color:var(--primary-2);font-weight:800;font-size:14px;line-height:1}
.customer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--panel);color:transparent}
.customer-avatar img[hidden]{display:none}
.customer-avatar-large{width:76px;height:76px;flex-basis:76px;border-radius:20px;font-size:24px}
.customer-list-identity{display:flex;align-items:center;gap:12px;min-width:180px}
.customer-list-identity>div{min-width:0;overflow-wrap:anywhere}
.customer-avatar-editor{min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}
.customer-avatar-editor legend{padding:0 7px;font-size:13px;font-weight:700}
.customer-avatar-editor legend .muted{font-weight:400}
.customer-avatar-edit-row{display:flex;align-items:flex-start;gap:16px}
.customer-avatar-controls{flex:1;min-width:0}
.customer-avatar-controls input[type=file]{width:100%;min-width:0;max-width:100%;padding:9px;font-size:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.customer-avatar-file-label{display:block;margin-bottom:7px;font-size:13px;font-weight:600}
.customer-avatar-controls p{line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
.customer-avatar-buttons{display:flex;flex-wrap:wrap;gap:8px}
.customer-avatar-buttons .btn{padding:8px 10px;font-size:12px;min-height:38px}
.customer-avatar-buttons [hidden]{display:none!important}
.customer-avatar-status{color:var(--muted)}
.customer-avatar-status.is-error{color:var(--danger)}
.customer-avatar-controls input:focus-visible,.customer-avatar-buttons button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 65%,transparent);outline-offset:3px}
.customers-table tbody tr{transition:background-color .2s ease}
.customers-table tbody tr:focus-within{background:color-mix(in srgb,var(--primary) 7%,var(--panel))}
@media(hover:hover) and (pointer:fine){.customers-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 7%,var(--panel))}}
@media(prefers-reduced-motion:reduce){.customers-table tbody tr{transition:none}}
@media(max-width:480px){.customer-avatar-edit-row{gap:12px}.customer-avatar-editor{padding:12px}.customer-avatar-large{width:58px;height:58px;flex-basis:58px;border-radius:16px;font-size:19px}.customer-avatar-editor [data-avatar-preview]{flex:0 0 58px}}
.route-filters:has(#customersSearchInput){display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.route-filters #customersSearchInput{flex:1 1 280px;min-width:180px}
.route-filters:has(#customersSearchInput)>label{display:flex;flex-direction:column;gap:6px}
#partnerDeliveryAlertFiltersForm{margin-bottom:18px}
.meta-template-detail-card .kv,.meta-alert-detail-card .kv{min-width:0;overflow-wrap:anywhere}
.meta-template-detail-card .json-view,.meta-alert-detail-card .json-view{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
@media(max-width:640px){.list-pagination{align-items:stretch;flex-direction:column}.list-pagination .table-actions{display:grid;grid-template-columns:1fr 1fr}.route-filters:has(#customersSearchInput){width:100%}.route-filters #customersSearchInput{flex-basis:100%;width:100%}.route-filters:has(#customersSearchInput)>label{flex:1;min-width:125px}}

.modal-card>.customer-avatar-editor{margin:0 22px 12px}
.modal-card>[data-instance-create-status],.modal-card>[data-customer-save-status]{margin:0 22px 14px;line-height:1.6;overflow-wrap:anywhere}
.modal-card>[data-instance-create-status]:empty,.modal-card>[data-customer-save-status]:empty{display:none}
@media(max-width:480px){.modal-card>.customer-avatar-editor{margin-inline:16px}.modal-card>[data-instance-create-status],.modal-card>[data-customer-save-status]{margin-inline:16px}}