.customer-report { color: #16314c; min-width: 0; }
.customer-report h3,.customer-report h4 { margin: 0; font-size: 16px; letter-spacing: 0; }
.customer-report h4 { font-size: 14px; margin-bottom: 12px; }
.customer-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.customer-filters,.customer-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.customer-segments { display: flex; }
.customer-segments .btn { border-radius: 0; min-width: 40px; }
.customer-segments .btn:first-child { border-radius: 5px 0 0 5px; }
.customer-segments .btn:last-child { border-radius: 0 5px 5px 0; }
.customer-segments [aria-pressed="true"] { background: #e9f2ff; color: #145ee8; border-color: #74a6f9; }
.customer-report input[type="date"] { width: 148px; padding: 7px; border: 1px solid #ccdced; border-radius: 5px; background: white; color: inherit; }
.customer-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.customer-metric { border: 1px solid #e2e9f1; border-radius: 6px; padding: 14px 16px; background: #f9fbfe; }
.customer-metric span { font-size: 13px; color: #627a95; }
.customer-metric strong { display: block; margin-top: 9px; font-size: 23px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.customer-metric.change strong { color: #078567; }
.customer-metric.returned strong { color: #ad690c; }
.customer-metric.errors strong { color: #bb3f54; }
.customer-charts { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,1fr); gap: 28px; margin: 22px 0; }
.customer-charts section { min-width: 0; }
.customer-bars { display: flex; align-items: flex-end; gap: 14px; height: 168px; overflow-x: auto; border-bottom: 1px solid #e3ebf4; }
.customer-bar-group { min-width: 46px; flex: 1; display: grid; justify-items: center; gap: 3px; font-size: 11px; }
.customer-bar-stack { width: 26px; height: 120px; display: flex; flex-direction: column; justify-content: flex-end; }
.customer-bar-stack div { flex-shrink: 0; }
.series-0 { background: #2981d9; }.series-1 { background: #15a58a; }.series-2 { background: #d69a27; }
.customer-legend { display: flex; gap: 16px; font-size: 12px; margin-top: 10px; flex-wrap: wrap; }
.customer-legend span { display: flex; align-items: center; gap: 5px; }
.customer-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.customer-error-row { display: grid; grid-template-columns: 130px minmax(0,1fr) 48px; align-items: center; gap: 12px; margin-bottom: 16px; font-size: 12px; }
.customer-error-row>div { height: 7px; border-radius: 3px; background: #edf1f6; }
.customer-error-row i { display: block; height: 7px; background: #d47b54; border-radius: 3px; }
.customer-error-row strong { text-align: right; }
.customer-empty { height: 164px; display: grid; place-items: center; color: #72849b; }
td.customer-empty { display: table-cell; text-align: center; height: 90px; }
.customer-records { border-top: 1px solid #e2eaf4; padding-top: 20px; }
#customerDraftState { color: #788ca1; font-size: 12px; margin-left: 8px; font-weight: normal; }
.customer-table-scroll { max-width: 100%; overflow-x: auto; }
.customer-table { width: 100%; min-width: 1180px; table-layout: fixed; border-collapse: collapse; font-size: 12px; }
.customer-table th { background: #f1f6fc; color: #536e8a; padding: 12px 8px; font-weight: 600; text-align: left; }
.customer-table td { padding: 10px 8px; border-bottom: 1px solid #e1eaf4; vertical-align: middle; overflow-wrap: anywhere; }
.customer-table th,.customer-table td { white-space: normal; overflow-wrap: anywhere; }
.customer-table td:nth-child(n+3) { font-variant-numeric: tabular-nums; }
.customer-table input[type="number"] { width: 100%; min-width: 0; padding: 7px 5px; border: 1px solid #c9daef; border-radius: 4px; color: #17395e; background: #fff; font-size: 12px; }
.customer-table input:invalid { border-color: #d45768; }
.customer-table input:disabled { border-color: transparent; background: transparent; color: #53677d; opacity: 1; }
.customer-date { background: #fafcff; }
.customer-date label { display: grid; gap: 7px; font-size: 11px; margin-top: 14px; color: #687e95; }
.customer-date input { max-width: 95px; }
.customer-date input[type="date"] { width: 100%; min-width: 0; max-width: none; font-size: 12px; }
.customer-note { display: block; width: 100%; min-width: 0; margin-top: 8px; padding: 6px; border: 1px solid #c9daef; border-radius: 4px; font-size: 12px; }
.customer-reason { display: grid; gap: 8px; margin-top: 18px; }
.customer-reason textarea { width: 100%; border: 1px solid #c9daef; border-radius: 4px; padding: 8px; }
.customer-files { border-top: 1px solid #e2eaf4; padding: 16px 0; margin-top: 16px; }
.customer-files summary,.customer-history summary { cursor: pointer; font-size: 13px; font-weight: 600; }
.customer-history { margin-top: 14px; padding: 8px 0; }
.customer-history h4 { margin-top: 15px; }
#customerPreview:not(:empty) { background: #f6fafb; border: 1px solid #c8ded9; border-radius: 4px; padding: 14px; margin-bottom: 16px; }
.customer-import-confirm { display: flex; gap: 8px; align-items: center; margin: 14px 0; }
@media (max-width: 1250px) { .customer-charts { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; } .customer-metric { padding: 12px; } .customer-tools { gap: 6px; } }