.app-shell {
        padding: 16px 24px 32px;
    }

.card {
        background: var(--surface);
        border-radius: var(--radius-lg);
        border: 1px solid var(--border);
        padding: 18px 20px 20px;
        box-shadow: var(--shadow-soft);
    }

.flex-row {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
    }

.summary-panel {
        margin-top: 8px;
        border-radius: var(--radius-lg);
        border: 1px solid var(--border);
        background: #f8fafc;
        padding: 8px 12px 10px;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
    }

.summary-panel-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 4px;
    }

.summary-panel-title {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-main);
    }

.summary-toggle {
        border: none;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer;
        background: #e5edff;
        color: #1d4ed8;
        box-shadow: none;
        min-height: auto;
    }

.summary-toggle:hover {
        background: #dbeafe;
    }

.summary-panel-body.summary-collapsed {
        display: none;
    }

.summary-cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        margin-top: 8px;
    }

.summary-card {
        min-height: 96px;
        padding: 14px 16px;
        border-radius: 14px;
        box-shadow: var(--shadow-soft);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.summary-card.clients    { background: var(--pastel-blue); }
.summary-card.qty        { background: var(--pastel-cyan); }
.summary-card.weight     { background: var(--pastel-yellow); }
.summary-card.sku        { background: var(--pastel-red); }
.summary-card.sku-total  { background: var(--pastel-purple); }
.summary-card.sku-avg    { background: #efe7ff; }
.summary-card.type       { background: #ece9ff; }

.summary-card-title {
        font-size: 12px;
        color: var(--text-muted);
        margin-bottom: 4px;
    }

.summary-card-value {
        font-size: 20px;
        font-weight: 600;
        color: var(--text-main);
    }