.customer-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#customer-table .customer-row-actions>button{min-height:44px;white-space:normal}
.customer-order-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#1c2d25;color:#f2f4ef;border:1px solid #78917f;border-radius:16px;padding:24px;box-sizing:border-box}
.customer-order-dialog::backdrop{background:#04100bcc}
.customer-order-dialog header{display:flex;justify-content:space-between;align-items:start;gap:16px}
.customer-order-dialog h2{margin:0;font-size:23px;line-height:1.3}.customer-order-dialog [data-order-customer]{margin:8px 0 0;color:#e1c9a6;overflow-wrap:anywhere}
.customer-order-dialog button{min-height:46px;border-radius:9px;padding:12px 14px;font:inherit;cursor:pointer}
.customer-order-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.customer-order-options button{display:grid;gap:6px;text-align:left;align-content:start;min-width:0;background:#294334;color:#f2f4ef;border:1px solid #78917f88}
.customer-order-options button:hover{background:#365543}.customer-order-options strong{font-size:15px}.customer-order-options span{font-size:13px;line-height:1.5;font-weight:400;color:#bdc9c0}
.customer-order-hint{font-size:13px;color:#bdc9c0;line-height:1.5;margin-bottom:0}.customer-order-dialog [role=alert]{color:#ffd0c4}
@media(max-width:820px){#customer-table .customer-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#customer-table .customer-row-actions>button{width:100%;min-width:0}}
@media(max-width:400px){.customer-order-dialog{padding:18px}.customer-order-options{grid-template-columns:minmax(0,1fr)}}

.customer-search-popup [role=listbox]{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.customer-search-popup{font-family:var(--comfort-font,system-ui);font-size:14px}
.customer-search-popup .customer-search-status{overflow-wrap:anywhere}
@media(min-width:821px){
 .page[data-list-view=true]>.section-head{padding-bottom:10px;margin-bottom:14px}
 .page[data-list-view=true]>.section-head .eyebrow{display:none}
 .page[data-list-view=true]>.workspace-tabs{padding-top:0;margin-bottom:14px}
}

/* A second floating offline notice must not cover list actions when the shared warning is already visible. */
body:has(#shared-banner:not([hidden])) #app-offline-banner{display:none}
@media(max-width:820px){
 .workspace-data-scroll button{scroll-margin-top:calc(var(--mobile-header-height,72px) + var(--workspace-controls-height,240px) + 12px);scroll-margin-bottom:100px}
 .workspace-data-scroll{padding-bottom:12px}
}

/* Keep deletion last in reading order and away from everyday customer actions. */
#customer-form .customer-danger-actions{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;padding-left:24px;border-left:1px solid #78917f66;order:99}
#customer-form .customer-danger-actions:has(>button[hidden]){display:none}
#customer-form .customer-danger-actions>button{min-height:44px;white-space:normal}
@media(max-width:820px){
 #customer-form .customer-danger-actions{flex-basis:100%;margin:8px 0 0;padding:16px 0 0;border-left:0;border-top:1px solid #78917f66}
 #customer-form .customer-danger-actions>button{flex:0 1 auto;min-width:140px;max-width:100%}
}