.add-to-order-modal {
    width: 420px;
    max-width: 90vw;
}

.add-to-order-modal h3 {
    margin: 0 0 16px;
    font-size: var(--font-size-large);
    color: var(--color-text);
}

.add-to-order-modal h4 {
    margin: 16px 0 8px;
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.add-to-order-note {
    width: 100%;
    min-height: 70px;
    padding: 8px 12px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-input-bg);
    color: var(--color-text);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    resize: vertical;
    margin-bottom: 12px;
}

.add-to-order-list {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    max-height: 260px;
    overflow-y: auto;
}

.add-to-order-list-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 6px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-surface);
    color: var(--color-text);
    text-align: left;
    cursor: pointer;
}

.add-to-order-list-item:hover:not(:disabled) {
    border-color: var(--color-primary);
    background: var(--color-bg);
}

.add-to-order-list-item:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.add-to-order-list-date {
    font-size: var(--font-size-small);
    color: var(--color-text-muted);
}

.add-to-order-list-note {
    font-size: var(--font-size-small);
    color: var(--color-text-muted);
    font-style: italic;
}

.add-to-order-new {
    border-top: 1px solid var(--color-border);
    padding-top: 12px;
}