.sales-document-create .card {
    box-shadow: 0 8px 24px color-mix(in srgb, var(--ph-canvas) 35%, transparent);
}

.sales-document-create .card-header {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--ph-primary-soft) 72%, var(--ph-surface)),
        var(--ph-surface)
    );
}

.sales-document-create .sales-count-badge {
    color: var(--ph-primary);
    background: var(--ph-primary-soft);
    border: 1px solid color-mix(in srgb, var(--ph-primary) 32%, var(--ph-border));
}

.sales-document-create .sales-table {
    min-width: 900px;
}

.sales-document-create .billable-items-table {
    min-width: 1280px;
}

.sales-document-create .sales-table thead th {
    color: var(--ph-text);
    background: color-mix(in srgb, var(--ph-primary-soft) 52%, var(--ph-surface-subtle));
    border-bottom-color: var(--ph-border-strong);
}

.sales-document-create .sales-table tbody tr:nth-child(even):not(.sales-row-selected) > * {
    background: color-mix(in srgb, var(--ph-surface-subtle) 72%, transparent);
}

.sales-document-create .sales-table tbody tr.sales-row-selected > * {
    color: var(--ph-text) !important;
    background: color-mix(in srgb, var(--ph-primary-soft) 78%, var(--ph-surface)) !important;
    border-bottom-color: color-mix(in srgb, var(--ph-primary) 28%, var(--ph-border)) !important;
}

.sales-document-create .sales-table tbody tr.sales-row-selected > *:first-child {
    box-shadow: inset 4px 0 0 var(--ph-primary);
}

.sales-document-create .sales-table tbody tr:hover > * {
    color: var(--ph-text) !important;
}

.sales-document-create .description-cell {
    width: 42%;
    min-width: 390px;
}

.sales-document-create .item-description {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ph-text);
    line-height: 1.45;
    text-transform: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sales-document-create .billable-items-table td:not(.description-cell),
.sales-document-create .billable-items-table th:not(:nth-child(4)) {
    white-space: nowrap;
}
