.wcpd-dashboard{border:1px solid #e1e1e1;padding:12px;border-radius:4px;background:#fff}
.wcpd-metrics{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.wcpd-metric{font-size:14px}
.wcpd-amount{margin-left:8px;color:#1e73be}
.wcpd-customers h4{margin:8px 0 4px}
.wcpd-customers ul{list-style:disc;padding-left:20px;margin:0}
.wcpd-no-customers{color:#666;font-size:13px}


/* Accessibility improvements */
.wcpd-dashboard .wcpd-metric strong{font-size:1.1em}
.wcpd-customers ul li{margin-bottom:4px}

/* Ensure modal overlays all content and is positioned correctly */
.wcpd-modal {
    position: fixed !important;
    z-index: 2147483647 !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.35);
    display: none;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    pointer-events: auto !important;
}

.wcpd-modal.active {
    display: flex !important;
}

/* Modal content window: visually above, with top margin and clear style */
.wcpd-modal > div {
    margin-top: 120px !important;
    position: relative;
    z-index: 2147483647 !important;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    pointer-events: auto !important;
    border-radius: 8px;
    min-width: 320px;
    max-width: 90vw;
    padding: 24px;
}