.customer-card{display:grid;gap:1.5rem}.card-header{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:flex-start}.customer-info{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:flex-start}.customer-details{display:grid;gap:.25rem}.contact-info{display:grid;gap:.1rem;margin-top:.25rem}.cart-value{text-align:right}.action-buttons{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(229,231,235,.5)}.status-grid{display:grid;gap:1rem;margin-top:.5rem}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.status-pill{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.75rem;border-radius:8px;transition:all .2s ease;height:100%;box-sizing:border-box}.status-pill:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.tone-success{background-color:#10b98112;border:1px solid rgba(16,185,129,.12)}.tone-critical{background-color:#f0443812;border:1px solid rgba(240,68,56,.12)}.tone-info{background-color:#3b82f612;border:1px solid rgba(59,130,246,.12)}.tone-warning{background-color:#f59e0b12;border:1px solid rgba(245,158,11,.12)}.tone-subdued{background-color:#f9fafbcc;border:1px solid rgba(229,231,235,.5)}.status-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.tone-success .status-icon{background-color:#10b9811f}.tone-critical .status-icon{background-color:#f044381f}.tone-info .status-icon{background-color:#3b82f61f}.tone-warning .status-icon{background-color:#f59e0b1f}.tone-subdued .status-icon{background-color:#f9fafbcc}.status-details{display:grid;gap:.1rem}@media (max-width: 768px){.card-header{grid-template-columns:1fr;gap:1rem}.cart-value{text-align:left;margin-top:.5rem}.status-grid.grid-cols-2{gap:.75rem}.action-buttons{margin-top:.75rem;padding-top:.75rem}}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:300px;margin:0 auto;padding:16px}.chart-wrapper{position:relative;width:100%;height:240px}@media (min-width: 768px){.chart-container.horizontal{flex-direction:row;gap:24px}}